/* Palette shared by the app, public pages and local player. */
:root,[data-theme="dark"]{
 --color-0005:#00000055;
 --color-0007:#00000077;
 --color-0008:#00000088;
 --color-0009:#00000099;
 --color-000a:#000000aa;
 --color-000b:#000000bb;
 --color-02040aba:#02050aba;
 --color-020804c9:#020408c9;
 --color-03050a50:#03060a50;
 --color-030903c9:#030509c9;
 --color-080b16:#080e16;
 --color-080e0b:#080a0e;
 --color-090d19:#091019;
 --color-0b100e:#080f1c;
 --color-0b100f:#0b0d10;
 --color-0b140e:#0b0f14;
 --color-0d1426:#0d1726;
 --color-0d1710:#0d1117;
 --color-101711:#101317;
 --color-101b14:#10151b;
 --color-111729cc:#111b29cc;
 --color-111a15:#11151a;
 --color-121a16:#12151a;
 --color-13c8dd:#1367dd;
 --color-141a2e:#141f2e;
 --color-141d15:#14181d;
 --color-142019:#141920;
 --color-142019f5:#141920f5;
 --color-14220e:#0e1622;
 --color-151f19:#15191f;
 --color-152018:#151a20;
 --color-161d32:#162232;
 --color-17302b55:#17213055;
 --color-192411:#111924;
 --color-19251c:#191e25;
 --color-1a241e:#1a1e24;
 --color-1a251e:#1a1f25;
 --color-1b2136:#1b2636;
 --color-1b2820:#1b2028;
 --color-1b2a1b:#1b212a;
 --color-1c291e:#1c2129;
 --color-1c2a20:#1c222a;
 --color-1d2a18:#181f2a;
 --color-1d2c1c:#1c232c;
 --color-1d2e1b:#1b232e;
 --color-20234a:#20314a;
 --color-202841:#202e41;
 --color-203125:#202731;
 --color-20351e:#1e2835;
 --color-223329:#222933;
 --color-223a25:#222c3a;
 --color-24331f:#1f2733;
 --color-252d43:#253143;
 --color-253820:#202a38;
 --color-26331f:#1f2733;
 --color-263620:#202936;
 --color-263820:#202a38;
 --color-273b20:#202b3b;
 --color-273d26:#26303d;
 --color-28382d:#282f38;
 --color-283a2e:#282f3a;
 --color-283c2c:#28303c;
 --color-291b20:#291b20;
 --color-29264d:#26364d;
 --color-29304a:#29374a;
 --color-293132:#292d32;
 --color-29314d:#29384d;
 --color-293229:#292d32;
 --color-29352d:#292e35;
 --color-29372e:#292f37;
 --color-29382e:#292f38;
 --color-293b2e:#29313b;
 --color-2c3b31:#2c323b;
 --color-2d3a2c:#2c323a;
 --color-2e4134:#2e3641;
 --color-303755:#303f55;
 --color-31422a:#2a3442;
 --color-342d25:#342d25;
 --color-344739:#343c47;
 --color-344b3b:#343e4b;
 --color-351f24:#351f24;
 --color-35463b:#353c46;
 --color-35473a:#353d47;
 --color-35483b:#353d48;
 --color-354c3b:#353f4c;
 --color-364a3c:#363e4a;
 --color-38415e:#38485e;
 --color-38425a:#38465a;
 --color-391e26:#391e26;
 --color-392126:#392126;
 --color-39415e:#39485e;
 --color-3a4564:#3a4b64;
 --color-3b4f3f:#3b434f;
 --color-3b5242:#3b4552;
 --color-3c4d3f:#3c434d;
 --color-3d523e:#3d4652;
 --color-3d5431:#314054;
 --color-405a36:#36455a;
 --color-414b6a:#41526a;
 --color-415336:#364253;
 --color-41583e:#3e4958;
 --color-415a45:#414b5a;
 --color-425748:#424b57;
 --color-425a48:#424c5a;
 --color-43575b:#434d5b;
 --color-455b44:#444e5b;
 --color-475a3e:#3e4a5a;
 --color-4a6e3855:#384e6e55;
 --color-4c1420:#4c1420;
 --color-4c594b:#4b5159;
 --color-4e6d3d:#3d516d;
 --color-5d4f3c:#5d4f3c;
 --color-5e8446:#466084;
 --color-5f2434:#5f2434;
 --color-613741:#613741;
 --color-65834e:#4e6483;
 --color-67414a:#67414a;
 --color-6b5d35:#6b5d35;
 --color-6c973c22:#3c629722;
 --color-71414b:#71414b;
 --color-718962:#627289;
 --color-7363fc55:#63a3fc55;
 --color-7567e8:#679de8;
 --color-76525a:#76525a;
 --color-7861f7:#61a0f7;
 --color-7d6bff:#6ba9ff;
 --color-7f9586:#7f8895;
 --color-8089a6:#8090a6;
 --color-8a93ad:#8a99ad;
 --color-8c79ff:#79b1ff;
 --color-8c94b7:#8c9eb7;
 --color-8da393:#8d96a3;
 --color-8f344c:#8f344c;
 --color-8f9bb9:#8fa0b9;
 --color-90a394:#9098a3;
 --color-91a38f:#8f97a3;
 --color-929fbc:#92a3bc;
 --color-969fba:#96a5ba;
 --color-98a899:#989fa8;
 --color-9bab9e:#9ba2ab;
 --color-9da7c2:#9dacc2;
 --color-9e8bff:#8bbbff;
 --color-9fb0a4:#9fa6b0;
 --color-a2abc0:#a2aec0;
 --color-a3b3a8:#a3aab3;
 --color-a3bb92:#92a3bb;
 --color-a4b5a9:#a4abb5;
 --color-a5ef75:#75a8ef;
 --color-a9b8ad:#a9afb8;
 --color-abb5cc:#abb9cc;
 --color-afc0b3:#afb6c0;
 --color-b3c0b6:#b3b8c0;
 --color-b56871:#b56871;
 --color-b7c4ba:#b7bcc4;
 --color-b8f782:#82b3f7;
 --color-b8f78266:#82b3f766;
 --color-bddde1:#bdcce1;
 --color-c0d2b9:#b9c3d2;
 --color-c0d6c5:#c0c9d6;
 --color-c0ff97:#97c2ff;
 --color-c5d5ba:#bac5d5;
 --color-c6d6bc:#bcc7d6;
 --color-c6ffa5:#a5caff;
 --color-c7d0e7:#c7d4e7;
 --color-c9d7cd:#c9cfd7;
 --color-cdffa3:#a3c9ff;
 --color-cfddd1:#cfd5dd;
 --color-d1a8b4:#d1a8b4;
 --color-d1ddce:#ced4dd;
 --color-d2dfd2:#d2d7df;
 --color-d5f8b6:#b6d2f8;
 --color-d9e6d9:#d9dee6;
 --color-dcddc4:#dcddc4;
 --color-e1edd7:#d7e0ed;
 --color-e7d7ad:#e7d7ad;
 --color-e7efdc:#dce4ef;
 --color-eaf0ff:#eaf3ff;
 --color-ebefff:#ebf3ff;
 --color-edf5ed:#edf0f5;
 --color-eff5ed:#edf0f5;
 --color-f0f5ef:#eff2f5;
 --color-f2d5a9:#f2d5a9;
 --color-f2f3ff:#f2f7ff;
 --color-ffbdc7:#ffbdc7;
 --color-ffbfc9:#ffbfc9;
 --color-ffced1:#ffced1;
 --color-ffdae0:#ffdae0;
 --color-fff:#ffffff;
 --color-ffffff0c:#ffffff0c;
 --color-ffffff18:#ffffff18;
 --color-ffffff22:#ffffff22;
}
[data-theme="light"]{
 --color-0005:#0a172929;
 --color-0007:#0a172929;
 --color-0008:#0a172929;
 --color-0009:#0a172929;
 --color-000a:#0a172929;
 --color-000b:#0a172929;
 --color-02040aba:#0a172929;
 --color-020804c9:#0a172929;
 --color-03050a50:#0a172929;
 --color-030903c9:#0a172929;
 --color-080b16:#eff3f9;
 --color-080e0b:#f2f5fa;
 --color-090d19:#edf2f9;
 --color-0b100e:#ecf0f9;
 --color-0b100f:#f1f4f8;
 --color-0b140e:#eff3f8;
 --color-0d1426:#e7eef7;
 --color-0d1710:#edf2f8;
 --color-101711:#eef1f6;
 --color-101b14:#ebf0f6;
 --color-111729cc:#dbe4f0cc;
 --color-111a15:#ecf0f6;
 --color-121a16:#ecf0f5;
 --color-13c8dd:#d0e2fb;
 --color-141a2e:#e2eaf5;
 --color-141d15:#ebeff4;
 --color-142019:#e9eef5;
 --color-142019f5:#e0e5ebf5;
 --color-14220e:#e9eff6;
 --color-151f19:#e9eef4;
 --color-152018:#e9eef4;
 --color-161d32:#dfe8f4;
 --color-17302b55:#dde4ee55;
 --color-192411:#e6edf7;
 --color-19251c:#e6ebf2;
 --color-1a241e:#e7ebf2;
 --color-1a251e:#e6ebf2;
 --color-1b2136:#dde6f3;
 --color-1b2820:#e5eaf2;
 --color-1b2a1b:#e4e9f2;
 --color-1c291e:#e4eaf1;
 --color-1c2a20:#e4e9f1;
 --color-1d2a18:#e3eaf3;
 --color-1d2c1c:#e2e9f1;
 --color-1d2e1b:#e1e8f2;
 --color-20234a:#d3dff0;
 --color-202841:#d7e2f1;
 --color-203125:#e0e6f0;
 --color-20351e:#dee6f1;
 --color-223329:#dfe5ef;
 --color-223a25:#dbe3ef;
 --color-24331f:#dfe6f0;
 --color-252d43:#d6e0ee;
 --color-253820:#dce4f0;
 --color-26331f:#dfe6f0;
 --color-263620:#dde5f0;
 --color-263820:#dce4f0;
 --color-273b20:#dae4f0;
 --color-273d26:#d9e2ed;
 --color-28382d:#dce3ec;
 --color-283a2e:#dbe2ec;
 --color-283c2c:#dae2ec;
 --color-291b20:#f2e4e9;
 --color-29264d:#d1ddee;
 --color-29304a:#d2dded;
 --color-293132:#dfe4eb;
 --color-29314d:#d1dded;
 --color-293229:#dfe4eb;
 --color-29352d:#dee3eb;
 --color-29372e:#dde3ec;
 --color-29382e:#dce3ec;
 --color-293b2e:#dbe2ec;
 --color-2c3b31:#dbe1ea;
 --color-2d3a2c:#dbe1ea;
 --color-2e4134:#d7dfea;
 --color-303755:#cdd9ea;
 --color-31422a:#d7e0ec;
 --color-342d25:#ede6de;
 --color-344739:#d4dce7;
 --color-344b3b:#d2dbe7;
 --color-351f24:#f0dee2;
 --color-35463b:#d5dce7;
 --color-35473a:#d4dce7;
 --color-35483b:#d4dce7;
 --color-354c3b:#d1dae7;
 --color-364a3c:#d3dbe6;
 --color-38415e:#c8d5e6;
 --color-38425a:#cad6e6;
 --color-391e26:#f1dbe2;
 --color-392126:#f0dbe0;
 --color-39415e:#c8d4e6;
 --color-3a4564:#c5d3e6;
 --color-3b4f3f:#d0d8e4;
 --color-3b5242:#ced7e4;
 --color-3c4d3f:#d1d9e4;
 --color-3d523e:#ced7e3;
 --color-3d5431:#cdd9e9;
 --color-405a36:#cad6e7;
 --color-414b6a:#c2cfe3;
 --color-415336:#ced8e7;
 --color-41583e:#cbd5e3;
 --color-415a45:#cad4e2;
 --color-425748:#ccd5e1;
 --color-425a48:#cad4e1;
 --color-43575b:#c9d3e1;
 --color-455b44:#c9d3e1;
 --color-475a3e:#cad5e3;
 --color-4a6e3855:#dde4ee55;
 --color-4c1420:#f4d4db;
 --color-4c594b:#cbd2dd;
 --color-4e6d3d:#c0cfe5;
 --color-5d4f3c:#e4d9c8;
 --color-5e8446:#3c649a;
 --color-5f2434:#ecccd4;
 --color-613741:#e7c6ce;
 --color-65834e:#426493;
 --color-67414a:#e3c3cb;
 --color-6b5d35:#e9dec1;
 --color-6c973c22:#dbe4f022;
 --color-71414b:#e3bec6;
 --color-718962:#496286;
 --color-7363fc55:#0456c855;
 --color-7567e8:#1b59b1;
 --color-76525a:#8d4a59;
 --color-7861f7:#0a57c2;
 --color-7d6bff:#0055cc;
 --color-7f9586:#4c5e78;
 --color-8089a6:#435b7d;
 --color-8a93ad:#41597a;
 --color-8c79ff:#0055cc;
 --color-8c94b7:#3b577d;
 --color-8da393:#485b75;
 --color-8f344c:#9f3a54;
 --color-8f9bb9:#3b567d;
 --color-90a394:#495b73;
 --color-91a38f:#495b74;
 --color-929fbc:#39557c;
 --color-969fba:#3c5679;
 --color-98a899:#495970;
 --color-9bab9e:#485970;
 --color-9da7c2:#395379;
 --color-9e8bff:#0055cc;
 --color-9fb0a4:#46576f;
 --color-a2abc0:#3c5475;
 --color-a3b3a8:#46566e;
 --color-a3bb92:#3a557c;
 --color-a4b5a9:#45566e;
 --color-a5ef75:#1559b7;
 --color-a9b8ad:#45556c;
 --color-abb5cc:#365076;
 --color-afc0b3:#41536c;
 --color-b3c0b6:#435369;
 --color-b56871:#8f333e;
 --color-b7c4ba:#425269;
 --color-b8f782:#0c57c0;
 --color-b8f78266:#0c57c066;
 --color-bddde1:#284a79;
 --color-c0d2b9:#364e70;
 --color-c0d6c5:#364d6e;
 --color-c0ff97:#0055cc;
 --color-c5d5ba:#344e72;
 --color-c6d6bc:#344d71;
 --color-c6ffa5:#003073;
 --color-c7d0e7:#1b3252;
 --color-c9d7cd:#3a4d67;
 --color-cdffa3:#0055cc;
 --color-cfddd1:#273448;
 --color-d1a8b4:#7b3046;
 --color-d1ddce:#263549;
 --color-d2dfd2:#263346;
 --color-d5f8b6:#0a2f64;
 --color-d9e6d9:#212f42;
 --color-dcddc4:#6e7130;
 --color-e1edd7:#182c48;
 --color-e7d7ad:#9e7f2e;
 --color-e7efdc:#172a45;
 --color-eaf0ff:#001f4a;
 --color-ebefff:#001e49;
 --color-edf5ed:#172437;
 --color-eff5ed:#172437;
 --color-f0f5ef:#192434;
 --color-f2d5a9:#b1751b;
 --color-f2f3ff:#001d45;
 --color-ffbdc7:#65000f;
 --color-ffbfc9:#640010;
 --color-ffced1:#5b0006;
 --color-ffdae0:#53000e;
 --color-fff:#231b1b;
 --color-ffffff0c:#142b4a0c;
 --color-ffffff18:#142b4a18;
 --color-ffffff22:#142b4a22;
}

