:root{--bg:#F8FAFC;--card:#FFFFFF;--text:#0F172A;--muted:#64748B;--line:#E6E9F2;--line-soft:#F1F4F9;--hover:#F4F5FB;--primary:#6D5AE6;--primary-2:#8B7CF0;--primary-soft:#EFECFE;--grad:linear-gradient(135deg,#8B7CF0 0%,#6D5AE6 55%,#5B49CF 100%);--accent:#F5A524;--accent-soft:#FDF1DE;--accent-ink:#8A5A05;--success:#16A34A;--success-soft:#E7F6EC;--danger:#DC2626;--danger-soft:#FCEBEB;--draft:#64748B;--draft-soft:#EFF2F7;--done:#5A67A8;--done-soft:#ECEEF9;--shadow:0 1px 2px rgba(15,23,42,.04),0 10px 26px -16px rgba(15,23,42,.35);--shadow-lg:0 20px 46px -20px rgba(109,90,230,.45);--skel:linear-gradient(90deg,#EEF1F7 25%,#F7F9FC 50%,#EEF1F7 75%);--login-glow:rgba(139,124,240,.18);--pad:34px;--maxw:1060px;--h1:34px;--cardq:20px}:root[data-theme=dark]{--bg:#0D0F1E;--card:#161930;--text:#EDEFFA;--muted:#98A1C0;--line:#262A46;--line-soft:#1D2138;--hover:#1D2138;--primary:#8B7CF0;--primary-2:#A79BF6;--primary-soft:#241F49;--accent-soft:#3A2A11;--accent-ink:#F3BC70;--success-soft:#123021;--danger-soft:#3A1618;--draft:#98A1C0;--draft-soft:#232742;--done:#93A0DC;--done-soft:#1F2444;--shadow:0 1px 2px rgba(0,0,0,.4),0 12px 30px -18px rgba(0,0,0,.9);--shadow-lg:0 22px 48px -22px rgba(0,0,0,.9);--login-glow:rgba(109,90,230,.22);--skel:linear-gradient(90deg,#1C2038 25%,#242942 50%,#1C2038 75%)}@media (max-width:860px){:root{--pad:16px;--maxw:100%;--h1:25px;--cardq:17px}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Commissioner,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100vh}button{font:inherit}input,textarea{font:inherit;color:inherit}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-2)}.ms{font-family:Material Symbols Rounded;line-height:1;font-weight:400;font-style:normal;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-360px 0}to{background-position:360px 0}}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.inp{transition:border-color .15s ease}.inp:focus{border-color:var(--primary)!important}.btnGrad{transition:transform .15s ease,box-shadow .15s ease}.btnGrad:hover{transform:translateY(-1px)}.btnOutline{transition:border-color .15s ease,color .15s ease}.btnOutline:hover{border-color:var(--primary);color:var(--primary)}.cardHover{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cardHover:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-soft)}.chanHover{transition:transform .18s ease,box-shadow .18s ease}.chanHover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.navItem{transition:background .15s ease,color .15s ease}.navItem:hover{background:var(--hover);color:var(--text)}.iconBtn{transition:background .15s ease,color .15s ease}.iconBtn:hover{background:var(--hover);color:var(--text)}.logoutBtn:hover{color:var(--danger)!important;background:var(--danger-soft)!important}.linkBtn:hover{color:var(--primary)}.removeBtn:hover{background:var(--danger-soft)!important;color:var(--danger)!important}.addOpt:hover{border-color:var(--primary)!important;background:var(--primary-soft)!important}.chanPick:hover{border-color:var(--primary-soft)!important}.subtleBtn:hover{color:var(--primary)}