:root{--bg:#15111C;--bg-2:#1C1726;--surface:#241D31;--surface-2:#2E2540;--border:#372C4A;--border-soft:#2B2238;--text:#F3EEF8;--text-dim:#AEA2C0;--text-faint:#71678A;--accent:#F2B441;--accent-press:#D89A2A;--st-playing:#F2B441;--st-backlog:#7E8CF2;--st-done:#54C79A;--st-dropped:#D06B86;--font-display:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--font-body:"Inter",ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.cp-app{font-family:var(--font-body);color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,rgba(126,140,242,.1),transparent 60%),radial-gradient(900px 500px at -5% 0%,rgba(242,180,65,.08),transparent 55%),var(--bg);min-height:100vh}.cp-wrap{max-width:1120px;margin:0 auto;padding:28px 22px 64px}.cp-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.cp-brand{display:flex;align-items:center;gap:13px}.cp-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(150deg,var(--accent),var(--accent-press));color:#1a1206;box-shadow:0 6px 20px -6px #f2b44199}.cp-word{font-family:var(--font-display);font-weight:700;font-size:23px;letter-spacing:.14em;line-height:1}.cp-tag{font-size:12px;color:var(--text-faint);letter-spacing:.04em;margin-top:3px}.cp-headbtns{display:flex;gap:9px}.cp-btn{font-family:var(--font-body);font-weight:600;font-size:14px;border:none;cursor:pointer;border-radius:11px;padding:11px 16px;display:inline-flex;align-items:center;gap:8px;transition:.16s}.cp-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cp-btn-primary{background:var(--accent);color:#1a1206}.cp-btn-primary:hover{background:var(--accent-press)}.cp-btn-ghost{background:var(--surface);color:var(--text-dim);border:1px solid var(--border)}.cp-btn-ghost:hover{color:var(--text);background:var(--surface-2)}.cp-icon-btn{width:42px;height:42px;padding:0;justify-content:center}.cp-stats{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.cp-chip{cursor:pointer;border:1px solid var(--border-soft);background:var(--bg-2);border-radius:12px;padding:9px 13px;display:flex;align-items:center;gap:9px;transition:.15s}.cp-chip:hover{border-color:var(--border)}.cp-chip.active{border-color:transparent;background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--chip-c,var(--text-dim))}.cp-dot{width:9px;height:9px;border-radius:50%;background:var(--chip-c,var(--text-faint));flex:none}.cp-chip-label{font-size:13px;font-weight:500;color:var(--text-dim)}.cp-chip.active .cp-chip-label{color:var(--text)}.cp-chip-num{font-family:var(--font-display);font-weight:600;font-size:14px;font-variant-numeric:tabular-nums;color:var(--text)}.cp-toolbar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.cp-field{position:relative;flex:1;min-width:180px}.cp-field .cp-fic{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-faint)}.cp-input{width:100%;background:var(--bg-2);border:1px solid var(--border-soft);color:var(--text);border-radius:11px;padding:11px 13px 11px 38px;font-size:14px;font-family:var(--font-body)}.cp-input::placeholder{color:var(--text-faint)}.cp-input:focus{outline:none;border-color:var(--accent)}.cp-select{background:var(--bg-2);border:1px solid var(--border-soft);color:var(--text-dim);border-radius:11px;padding:11px 13px;font-size:14px;font-family:var(--font-body);cursor:pointer}.cp-select:focus{outline:none;border-color:var(--accent)}.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.cp-card{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;background:var(--surface);border:1px solid var(--border-soft);aspect-ratio:16/10;transition:transform .18s,border-color .18s}.cp-card:hover{transform:translateY(-3px);border-color:var(--border)}.cp-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cp-card img{width:100%;height:100%;object-fit:cover;display:block}.cp-card-noimg{width:100%;height:100%;display:grid;place-items:center;color:var(--text-faint);background:linear-gradient(150deg,var(--surface),var(--surface-2))}.cp-card-grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(12,9,18,.92) 6%,rgba(12,9,18,.35) 42%,transparent 70%)}.cp-card-body{position:absolute;left:0;right:0;bottom:0;padding:12px 13px}.cp-card-name{font-family:var(--font-display);font-weight:600;font-size:15px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cp-card-meta{font-size:11.5px;color:var(--text-dim);margin-top:4px;font-variant-numeric:tabular-nums;display:flex;gap:8px;align-items:center}.cp-pill{position:absolute;top:10px;left:10px;font-size:11px;font-weight:600;letter-spacing:.02em;padding:4px 9px;border-radius:999px;color:#15111c;z-index:2}.cp-mc{position:absolute;top:10px;right:10px;font-family:var(--font-display);font-weight:700;font-size:12px;padding:3px 7px;border-radius:7px;z-index:2;font-variant-numeric:tabular-nums}@keyframes cpGlow{0%,to{box-shadow:0 0 0 1.5px var(--st-playing),0 0 18px -3px #f2b44180}50%{box-shadow:0 0 0 1.5px var(--st-playing),0 0 28px #f2b441c7}}.cp-card.is-playing{animation:cpGlow 2.8s ease-in-out infinite;border-color:transparent}@media(prefers-reduced-motion:reduce){.cp-card.is-playing{animation:none;box-shadow:0 0 0 1.5px var(--st-playing),0 0 16px -3px #f2b44173}}.cp-empty{text-align:center;padding:70px 20px;color:var(--text-dim)}.cp-empty-ic{width:58px;height:58px;border-radius:16px;margin:0 auto 16px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-faint)}.cp-empty h3{font-family:var(--font-display);color:var(--text);font-size:19px;margin:0 0 7px;font-weight:600}.cp-empty p{margin:0 auto;max-width:380px;font-size:14px;line-height:1.55}.cp-banner{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border-soft);border-left:3px solid var(--accent);border-radius:12px;padding:13px 15px;margin-bottom:20px}.cp-banner-txt{flex:1;font-size:13.5px;color:var(--text-dim);line-height:1.5}.cp-banner-txt b{color:var(--text);font-weight:600}.cp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08050ebd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;z-index:50;overflow-y:auto}.cp-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:18px;width:100%;max-width:600px;box-shadow:0 30px 80px -20px #000000b3;overflow:hidden}.cp-modal-sm{max-width:420px}.cp-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-soft)}.cp-modal-title{font-family:var(--font-display);font-weight:600;font-size:17px;display:flex;align-items:center;gap:9px}.cp-modal-body{padding:20px}.cp-close{background:none;border:none;color:var(--text-faint);cursor:pointer;padding:6px;border-radius:8px;display:grid;place-items:center}.cp-close:hover{color:var(--text);background:var(--surface)}.cp-result{display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px}.cp-result:hover{background:var(--surface)}.cp-result-cov{width:74px;height:46px;border-radius:8px;object-fit:cover;flex:none;background:var(--surface-2)}.cp-result-info{flex:1;min-width:0}.cp-result-name{font-weight:600;font-size:14px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cp-result-sub{font-size:12px;color:var(--text-faint);margin-top:3px;font-variant-numeric:tabular-nums}.cp-result-actions{display:flex;gap:7px;flex:none;align-items:center}.cp-mini-select{background:var(--bg);border:1px solid var(--border-soft);color:var(--text-dim);border-radius:9px;padding:8px 9px;font-size:12.5px;cursor:pointer;font-family:var(--font-body)}.cp-add-btn{background:var(--accent);color:#1a1206;border:none;border-radius:9px;padding:8px 12px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}.cp-add-btn.added{background:var(--st-done)}.cp-add-btn:disabled{opacity:.8;cursor:default}.cp-detail-hero{position:relative;height:170px;background:var(--surface)}.cp-detail-hero img{width:100%;height:100%;object-fit:cover}.cp-detail-hero .cp-card-grad{background:linear-gradient(to top,var(--bg-2) 2%,rgba(28,23,38,.2) 60%,transparent)}.cp-detail-name{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.15;margin:0 0 4px}.cp-detail-sub{font-size:12.5px;color:var(--text-dim);margin-bottom:16px;font-variant-numeric:tabular-nums}.cp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.cp-tagchip{font-size:11.5px;color:var(--text-dim);background:var(--surface);border:1px solid var(--border-soft);border-radius:7px;padding:4px 9px}.cp-desc{font-size:13.5px;line-height:1.6;color:var(--text-dim);max-height:120px;overflow-y:auto;margin-bottom:18px;padding-right:6px}.cp-label{font-size:12px;font-weight:600;color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.cp-statusrow{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.cp-stbtn{cursor:pointer;border:1px solid var(--border-soft);background:var(--bg);color:var(--text-dim);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:7px;transition:.14s}.cp-stbtn:hover{border-color:var(--border)}.cp-stbtn.on{color:#15111c;font-weight:600;border-color:transparent}.cp-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}.cp-fields .full{grid-column:1/-1}.cp-flabel{font-size:12px;color:var(--text-faint);margin-bottom:6px;display:block}.cp-finput{width:100%;background:var(--bg);border:1px solid var(--border-soft);color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px;font-family:var(--font-body)}.cp-finput:focus{outline:none;border-color:var(--accent)}.cp-detail-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-soft)}.cp-del{background:none;border:none;color:var(--st-dropped);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px}.cp-del:hover{background:#d06b861f}.cp-help{font-size:13px;color:var(--text-dim);line-height:1.6}.cp-help a{color:var(--accent);text-decoration:none}.cp-help a:hover{text-decoration:underline}.cp-foot{text-align:center;margin-top:48px;font-size:12px;color:var(--text-faint)}.cp-foot a{color:var(--text-dim);text-decoration:none}.cp-foot a:hover{color:var(--text)}.cp-spin{animation:cpSpin 1s linear infinite}@keyframes cpSpin{to{transform:rotate(360deg)}}.cp-center{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px;color:var(--text-faint);font-size:13.5px}.cp-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.cp-auth-card{width:100%;max-width:380px;background:var(--bg-2);border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:0 30px 80px -20px #0009}.cp-auth-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;text-align:center}.cp-auth-title{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:.12em}.cp-auth-sub{font-size:13px;color:var(--text-faint)}.cp-auth-err{background:#d06b861f;border:1px solid rgba(208,107,134,.3);color:#e893a7;font-size:13px;border-radius:10px;padding:10px 12px;margin-bottom:14px;line-height:1.5}.cp-auth-ok{background:#54c79a1f;border:1px solid rgba(84,199,154,.3);color:#7ce0b5;font-size:13px;border-radius:10px;padding:10px 12px;margin-bottom:14px;line-height:1.5}.cp-auth-toggle{text-align:center;margin-top:16px;font-size:13px;color:var(--text-faint)}.cp-auth-toggle button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body)}.cp-acct{font-size:13px;color:var(--text-dim);margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border-soft)}.cp-acct b{color:var(--text)}.cp-sec{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border-soft)}.cp-sec:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cp-sec-title{font-size:12px;font-weight:600;color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}.cp-link-btn{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-body);padding:0}.cp-userbtn{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:5px 12px 5px 5px;cursor:pointer;transition:.16s;font-family:var(--font-body)}.cp-userbtn:hover{background:var(--surface-2)}.cp-userav{width:32px;height:32px;border-radius:8px;object-fit:cover;flex:none;background:var(--surface-2)}.cp-userav-empty{display:grid;place-items:center;color:var(--text-dim)}.cp-username{font-size:14px;font-weight:600;color:var(--text);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-avatar-big{width:84px;height:84px;border-radius:18px;object-fit:cover;background:var(--surface-2);border:1px solid var(--border-soft)}.cp-avgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:12px 0}.cp-avopt{width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;border:2px solid transparent;background:var(--surface);cursor:pointer;padding:0}.cp-avopt img{width:100%;height:100%;object-fit:cover;display:block}.cp-avopt.on{border-color:var(--accent)}@media(max-width:480px){.cp-avgrid{grid-template-columns:repeat(4,1fr)}}.cp-info{background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:6px 14px;margin-bottom:14px}.cp-irow{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-soft);font-size:13px}.cp-irow:last-child{border-bottom:none}.cp-ilbl{color:var(--text-faint);flex:none;width:120px}.cp-ival{color:var(--text);flex:1}.cp-shots{display:flex;gap:8px;overflow-x:auto;margin-bottom:14px;padding-bottom:4px}.cp-shots img{height:96px;border-radius:8px;flex:none;border:1px solid var(--border-soft)}.cp-prog{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin:14px 0 8px}.cp-prog-bar{height:100%;background:var(--accent);transition:width .2s}.cp-nav{display:flex;gap:6px;margin-bottom:20px;border-bottom:1px solid var(--border-soft)}.cp-tab{background:none;border:none;color:var(--text-dim);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;padding:11px 14px;display:flex;align-items:center;gap:7px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:.15s}.cp-tab:hover{color:var(--text)}.cp-tab.on{color:var(--text);border-bottom-color:var(--accent)}.cp-btn.cp-on{background:var(--accent);color:#1a1206;border-color:var(--accent)}.cp-yeargroup{margin-bottom:26px}.cp-yearhead{display:flex;align-items:center;gap:10px;margin-bottom:13px}.cp-yearlabel{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.02em}.cp-yearcount{font-size:12px;font-weight:600;color:var(--text-dim);background:var(--surface);border:1px solid var(--border-soft);border-radius:999px;padding:3px 10px;font-variant-numeric:tabular-nums}.cp-yearhead:after{content:"";flex:1;height:1px;background:var(--border-soft)}.cp-statcards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}@media(max-width:620px){.cp-statcards{grid-template-columns:repeat(2,1fr)}}.cp-statcard{background:var(--bg-2);border:1px solid var(--border-soft);border-radius:14px;padding:16px}.cp-statnum{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.cp-statlbl{font-size:12px;color:var(--text-faint);margin-top:6px}.cp-panel{background:var(--bg-2);border:1px solid var(--border-soft);border-radius:14px;padding:18px;margin-bottom:18px}.cp-panel-title{font-size:12px;font-weight:600;color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px}.cp-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cp-bar-name{font-size:13px;color:var(--text-dim);width:120px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-bar-track{flex:1;height:9px;background:var(--surface);border-radius:999px;overflow:hidden}.cp-bar-fill{height:100%;border-radius:999px;background:var(--accent)}.cp-bar-val{font-size:12px;color:var(--text-faint);width:34px;text-align:right;flex:none;font-variant-numeric:tabular-nums}.cp-pchips{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.cp-pchip{display:inline-flex;align-items:center;gap:5px;cursor:pointer;border:1px solid var(--border-soft);background:var(--bg);color:var(--text-dim);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:500;font-family:var(--font-body);transition:.14s}.cp-pchip:hover{border-color:var(--border);color:var(--text)}.cp-pchip.on{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:600}.cp-result-open{background:var(--surface);border-radius:12px;margin-bottom:6px}.cp-addpanel{padding:4px 12px 14px}.cp-addpanel-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}.cp-save{display:flex;align-items:center;gap:6px;justify-content:flex-end;font-size:12px;color:var(--text-faint);margin-top:10px;min-height:16px}.cp-save.ok{color:var(--st-done)}.cp-save.err{color:var(--st-dropped)}.cp-autonote{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--accent);background:#f2b44114;border:1px solid rgba(242,180,65,.25);border-radius:9px;padding:8px 11px;margin:-6px 0 14px}.cp-profile{max-width:760px;margin:0 auto}.cp-prof-head{display:flex;align-items:center;gap:18px}.cp-prof-noav{display:grid;place-items:center;color:var(--text-faint)}.cp-prof-name{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.2;margin-bottom:4px}.cp-prof-sub{font-size:13px;color:var(--text-dim)}.cp-prof-email{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);margin-bottom:14px}.cp-goal{background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:14px}.cp-goal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--text)}.cp-goal-head span{display:inline-flex;align-items:center;gap:7px}.cp-goal-num{font-family:var(--font-display);font-weight:700;color:var(--accent)}.cp-divider{height:1px;background:var(--border-soft);margin:18px 0}.cp-danger{border-color:#d06b8659}.cp-danger-btn{background:var(--st-dropped);color:#15111c}.cp-danger-btn:hover{filter:brightness(1.08)}.cp-danger-btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:640px){.cp-statcards{grid-template-columns:repeat(2,1fr)}}