:root{color-scheme:dark;--bg:#080808;--panel:#131313;--line:#292929;--text:#f5f5f5;--muted:#a3a3a3;--accent:#bbef86;--sidebar:#0d0d0d;--raised:#1c1c1c;--hover:#ffffff0a;--active:#20271b;--field:#0c0c0c;--hero:linear-gradient(115deg,#242424,#141414 65%,#1d2418);--hero-text:#bcbcbc;--tag-bg:#20271b;--tag-border:#3a4b2c;--tag-text:#c8eea3;--danger:#f4aaa4;--chart:#ffffff08;--playing:#283321}
:root[data-theme=light]{color-scheme:light;--bg:#f6f6f6;--panel:#fff;--line:#dedede;--text:#161616;--muted:#616161;--accent:#35641c;--sidebar:#fff;--raised:#efefef;--hover:#00000005;--active:#eaf1e4;--field:#fafafa;--hero:linear-gradient(115deg,#e6e6e6,#f2f2f2 65%,#e7eddf);--hero-text:#555;--tag-bg:#edf4e6;--tag-border:#c4d3b7;--tag-text:#385b23;--danger:#af3026;--chart:#00000008;--playing:#e3efd8}
body,aside,header,.card,.stat,dialog{transition:background-color .18s,color .18s,border-color .18s}body{background:var(--bg)}aside{background:var(--sidebar)}button:hover{background:var(--hover);border-color:var(--muted)}nav button.active{background:var(--active)}.primary{background:#bbef86;color:#15200c;border-color:#bbef86}.primary:hover{background:#d0f8aa;border-color:#d0f8aa}.hero{background:var(--hero);border-color:var(--line)}.hero p{color:var(--hero-text)}.sound-art i{background:linear-gradient(#c6efa4,#769c50);box-shadow:0 0 35px #b8ef7e10}.avatar,.step-number,.cover{background:var(--active);color:var(--accent)}.empty{border-color:var(--line);background:var(--hover)}.notice{background:var(--raised);color:var(--muted)}.tag{background:var(--tag-bg);border-color:var(--tag-border);color:var(--tag-text)}input,textarea,select{background:var(--field);border-color:var(--line);color:var(--text)}label{color:var(--text)}.form-actions .danger{color:var(--danger)}.profile-hero{background:var(--hero);border:1px solid var(--line)}.portrait{width:96px;height:96px;border-radius:12px;background:var(--active);color:var(--accent)}.portrait img{aspect-ratio:1;object-fit:cover}.placeholder-chart{background:repeating-linear-gradient(0deg,transparent,transparent 45px,var(--chart) 46px)}.placeholder-chart:after{border-color:var(--line)}.stat small,footer{color:var(--muted)}dialog{background:var(--panel);border-color:var(--line)}dialog::backdrop{background:#000a}#toast{background:var(--text);color:var(--bg);box-shadow:0 10px 40px #0003}.sync-line.playing{background:var(--playing);color:var(--text)}#theme-toggle{font-size:10px;padding:9px 12px;white-space:nowrap;background:var(--panel);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}@media(max-width:700px){.device-status{display:none}.top-actions{gap:8px}#theme-toggle{font-size:9px;padding:8px}.portrait{width:74px;height:74px;border-radius:10px}}@media(prefers-reduced-motion:reduce){body,aside,header,.card,.stat,dialog{transition:none}}