:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#14171f;--side:#191d28;--surface:#222837;--panel:#293041;--text:#f5f4fa;--muted:#a7acba;--accent:#bbb1fa;--border:#3a4253}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{min-height:130px;resize:vertical}label{font-size:12px;color:var(--muted);display:block;margin:0 0 7px}.primary{border:0;background:var(--accent);color:#171921;border-radius:12px;padding:12px 17px;font-weight:750}.primary.small{font-size:12px;padding:10px 13px}.soft{border:1px solid var(--border);color:var(--text);background:var(--surface);padding:9px 12px;border-radius:11px}.danger{color:#f5b7b7}.login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 0%,#393449 0%,transparent 42%),var(--bg)}.login-card{max-width:450px;width:100%;padding:38px;border:1px solid var(--border);border-radius:26px;background:var(--side)}.login-card h1{font-size:39px;line-height:1.08;letter-spacing:-1.5px;margin:16px 0}.login-card em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.login-card p{color:var(--muted)}.login-card form{margin-top:32px;display:grid;gap:12px}.login-card .primary{margin-top:5px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:750}.symbol{font-size:32px;color:var(--accent)}#login-error{color:#faafaf;min-height:16px}#shell{display:flex;min-height:100dvh}.sidebar{width:247px;flex:none;background:var(--side);border-right:1px solid var(--border);padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.brand{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.7px;font-weight:800;padding:0 10px 30px}.dot{color:var(--accent)}.nav-heading{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--muted);padding:0 12px}.sidebar nav{display:grid;gap:6px}.sidebar button,.bottom button{border:0;color:var(--muted);background:none;text-align:left;padding:13px;border-radius:12px;font-size:14px;display:flex;gap:12px;align-items:center;width:100%}.sidebar button.active,.sidebar button:hover{background:var(--surface);color:var(--text)}.bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:12px}.main{min-width:0;flex:1}.topbar{height:75px;display:flex;justify-content:space-between;align-items:center;padding:0 34px;border-bottom:1px solid var(--border)}.top-actions{display:flex;gap:12px;align-items:center}.icon-btn{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:12px;height:38px;width:38px}.mobile-logo,.mobile-nav{display:none}#content{padding:35px;max-width:1150px;margin:auto}.pagehead{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:28px}.pagehead h1{font-size:31px;letter-spacing:-1.1px;margin:2px 0 8px}.hint{color:var(--muted);font-size:13px;margin:0}.eyebrow{margin-bottom:5px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:21px;min-width:0}.card h3{margin:0 0 7px;font-size:16px}.card p{color:var(--muted);line-height:1.55;margin:5px 0}.card.click{cursor:pointer}.card.click:hover{border-color:var(--accent)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.stat{font-size:28px;font-weight:800}.tag{color:var(--accent);font-size:12px}.bar{height:6px;border-radius:9px;background:var(--border);overflow:hidden;margin-top:13px}.bar i{display:block;height:100%;background:var(--accent);border-radius:9px}.stack{display:grid;gap:12px}.row{display:flex;gap:11px;align-items:center}.between{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:12px}.song-list{display:grid;gap:9px}.song{padding:13px 16px;border-radius:13px;background:var(--surface);border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}.song:hover{border-color:var(--accent)}.song b{font-size:14px}.task{border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:14px;display:flex;align-items:center;gap:12px}.task.done .task-name{text-decoration:line-through;opacity:.6}.task input[type=checkbox]{width:19px;height:19px;accent-color:var(--accent)}.task button{width:auto}.note{min-height:170px;cursor:pointer;color:#322c24;border:0}.note h3,.note p{color:inherit}.note.yellow{background:#f1dc94}.note.blue{background:#b6ddec}.note.pink{background:#edbed3}.note.green{background:#bbdcc0}.note .small{opacity:.7}.note-text{white-space:pre-wrap;max-height:85px;overflow:hidden}.pill{border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:11px;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.palette{display:flex;gap:12px}.swatch{border:2px solid transparent;border-radius:15px;width:68px;height:62px;cursor:pointer}.swatch.active{border-color:white}.form-grid{display:grid;gap:16px}.modal-back{position:fixed;inset:0;background:#000a;z-index:10;display:grid;place-items:center;padding:16px}.dialog{width:min(540px,100%);max-height:90dvh;overflow:auto;background:var(--side);border:1px solid var(--border);border-radius:22px;padding:25px}.dialog h2{margin-top:0}.dialog .actions{margin-top:19px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--accent);color:#191921;padding:10px 18px;border-radius:11px;font-weight:700;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1}body[data-theme="sage"]{--bg:#17241f;--side:#1e3028;--surface:#2a3b32;--panel:#354b40;--accent:#a9dec5;--border:#446051}body[data-theme="clay"]{--bg:#28221f;--side:#302824;--surface:#42352f;--panel:#56453b;--accent:#e6c19a;--border:#665349}body[data-theme="berry"]{--bg:#281c28;--side:#322231;--surface:#433044;--panel:#543d54;--accent:#f2b7d9;--border:#614965}body[data-theme="paper"]{color-scheme:light;--bg:#f8f6f0;--side:#fffefa;--surface:#eeece6;--panel:#e6e2d7;--text:#20242b;--muted:#686e77;--accent:#8c79d5;--border:#d9d6cb}.mobile-nav{display:none}
@media(max-width:800px){.sidebar{display:none}.mobile-logo{display:block;font-weight:800;letter-spacing:-.5px}.topbar{height:65px;padding:0 18px}.topbar #location{display:none}#content{padding:22px 15px 100px}.pagehead h1{font-size:26px}.grid,.grid.three{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;background:var(--side);border-top:1px solid var(--border);justify-content:space-around;padding:9px 0 calc(9px + env(safe-area-inset-bottom))}.mobile-nav button{background:none;color:var(--muted);border:0;font-size:23px;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:55px}.mobile-nav button.active{color:var(--accent)}.mobile-nav small{font-size:10px}.card{padding:17px}.login-card{padding:28px}.login-card h1{font-size:34px}}

[hidden]{display:none!important}