:root{--harmony-accent:#78b5ff;--harmony-panel:#13223a;--harmony-ink:#f2f6ff;--harmony-line:#334b70;color-scheme:dark}
[data-theme="light"]{--harmony-accent:#1758c7;--harmony-panel:#fff;--harmony-ink:#14243b;--harmony-line:#cbd8eb;color-scheme:light}
.theme-control{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font:500 12px system-ui;color:var(--harmony-ink);flex-shrink:0}
.theme-control select{font:inherit;min-height:40px;max-width:116px;padding:7px 10px;border:1px solid var(--harmony-line);border-radius:10px;background:var(--harmony-panel);color:var(--harmony-ink);cursor:pointer}
.theme-control select:focus-visible{outline:3px solid var(--harmony-accent);outline-offset:3px}
.theme-control.floating{position:fixed;top:12px;right:16px;z-index:10;background:var(--harmony-panel);padding:5px 10px;border-radius:12px}
.brand-name{display:flex;flex-direction:column;line-height:1.12;font-size:18px;letter-spacing:-.4px}.brand-name strong{font-size:13px;letter-spacing:1.7px;font-weight:500;margin-top:4px;color:var(--harmony-accent)}
.brand img{flex-shrink:0}.sidebar .brand{align-items:center}.brand{min-width:0}
body.event-mode .theme-control{display:none!important}
[data-theme="light"] .btn.primary{background:#1758c7;border-color:#1758c7;color:#fff}
[data-theme="light"] .pill,[data-theme="light"] .workspace-badge{color:#214576}
@media(max-width:800px){.sidebar .brand-name{display:none}.theme-control{font-size:11px}.theme-control select{max-width:100px}.app-top{gap:8px;flex-wrap:wrap;min-height:64px;height:auto;padding:10px 0}.workspace-badge{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

[data-theme="light"] .pad .pad-top{color:#1758c7}
@media(max-width:800px){.nav{height:auto;min-height:90px;flex-wrap:wrap;padding:15px 0;gap:12px}.nav .brand{flex:1}.nav .theme-control{margin-left:0}.nav .navlinks{order:3;width:100%;justify-content:flex-end}.head .brand h1{font-size:clamp(18px,5vw,23px)}}

@supports(padding:env(safe-area-inset-top)){.app-main{padding-top:env(safe-area-inset-top)}.transport{padding-bottom:max(16px,env(safe-area-inset-bottom))}.event-exit{bottom:max(14px,env(safe-area-inset-bottom))}}

.menu-toggle,.menu-close{display:none}.menu-backdrop{position:fixed;inset:0;background:#0009;border:0;z-index:40;touch-action:none}.app-main{padding-bottom:32px}body.transport-open .app-main{padding-bottom:140px}body.preview-open .app-main{padding-bottom:270px}body:not(.transport-open) .sample-preview{bottom:16px}body:not(.transport-open) .toast{bottom:24px}
@media(max-width:800px){.menu-toggle,.menu-close{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--harmony-line);border-radius:10px;background:var(--harmony-panel);color:var(--harmony-ink);font-size:22px;flex-shrink:0}.menu-close{position:absolute;right:12px;top:12px}.app-top{flex-wrap:nowrap;gap:10px}.app-top #breadcrumb{flex:1;min-width:0;font-size:11px}.app-top .workspace-badge{display:none}.app-top .theme-control{margin-left:auto}.app-top .theme-control>span{display:none}.sidebar{position:fixed;inset:0 auto 0 0;width:min(310px,86vw);height:100dvh;z-index:41;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:max(24px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;visibility:hidden;transform:translateX(-100%);transition:transform .2s ease,visibility .2s;background:var(--harmony-panel);border-right:1px solid var(--harmony-line)}.sidebar .brand{font-size:18px;flex-shrink:0;padding-right:42px;margin:0 0 16px}.sidebar .brand img{width:40px;height:40px}.sidebar .brand-name{display:flex}.sidebar .nav-label{display:block}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar .sidelink{display:flex;width:100%;font-size:14px;padding:13px;gap:12px;white-space:normal}.sidebar .sidelink span:first-child{display:block;font-size:19px;width:22px}.sidebar .side-bottom{display:block;margin-top:auto}.sidebar .account{margin-bottom:15px}body.menu-open{overflow:hidden}body.menu-open .sidebar{visibility:visible;transform:translateX(0)}body.transport-open .app-main{padding-bottom:175px}body.preview-open .app-main{padding-bottom:290px}}
body.event-mode .menu-toggle{display:none!important}
body.event-mode .app-main{padding-bottom:76px}

[data-app-entry="true"] .auth>div:first-child,[data-app-entry="true"] .nav>a.fine{display:none}[data-app-entry="true"] .auth{display:block;max-width:480px;margin:0 auto;padding-top:28px;min-height:auto}[data-app-entry="true"] .auth-card{margin-bottom:32px}[data-app-entry="true"] .nav{justify-content:space-between}[data-app-entry="true"] .site-footer{display:none}
/* Light mode uses explicit accessible surfaces rather than inverted dark colors. */
[data-theme="light"]{--bg:#edf3fa;--panel:#ffffff;--line:#9aadc5;--text:#10233f;--muted:#425773;--accent:#1758c7;--harmony-accent:#1758c7;--harmony-panel:#ffffff;--harmony-ink:#10233f;--harmony-line:#7088a6;background:#edf3fa;color:#10233f}
[data-theme="light"] body{background:#edf3fa;color:#10233f}
[data-theme="light"] .stat,[data-theme="light"] .playlist-card,[data-theme="light"] .sample-card,[data-theme="light"] .form-panel,[data-theme="light"] .auth-card,[data-theme="light"] .account-review,[data-theme="light"] .feature,[data-theme="light"] .panel{background:#fff;border-color:#9aadc5;box-shadow:0 3px 12px #17365b0d}
[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3,[data-theme="light"] .stat strong,[data-theme="light"] .pad strong{color:#10233f}
[data-theme="light"] .fine,[data-theme="light"] .muted,[data-theme="light"] .hint,[data-theme="light"] .page-head p,[data-theme="light"] .stat .caption,[data-theme="light"] .stat small,[data-theme="light"] .playlist-card p,[data-theme="light"] .card-bottom,[data-theme="light"] .sample-card p,[data-theme="light"] .sample-card .credit,[data-theme="light"] .account-review p,[data-theme="light"] .account-review small,[data-theme="light"] .field small,[data-theme="light"] .app-top,[data-theme="light"] .navlinks,[data-theme="light"] .site-footer{color:#425773}
[data-theme="light"] .stat strong{font-weight:650}[data-theme="light"] .stat small{font-size:12px;line-height:1.55;display:block}[data-theme="light"] .stat .caption{font-size:11px;font-weight:650}
[data-theme="light"] .playlist-art{color:#1758c7}[data-theme="light"] .playlist-art i{opacity:1}[data-theme="light"] .playlist-card{border-color:#7088a6}[data-theme="light"] .playlist-card:hover{border-color:#1758c7;box-shadow:0 4px 16px #1758c71a}
[data-theme="light"] .onboarding,[data-theme="light"] .finish{background:#deebfc;border-color:#799bc9;color:#10233f}[data-theme="light"] .onboarding p,[data-theme="light"] .finish p{color:#354d70}
[data-theme="light"] .storage-meter{background:#cbd7e7}[data-theme="light"] .storage-meter i{background:#1758c7}
[data-theme="light"] .btn,[data-theme="light"] .pad-edit,[data-theme="light"] .pad-drag{background:#fff;border-color:#7088a6;color:#164a99}[data-theme="light"] .btn:hover{background:#e5effd}[data-theme="light"] .btn.primary{background:#1758c7;border-color:#1758c7;color:#fff}[data-theme="light"] .btn.primary:hover{background:#1048a8}
[data-theme="light"] .btn.danger,[data-theme="light"] .pad-delete{background:#fff0f2;border-color:#ae5266;color:#8f1830}[data-theme="light"] .btn.danger:hover{background:#ffe1e6}
[data-theme="light"] input,[data-theme="light"] textarea,[data-theme="light"] select{background:#fff;color:#10233f;border-color:#7088a6}[data-theme="light"] input::placeholder,[data-theme="light"] textarea::placeholder{color:#516781;opacity:1}[data-theme="light"] .field label{color:#263e5b;font-weight:600}
[data-theme="light"] .sidebar{background:#fff;border-color:#9aadc5}[data-theme="light"] .sidelink{color:#304a6d}[data-theme="light"] .sidelink.active{background:#deebfc;color:#124baf;font-weight:650}[data-theme="light"] .sidelink:hover{background:#e9f1fc}[data-theme="light"] .nav-label,[data-theme="light"] .side-bottom small{color:#425773}
[data-theme="light"] .pill,[data-theme="light"] .workspace-badge{background:#e5effd;border-color:#7c99c1;color:#214576}[data-theme="light"] .pad{background:#fff;border-color:#8ca1bd}[data-theme="light"] .pad small,[data-theme="light"] .pad .key{color:#425773}[data-theme="light"] .pad-actions{border-color:#c3d1e3}[data-theme="light"] .pad.playing{background:#deebfc;outline:2px solid #1758c7}[data-theme="light"] .pad .pad-top{color:#1758c7}
[data-theme="light"] dialog,[data-theme="light"] .modal,[data-theme="light"] .sample-preview,[data-theme="light"] .transport{background:#fff;color:#10233f;border-color:#7088a6}[data-theme="light"] .sample-preview p,[data-theme="light"] .nowplaying small,[data-theme="light"] .volume{color:#425773}
[data-theme="light"] .status-pending{color:#805000}[data-theme="light"] .status-approved{color:#1450ad}[data-theme="light"] .status-blocked{color:#9c1831}
[data-theme="light"] .toast{background:#163f79;color:#fff}[data-theme="light"] .toast.error,[data-theme="light"] .upload-diagnostics{background:#fff0f2;color:#86152b;border-color:#ae5266}[data-theme="light"] .notice{background:#fff6dd;color:#674400;border-color:#aa8132}
@media(max-width:800px){[data-theme="light"] .stat small{font-size:11px}[data-theme="light"] .stat .caption{font-size:11px}[data-theme="light"] .playlist-card p{font-size:13px}[data-theme="light"] .card-bottom{font-size:12px}}

.contributions-panel{margin-bottom:32px}.contribution-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:16px 0}.contribution-consent input{width:20px;min-width:20px;height:20px;margin-top:2px;accent-color:var(--accent)}

/* Account entry and review states share the product visual language. */
.auth-card{border-radius:24px;box-shadow:0 16px 48px #07162b18}
.auth-card #auth-description{line-height:1.65;max-width:38ch}
.auth-card #auth-submit{width:100%;min-height:50px;margin-top:8px}
.auth-card .fine{line-height:1.65}
.auth-card .field input{min-height:48px;font-size:16px}
.access-card{max-width:620px;padding:clamp(24px,5vw,40px)}
.access-symbol{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;margin-bottom:24px;background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent);font-size:32px}
.access-card>p{line-height:1.7;max-width:48ch;overflow-wrap:anywhere}
.access-card .actions{margin-top:28px;gap:12px}
.access-card .actions .btn{min-height:48px}
@media(max-width:480px){.access-card .actions{display:grid;grid-template-columns:1fr}.auth-card{padding:24px}.auth-card .actions{margin-top:16px}}

.session-loading{min-height:65dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 16px;gap:12px}.session-loading img{border-radius:20px;box-shadow:0 12px 36px #07162b25}.session-loading h1{font-size:24px;margin:12px 0 0;letter-spacing:-.6px}.session-loading p{color:var(--muted);font-size:15px;line-height:1.6;margin:0}.session-progress{width:120px;height:4px;border-radius:4px;background:color-mix(in srgb,var(--accent) 20%,var(--panel));overflow:hidden;margin-top:12px}.session-progress::after{content:"";display:block;width:45%;height:100%;background:var(--accent);border-radius:4px;animation:session-progress 1.2s ease-in-out infinite alternate}@keyframes session-progress{from{transform:translateX(0)}to{transform:translateX(125%)}}@media(prefers-reduced-motion:reduce){.session-progress::after{animation:none;width:100%}}