:root{--app-font:"Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg:#eaeaef;--panel:#e8e4f0;--sidebar:#2a363b;--sidebar-soft:#2f3036;--text:#2a363b;--muted:#5d6a6f;--line:#d4d0de;--accent:#57a484;--accent-soft:#84c2a9;--panel-dark:#2a363b;--panel-dark-soft:#223035;--surface:#faf9fc;--surface-soft:#f0eef5;--chip-bg:#d8d4e5;--chip-text:#2a363b;--control-bg:#e2dfea;--control-text:#2a363b;--ok:#4bd680;--danger:#e56b6b;font-family:var(--app-font)}[data-theme=dark]{--bg:#2a363b;--panel:#2a363bf2;--sidebar:#2a363b;--text:#fff;--muted:#99b898;--line:#99b89840;--accent:#7cc9a4;--accent-soft:#4a8f6e;--panel-dark:#2a363b;--panel-dark-soft:#2a363bd6;--surface:#2a363bb8;--surface-soft:#2a363b8a;--chip-bg:#99b89847;--chip-text:#dde6df;--control-bg:#ffffff1a;--control-text:#d8d4e4}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100dvh}body{background:var(--bg);color:var(--text);width:100%;min-height:100vh;font-family:var(--app-font);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:inherit}#root{flex-direction:column;min-height:100dvh;display:flex}.app-auth-gate-loading{background:var(--bg);width:100%;min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top,0px)) 1.25rem max(1.5rem, env(safe-area-inset-bottom,0px));box-sizing:border-box;justify-content:center;align-items:center;display:flex}.app-loading--shell{background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:100%;display:flex}.app-loading--shell .app-loading__label{color:var(--muted);margin:.5rem 0 0;font-size:.95rem;line-height:1.4}.app-outlet{flex-direction:column;flex:auto;width:100%;min-height:100%;display:flex}.app-outlet>*{flex:auto;width:100%;min-height:0}.page-shell{background:var(--panel);width:100vw;min-height:100vh;box-shadow:none;border:0;border-radius:0;grid-template-columns:1fr 1fr;margin:0;display:grid;overflow:hidden}.page-shell.centered{grid-template-columns:1fr;width:100vw;min-height:100vh}.auth-preview{color:#fff;flex-direction:column;justify-content:flex-start;padding:32px;display:flex;position:relative}.auth-preview:not(.login-preview-bg){background:linear-gradient(140deg,#2a363b,#3f4f53 75%)}.auth-preview-center{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:28px;display:flex;position:absolute;inset:0}.auth-preview-logo-xl{object-fit:contain;border-radius:20px;width:min(200px,38vw);height:auto;box-shadow:0 14px 36px #00000047}.typewriter-text{color:#fff;white-space:nowrap;text-shadow:0 4px 22px #00000073;--typing-width:66ch;width:0;max-width:100%;margin:0;font-size:1rem;font-weight:600;animation:4.5s steps(66,end) forwards typing;overflow:hidden}@keyframes typing{0%{width:0}to{width:var(--typing-width)}}.preview-header{letter-spacing:.3px;font-weight:700}.brand-with-logo{align-items:center;gap:10px;display:inline-flex}.brand-logo{object-fit:contain;border-radius:9px;width:30px;height:30px}.preview-mini-player{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3;background:linear-gradient(135deg,#e84a5fe6,#c54224e6);border:1px solid #ffffff26;border-radius:18px;grid-template-columns:1fr auto;gap:10px;padding:11px 12px 8px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.mini-player-meta{align-items:center;gap:9px;display:flex}.mini-player-icon{color:#fff8ee;background:#ffffff29;border-radius:10px;place-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:grid}.mini-player-meta strong,.mini-player-meta span{display:block}.mini-player-meta strong{font-size:1.2rem;line-height:1}.mini-player-meta span{color:#fff5eddb;margin-top:2px;font-size:.84rem}.mini-player-wave{background:#ffffff3d;border-radius:999px;grid-column:1/-1;height:5px;margin-top:4px;overflow:hidden}.mini-player-progress{border-radius:inherit;background:#ffffffeb;height:100%;transition:width .2s linear}.mini-player-controls{justify-content:flex-end;align-items:center;gap:8px;display:flex}.mini-player-controls button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:3px;font-size:1.15rem;line-height:1}.mini-player-volume{align-items:center;gap:8px;margin-left:4px;display:flex}.mini-player-volume button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.mini-player-volume input[type=range]{accent-color:#fff;cursor:pointer;width:90px}.auth-card{background:var(--surface);flex-direction:column;justify-content:center;gap:14px;width:min(520px,100%);margin:0 auto;padding:38px;display:flex}.auth-head h1{margin:0}.auth-head p{color:var(--muted);margin:8px 0 0}.field{color:var(--muted);flex-direction:column;gap:8px;font-size:.92rem;display:flex}.field input,.field select{font:inherit;background:#fff;border:1px solid #cfd2dc;border-radius:10px;padding:11px 12px}[data-theme=dark] .field input,[data-theme=dark] .field select{color:var(--text);background:#2a363b99;border-color:#99b89859}[data-theme=dark] .field input::placeholder{color:#fecea8b8}.btn{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:11px 14px}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:var(--chip-bg);color:var(--chip-text)}.helper-link{color:#4b4d6d;font-size:.88rem;text-decoration:none}.social-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.auth-footer{color:var(--muted);gap:8px;margin-top:4px;font-size:.9rem;display:flex}.form-error,.form-success{border-radius:10px;padding:10px 12px;font-size:.9rem}.form-error{color:#912f2f;background:#ffe1e1}.form-success{color:#13613a;background:#dff6e8}.dashboard-frame{background:var(--sidebar);width:100vw;min-height:100vh;box-shadow:none;border-radius:0;grid-template-columns:240px 1fr;margin:0;display:grid;overflow:hidden}.sidebar{background:var(--sidebar);color:#fff;flex-direction:column;gap:10px;padding:30px 18px;display:flex}.brand{margin-bottom:10px;font-size:1.4rem;font-weight:700}.brand-row{align-items:center;gap:8px;display:inline-flex}.topbar-logo{object-fit:contain;border-radius:5px;width:18px;height:18px}.section-title{color:#afb0ba;margin:14px 10px 6px;font-size:.85rem}.side-link{color:#d0d0d8;border-radius:999px;align-items:center;gap:9px;margin-bottom:6px;padding:11px 12px;text-decoration:none;display:flex}.side-link.active{background:var(--accent);color:#f3f3f7}.logout{color:#ececf0;background:#2d2d34;margin-top:auto}.dashboard-body{background:#f2f2f2;border-radius:24px;padding:28px;box-shadow:0 18px 40px #00000059}[data-theme=dark] .dashboard-body{background:#1f2a2f;box-shadow:0 18px 40px #00000059}.dashboard-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-actions button{background:var(--control-bg);color:var(--control-text);cursor:pointer;border:0;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.crumbs{color:var(--muted);margin:0;font-size:.86rem}.dashboard-topbar h2{margin:4px 0 0}.user-pill{background:var(--chip-bg);border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex}.avatar{background:var(--sidebar);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:600;display:grid}.user-pill strong,.user-pill span{display:block}.user-link{text-decoration:none}.user-pill span{color:var(--muted);font-size:.8rem}.page-content{gap:16px;display:grid}.hero-strip{color:#fff;background:linear-gradient(106deg,#8b7fc8,#5b4a8a 72%);border-radius:20px;min-height:152px;padding:24px}.hero-strip p,.hero-strip span{color:#ffffffe0;margin:0}.hero-strip h3{margin:10px 0;font-size:2rem}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px}.stat-card p{color:var(--muted);margin:0;font-size:.86rem}.stat-card h4{margin:10px 0;font-size:1.6rem}.stat-card span{color:#1f8552;font-size:.84rem}.panel-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.panel-head h4{margin:0;font-size:1.15rem}.panel-head span{color:var(--muted);font-size:.85rem}.chart-panel{background:var(--panel-dark);color:#fff;border:0}.chart-wrap{background:var(--panel-dark-soft);border-radius:12px;padding:12px}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}[data-theme=dark] .recent-row span,[data-theme=dark] .queue-row p,[data-theme=dark] .queue-row span,[data-theme=dark] .now-playing>span,[data-theme=dark] .now-title,[data-theme=dark] .user-pill span{color:var(--muted)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-submit{grid-column:1/-1;margin-top:4px}.settings-list{gap:10px;display:grid}.settings-page .panel-head h4{align-items:center;gap:8px;display:inline-flex}.settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-profile,.settings-actions{grid-column:1/-1}.settings-user-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.settings-user-avatar{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.settings-user-card strong{display:block}.settings-user-card p{color:var(--muted);margin:2px 0 0;font-size:.88rem}.theme-choice{gap:10px;margin-bottom:10px;display:flex}.theme-chip{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 12px}.theme-chip.active{background:var(--accent);color:#fff;border-color:#0000}.settings-action-row{gap:10px;display:flex}.settings-action-row .btn{align-items:center;gap:7px;display:inline-flex}.danger-logout{border:1px solid #e84a5f66}.switch-row{background:var(--control-bg);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.browse-page{grid-template-rows:auto auto;grid-template-columns:1fr 280px;gap:16px;display:grid}.browse-main{min-height:640px}.browse-tabs{color:var(--muted);align-items:center;gap:20px;margin-bottom:14px;font-size:.9rem;display:flex}.browse-tabs button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:0;padding:0;transition:color .15s}.browse-tabs button:hover,.browse-tabs button:focus-visible{color:var(--text);outline:none}.browse-tabs .active{color:var(--text);font-weight:600}.browse-hero{color:#fff;background:linear-gradient(106deg,#8b7fc8,#5b4a8a 72%);border-radius:16px;min-height:170px;padding:20px}.browse-hero p,.browse-hero span{color:#ffffffdb;margin:0}.browse-hero h3{margin:8px 0;font-size:2rem}.browse-section-head{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.browse-section-head h4{margin:0}.browse-section-head button{color:#83848d;cursor:pointer;background:0 0;border:0}.artist-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:10px;display:grid}.artist-card p{margin:8px 0 0;font-size:.84rem}.artist-avatar{aspect-ratio:1;object-fit:cover;border:2px solid #ffffff59;border-radius:50%;width:100%}.recent-list{gap:6px;margin-top:8px;display:grid}.recent-row{grid-template-columns:38px 1fr 1fr auto auto;align-items:center;gap:10px;padding:8px 4px;display:grid}.recent-row strong{font-size:.9rem}.recent-row span{color:#7d7e86;font-size:.85rem}.recent-row button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.recent-cover{object-fit:cover;border-radius:8px;width:32px;height:32px}.now-playing{background:var(--surface-soft)}.now-title{color:#676973;align-items:center;gap:6px;margin:0 0 10px;font-size:.88rem;display:inline-flex}.now-cover{background:#d7dad9;border-radius:16px;padding:20px}[data-theme=dark] .now-cover{background:#99b89833}.now-cover img{border-radius:12px;width:100%}.now-playing h4{margin:12px 0 2px}.now-playing>span{color:#71727c;font-size:.9rem}.queue-list{gap:8px;margin-top:14px;display:grid}.queue-row{grid-template-columns:24px 1fr auto;align-items:center;gap:10px;display:grid}.queue-dot{object-fit:cover;border-radius:7px;width:24px;height:24px}.queue-row strong{font-size:.9rem}.queue-row p{color:#797a82;margin:0;font-size:.8rem}.queue-row span{color:#797a82;font-size:.8rem}.player-bar{color:#fff;background:#2a363b;border-radius:16px;grid-column:1/-1;grid-template-columns:220px 1fr auto;align-items:center;gap:16px;display:grid}.player-now{align-items:center;gap:10px;display:flex}.player-now img{border-radius:8px;width:34px;height:34px}.player-now strong,.player-now span{display:block}.player-now span{color:#c2c4ce;font-size:.8rem}.player-wave{background:repeating-linear-gradient(90deg, var(--accent) 0, var(--accent) 4px, transparent 4px, transparent 8px);opacity:.9;border-radius:999px;height:8px}.player-time{color:#c2c4ce;font-size:.85rem}@media (width<=980px){.page-shell,.dashboard-frame,.stats-grid,.form-grid,.browse-page{grid-template-columns:1fr}.artist-row{grid-template-columns:repeat(2,minmax(0,1fr))}.player-bar,.settings-layout{grid-template-columns:1fr}}@media (width<=640px){.page-shell{min-height:100dvh}.auth-preview{min-height:44vh;padding:18px 14px}.preview-header{font-size:.9rem}.auth-preview-center{gap:10px;padding:16px}.auth-preview-logo-xl{width:min(120px,36vw)}.typewriter-text{white-space:normal;width:auto;font-size:.82rem;line-height:1.4;animation:none}.preview-mini-player{border-radius:14px;padding:8px 10px 6px;bottom:10px;left:10px;right:10px}.mini-player-icon{width:28px;height:28px}.mini-player-meta strong{font-size:.92rem}.mini-player-meta span{font-size:.72rem}.mini-player-controls button{padding:2px}.mini-player-volume input[type=range]{width:70px}.auth-card{border-top-left-radius:18px;border-top-right-radius:18px;width:100%;margin:0;padding:22px 16px 24px}}.auth-page{--auth-canvas:#e8e4f0;--auth-elev:#fff;--auth-text:#0f131a;--auth-muted:#6b6b6f;--auth-border:#e2e5eb;--auth-primary:#1a1a1a;--auth-on-primary:#fff;--auth-link:#2563eb;--auth-err-bg:#fce8e6;--auth-err-text:#b3261e;font-family:var(--app-font);-webkit-font-smoothing:antialiased;align-items:stretch;background:var(--auth-canvas)!important}[data-theme=dark] .auth-page{--auth-canvas:#0f0e12;--auth-elev:#16141c;--auth-text:#e8ebf0;--auth-muted:#9aa0a6;--auth-border:#2a3140;--auth-primary:#edeaf5;--auth-on-primary:#0f0e12;--auth-link:#8ab4f8;--auth-err-bg:#f28b8226;--auth-err-text:#f2b8b5}.auth-page .auth-preview:not(.login-preview-bg){color:#f8f9ff;padding:clamp(20px,4vw,36px);position:relative;background:linear-gradient(120deg,#1e1b4b 0%,#4c1d6b 45%,#9d174d 100%)!important}.auth-page .auth-preview.login-preview-bg{color:#f8f9ff;isolation:isolate;background-position:50%,50%,50%,50% 26%;background-repeat:no-repeat;background-size:cover,cover,cover,cover;padding:clamp(20px,4vw,36px);position:relative;box-shadow:inset 0 0 140px #0000006b;background-color:#0a0816!important;background-image:radial-gradient(130% 90% at 50% 28%,#ffffff12 0%,#0000 52%),radial-gradient(95% 55% at 50% 108%,#0000008c 0%,#0000 48%),linear-gradient(158deg,#060412e0 0%,#3016529e 40%,#821c488c 100%),url(/login-bg.png)!important}.auth-page .auth-preview.login-preview-bg .preview-header,.auth-page .auth-preview.login-preview-bg .auth-preview-center{z-index:2;position:relative}.auth-page .preview-header{letter-spacing:-.02em;color:#fffffff2;margin-bottom:.5rem;font:600 .95rem/1.3 "Baloo 2",sans-serif}.auth-page .preview-header.brand-with-logo,.auth-page .auth-preview .brand-with-logo{align-items:center;gap:.5rem;display:flex}.auth-page .brand-logo{object-fit:contain;width:32px;height:32px;box-shadow:none;background:0 0;border:0;border-radius:9px;flex-shrink:0}.auth-page .preview-mini-player{-webkit-backdrop-filter:blur(12px)saturate(1.2);border-radius:16px;left:max(12px, env(safe-area-inset-left,0px))!important;right:max(12px, env(safe-area-inset-right,0px))!important;bottom:max(12px, env(safe-area-inset-bottom,0px))!important;background:#0c0a208c!important;border:1px solid #ffffff1f!important}.auth-page .mini-player-icon{border-radius:12px;background:#ffffff1a!important}.auth-page .auth-preview-center{pointer-events:auto;gap:14px;padding:20px 16px}.auth-page .auth-preview-logo-xl{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:22px;padding:12px;box-shadow:0 4px 24px #0003,0 20px 48px #00000059,inset 0 1px #ffffff1f;width:min(132px,34vw)!important}.auth-page .typewriter-text{color:#fffffff5;text-shadow:0 1px 2px #0000008c,0 8px 32px #00000073;letter-spacing:-.01em;max-width:min(36ch,92%);font:500 .95rem/1.5 "Baloo 2",sans-serif}.auth-page .auth-card{color:var(--auth-text);box-sizing:border-box;border:0;border-left:1px solid color-mix(in srgb, var(--auth-border) 70%, transparent 30%);justify-content:center;gap:1rem;width:100%;max-width:100%;min-height:100%;margin:0;box-shadow:-4px 0 24px #0f131a0a;background:var(--auth-elev)!important;padding:clamp(28px,5vw,44px) clamp(20px,4vw,40px)!important}[data-theme=dark] .auth-page .auth-card{border-left-color:var(--auth-border);box-shadow:-4px 0 20px #00000040}.auth-page .auth-head h1{letter-spacing:-.03em;color:var(--auth-text);margin:0;font:700 1.5rem/1.25 "Baloo 2",sans-serif}.auth-page .auth-head p{margin:.4rem 0 0;font:500 .92rem/1.5 "Baloo 2",sans-serif;color:var(--auth-muted)!important}.auth-page label.field,.auth-page .field{color:var(--auth-muted);letter-spacing:.02em;text-transform:none;gap:.4rem;font:500 .8rem/1.3 "Baloo 2",sans-serif}.auth-page .field input,.auth-page .field select{font:500 .95rem/1.35 "Baloo 2",sans-serif;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0000000a;color:var(--auth-text)!important;background:var(--auth-elev)!important;border:1px solid var(--auth-border)!important;border-radius:12px!important;padding:.7rem .9rem!important}.auth-page .field input::placeholder,.auth-page .field select{opacity:.9;color:#8e8e94!important}[data-theme=dark] .auth-page .field input,[data-theme=dark] .auth-page .field select{border-color:var(--auth-border)!important;color:var(--auth-text)!important;background:#1e1a28!important}.auth-page .field input:hover{border-color:color-mix(in srgb, #2563eb 25%, var(--auth-border))!important}.auth-page .field input:focus,.auth-page .field select:focus{outline:none;box-shadow:0 0 0 3px #2563eb33;border-color:color-mix(in srgb, #2563eb 45%, var(--auth-border))!important}.auth-page .btn.btn-primary,.auth-page form .btn.btn-primary,.auth-page .btn[type=submit]{cursor:pointer;width:100%;min-height:2.6rem;margin-top:.25rem;font:600 .95rem/1.2 "Baloo 2",sans-serif;transition:transform .15s,box-shadow .2s,filter .2s;box-shadow:0 4px 16px #0000001f;color:var(--auth-on-primary)!important;background:var(--auth-primary)!important;border:0!important;border-radius:999px!important;padding:.7rem 1.25rem!important}.auth-page .btn.btn-primary:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 6px 20px #00000026}[data-theme=dark] .auth-page .btn.btn-primary:hover:not(:disabled){box-shadow:0 4px 18px #00000059}.auth-page .helper-link,.auth-page .auth-footer a,.auth-page a[href]{color:var(--auth-link);border-bottom:1px solid #0000;width:max-content;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s}.auth-page .helper-link:hover,.auth-page .auth-footer a:hover{opacity:.9;border-bottom-color:currentColor}.auth-page .form-error,.auth-page .form-success{border-radius:12px;font:500 .88rem/1.4 "Baloo 2",sans-serif}.auth-page .form-error{background:var(--auth-err-bg)!important;color:var(--auth-err-text)!important;border:1px solid #e14f7a40!important}.auth-page .form-success{border:1px solid #8fd19e;color:#137333!important;background:#e6f4ea!important}[data-theme=dark] .auth-page .form-success{border-color:#78d5964d;color:#7bf1a7!important;background:#34a85333!important}.auth-page .auth-footer{flex-wrap:wrap;font:.9rem/1.4 "Baloo 2",sans-serif;color:var(--auth-muted)!important}@media (width>=981px){.auth-page.page-shell{max-width:100%}}@media (width<=640px){.auth-page .auth-preview.login-preview-bg{background-position:50%,50%,50%,50% 22%;box-shadow:inset 0 0 100px #0000007a}.auth-page .auth-preview{min-height:48vh}.auth-page .auth-card{border:0!important;border-top:1px solid var(--auth-border)!important;box-shadow:0 -8px 32px #0000000f!important}[data-theme=dark] .auth-page .auth-card{box-shadow:0 -8px 32px #00000059!important}}[data-theme=light] .fb-console{--fb-canvas:#f1f3f5;--fb-surface:#fff;--fb-surface-2:#f4f6f8;--fb-sidebar:#fbfbfc;--fb-border:#e2e5eb;--fb-border-strong:#cdd2da;--fb-text:#0f131a;--fb-text-sec:#5b6470;--fb-text-hint:#7d8694;--fb-primary:#2563eb;--fb-primary-mid:#3b82f6;--fb-primary-hover:#1d4ed8;--fb-on-primary:#fff;--fb-nav-active:color-mix(in srgb, var(--fb-primary) 14%, transparent);--fb-nav-active-text:#1e4faf;--fb-topbar-glass:#ffffffc7;--fb-focus:#2563eb;--fb-shadow:0 0 0 1px #0f131a0a;--fb-elev-1:0 0 0 1px #0f131a0a, 0 2px 8px #0f131a0d, 0 12px 32px #0f131a0f;--fb-elev-2:0 0 0 1px #0f131a0d, 0 4px 16px #0f131a14;--fb-chip-bg:#e0e9ff;--fb-r-sm:10px;--fb-r:14px;--fb-r-lg:18px;--fb-font:var(--app-font,"Baloo 2", system-ui, -apple-system, "Segoe UI", sans-serif)}[data-theme=dark] .fb-console{--fb-canvas:#0c0e12;--fb-surface:#151820;--fb-surface-2:#1a1f2a;--fb-sidebar:#12151c;--fb-border:#2a3140;--fb-border-strong:#3b4558;--fb-text:#e8ebf0;--fb-text-sec:#9aa3b0;--fb-text-hint:#6c7584;--fb-primary:#6d9eff;--fb-primary-mid:#7aa7ff;--fb-primary-hover:#8ab4f8;--fb-on-primary:#0a0b0d;--fb-nav-active:color-mix(in srgb, var(--fb-primary) 20%, transparent);--fb-nav-active-text:#a8c7ff;--fb-topbar-glass:#0c0e12b8;--fb-focus:#8ab4f8;--fb-shadow:0 0 0 1px #ffffff0d;--fb-elev-1:0 0 0 1px #ffffff0d, 0 2px 12px #0006, 0 8px 28px #0000004d;--fb-elev-2:0 0 0 1px #ffffff12, 0 6px 20px #00000073;--fb-chip-bg:#6d9eff33;--fb-r-sm:10px;--fb-r:14px;--fb-r-lg:18px;--fb-font:var(--app-font,"Baloo 2", system-ui, -apple-system, "Segoe UI", sans-serif)}.fb-console{font-family:var(--fb-font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;color:var(--fb-text);background:var(--fb-canvas);--text:var(--fb-text);--muted:var(--fb-text-sec);--line:var(--fb-border);--surface:var(--fb-surface);--surface-soft:var(--fb-surface-2);--accent:var(--fb-primary);--control-bg:var(--fb-surface-2);--control-text:var(--fb-text-sec);--chip-bg:var(--fb-chip-bg);--chip-text:var(--fb-text);--panel-dark:var(--fb-surface-2);--panel-dark-soft:#2d2d2d}[data-theme=light] .fb-console{--panel-dark-soft:#f1f3f4;--panel-dark:var(--fb-surface-2)}.dashboard-frame.fb-console{background:var(--fb-canvas);grid-template-columns:min(272px,30vw) 1fr}[data-theme=light] .fb-console .fb-main-col{background:radial-gradient(1200px 600px at 8% 0%, #2563eb0a, transparent 50%), var(--fb-canvas)}[data-theme=dark] .fb-console .fb-main-col{background:radial-gradient(1000px 500px at 6% 0%, #6d9eff0d, transparent 50%), var(--fb-canvas)}.fb-main-col{background:var(--fb-canvas);flex-direction:column;min-width:0;min-height:100vh;display:flex}.fb-topbar{background:var(--fb-topbar-glass);-webkit-backdrop-filter:blur(16px)saturate(1.35);backdrop-filter:blur(16px)saturate(1.35);border-bottom:1px solid color-mix(in srgb, var(--fb-border) 88%, transparent);z-index:4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;min-height:4.25rem;padding:0 1.5rem 0 1.75rem;display:flex;position:relative}[data-theme=dark] .fb-topbar{border-bottom-color:color-mix(in srgb, var(--fb-border) 50%, transparent)}.fb-topbar:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--fb-primary) 20%, transparent) 40%, color-mix(in srgb, var(--fb-primary) 15%, transparent) 60%, transparent 100%);pointer-events:none;opacity:.65;height:1px;position:absolute;inset:auto 0 0}.fb-topbar-titles{min-width:0}.fb-eyebrow{color:var(--fb-text-sec);text-transform:uppercase;font:600 .625rem/1.2 var(--fb-font);letter-spacing:.1em;margin:0}.fb-title{font:600 1.5rem/1.25 var(--fb-font);color:var(--fb-text);letter-spacing:-.02em;margin:4px 0 0}.fb-topbar-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.fb-console .sidebar,.fb-sidebar{min-height:100vh;color:var(--fb-text);background:var(--fb-sidebar);border-right:1px solid color-mix(in srgb, var(--fb-border) 80%, transparent);flex-direction:column;padding:0;display:flex;box-shadow:4px 0 32px #0f131a0a}[data-theme=dark] .fb-sidebar{border-right-color:color-mix(in srgb, var(--fb-border) 60%, transparent);box-shadow:4px 0 40px #00000040}.fb-sidebar-header{box-sizing:border-box;border-bottom:1px solid color-mix(in srgb, var(--fb-border) 75%, transparent);align-items:center;gap:.5rem;min-height:4.25rem;padding:1.25rem 1.125rem .75rem;display:flex}.fb-sidebar .brand,.fb-sidebar .brand-with-logo{font:600 1.05rem/1.25 var(--fb-font);color:var(--fb-text);letter-spacing:-.02em;margin:0}.fb-sidebar .brand-with-logo{align-items:center;gap:8px;display:flex}.fb-sidebar .brand-logo{border-radius:var(--fb-r-sm);width:28px;height:28px;box-shadow:var(--fb-elev-1)}.fb-side-badge{font:600 .65rem/1 var(--fb-font);color:var(--fb-nav-active-text);background:var(--fb-nav-active);text-transform:uppercase;letter-spacing:.04em;border:0;border-radius:6px;margin-left:auto;padding:.28rem .55rem}.fb-nav-wrap{flex:1;padding:.5rem .65rem 1.25rem;overflow:auto}.fb-console .section-title,.fb-nav-wrap .section-title{font:600 .625rem/1.2 var(--fb-font);letter-spacing:.12em;text-transform:uppercase;color:var(--fb-text-hint);margin:1.25rem .4rem .6rem .75rem;padding:0}.fb-side-link{border-radius:var(--fb-r-sm);min-height:2.6rem;font:500 .875rem/1.3 var(--fb-font);color:var(--fb-text-sec);border:1px solid #0000;align-items:center;gap:.6rem;margin:0 0 4px;padding:.45rem .85rem;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.fb-side-link:before{content:"";background:0 0;border-radius:0 2px 2px 0;width:3px;transition:background .18s,transform .18s;position:absolute;top:8px;bottom:8px;left:0}.fb-side-link:hover{background:var(--fb-surface-2);color:var(--fb-text);border-color:color-mix(in srgb, var(--fb-border) 45%, transparent);transform:translate(1px);box-shadow:inset 0 1px #ffffff80}[data-theme=dark] .fb-side-link:hover{box-shadow:inset 0 1px #ffffff0a}.fb-side-link.active,.fb-side-link[aria-current=page]{color:var(--fb-nav-active-text);background:var(--fb-nav-active);border-color:color-mix(in srgb, var(--fb-primary) 15%, transparent);font-weight:600;box-shadow:inset 0 1px #fff3}[data-theme=dark] .fb-side-link.active,[data-theme=dark] .fb-side-link[aria-current=page]{box-shadow:0 0 0 1px color-mix(in srgb, var(--fb-primary) 25%, transparent) inset}.fb-side-link.active:before,.fb-side-link[aria-current=page]:before{background:linear-gradient(180deg, var(--fb-primary) 0%, var(--fb-primary-mid) 100%);border-radius:2px;top:6px;bottom:6px;transform:scaleY(1)}.fb-side-link svg{opacity:.9;flex-shrink:0}.fb-user-pill{color:var(--fb-text);border:1px solid #0000;border-radius:999px;align-items:center;gap:.65rem;min-width:0;max-width:min(280px,50vw);padding:.25rem .4rem .25rem .2rem;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.fb-user-pill:hover{background:var(--fb-surface-2);border-color:color-mix(in srgb, var(--fb-border) 55%, transparent);box-shadow:0 2px 8px #0f131a0f}[data-theme=dark] .fb-user-pill:hover{box-shadow:0 4px 12px #00000059}.fb-user-pill .avatar,.fb-avatar{width:34px;height:34px;font:600 .78rem/1 var(--fb-font);color:#fff;box-shadow:0 0 0 2px var(--fb-canvas), 0 0 0 3px color-mix(in srgb, var(--fb-primary) 35%, transparent);background:linear-gradient(140deg,#3b4b5a 0%,#5a6b7a 100%);border-radius:50%;flex-shrink:0;place-items:center;display:grid}[data-theme=light] .fb-user-pill .avatar,[data-theme=light] .fb-avatar{color:#fff;box-shadow:0 0 0 2px var(--fb-canvas), 0 0 0 3px color-mix(in srgb, var(--fb-primary) 28%, transparent);background:linear-gradient(145deg,#2563eb,#1d4ed8)}.fb-user-text{min-width:0;display:block}.fb-user-pill strong{font:600 .8125rem/1.3 var(--fb-font);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fb-user-pill .email-line{color:var(--fb-text-sec);font:500 .7rem/1.2 var(--fb-font);text-overflow:ellipsis;white-space:nowrap;opacity:.9;margin:0;display:block;overflow:hidden}.fb-topbar .topbar-actions{background:color-mix(in srgb, var(--fb-surface) 50%, transparent);border:1px solid color-mix(in srgb, var(--fb-border) 30%, transparent);border-radius:999px;align-items:center;gap:.1rem;margin-right:.25rem;padding:.1rem .15rem .1rem .1rem;display:flex;box-shadow:inset 0 1px #fff3}[data-theme=dark] .fb-topbar .topbar-actions{background:color-mix(in srgb, var(--fb-surface) 15%, transparent);box-shadow:inset 0 1px #ffffff0a}.fb-topbar .topbar-actions button{width:2.2rem;height:2.2rem;color:var(--fb-text-sec);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background .2s,color .2s,transform .2s;display:inline-grid}.fb-topbar .topbar-actions button:hover{background:var(--fb-surface-2);color:var(--fb-text);transform:scale(1.05)}[data-theme=light] .fb-topbar .topbar-actions button:hover{background:color-mix(in srgb, #fff 70%, var(--fb-surface-2))}.fb-topbar .topbar-actions button:focus-visible{outline:2px solid var(--fb-focus);outline-offset:2px;border-radius:50%}.fb-page-scroll{flex:1;min-height:0;padding:1.75rem 1.5rem 2.5rem;overflow:auto}.fb-page-scroll .page-content{flex-direction:column;gap:1.15rem;max-width:1160px;margin:0 auto;display:flex}.fb-console .panel,.fb-console .section.panel{background:var(--fb-surface);border:1px solid color-mix(in srgb, var(--fb-border) 85%, transparent);border-radius:var(--fb-r);box-shadow:var(--fb-elev-1);color:var(--fb-text);padding:1.35rem 1.4rem 1.45rem;transition:box-shadow .25s,border-color .2s,transform .2s}.fb-console .panel:hover,.fb-console .section.panel:hover{box-shadow:var(--fb-elev-1), 0 4px 20px #0f131a0a;border-color:color-mix(in srgb, var(--fb-border) 70%, var(--fb-primary) 4%)}[data-theme=dark] .fb-console .panel:hover,[data-theme=dark] .fb-console .section.panel:hover{box-shadow:var(--fb-elev-1);border-color:color-mix(in srgb, var(--fb-border) 90%, var(--fb-primary) 5%)}.fb-console .panel-head h4,.fb-main-col .panel-head h4{font:600 1.1rem/1.35 var(--fb-font);color:var(--fb-text);letter-spacing:-.01em}.fb-console .panel-head span,.fb-main-col .panel-head span{color:var(--fb-text-sec);max-width:56ch;font-size:.86rem;font-weight:450;line-height:1.5}.fb-console .field input,.fb-console .field select{border:1px solid color-mix(in srgb, var(--fb-border-strong) 88%, transparent);border-radius:var(--fb-r-sm);background:var(--fb-surface);color:var(--fb-text);font:500 .88rem/1.35 var(--fb-font);box-sizing:border-box;padding:.6rem .85rem;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:0 1px 2px #0f131a0a}.fb-console .field input:hover,.fb-console .field select:hover{border-color:color-mix(in srgb, var(--fb-primary) 22%, var(--fb-border))}.fb-console .field input:focus,.fb-console .field select:focus{border-color:color-mix(in srgb, var(--fb-primary) 50%, var(--fb-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--fb-primary) 22%, transparent);outline:none}[data-theme=dark] .fb-console .field input,[data-theme=dark] .fb-console .field select{border-color:var(--fb-border);background:#2d2d2d}[data-theme=dark] .fb-console .field input::placeholder{color:#9aa0a6}[data-theme=light] .fb-console .field input::placeholder{color:#5f6368}.fb-console .btn.btn-primary,.fb-page-scroll .btn.btn-primary{text-transform:none;font:600 .88rem/1.25 var(--fb-font);border-radius:var(--fb-r-sm);background:linear-gradient(165deg, var(--fb-primary-mid) 0%, var(--fb-primary) 100%);color:#fff;min-height:2.65rem;box-shadow:0 1px 0 #fff3 inset, 0 4px 12px color-mix(in srgb, var(--fb-primary) 28%, transparent);cursor:pointer;border:0;padding:.65rem 1.15rem;transition:transform .18s,box-shadow .2s,filter .2s}[data-theme=dark] .fb-console .btn.btn-primary,[data-theme=dark] .fb-page-scroll .btn.btn-primary{color:#0a0b0c;box-shadow:0 1px 0 #fff3 inset, 0 4px 20px color-mix(in srgb, var(--fb-primary) 22%, transparent)}.fb-console .btn.btn-primary:hover{background:linear-gradient(165deg, var(--fb-primary) 0%, var(--fb-primary-hover) 100%);filter:brightness(1.03);box-shadow:0 1px 0 #ffffff40 inset, 0 6px 18px color-mix(in srgb, var(--fb-primary) 32%, transparent);transform:translateY(-1px)}.fb-console .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.fb-console .table-wrap{border:1px solid color-mix(in srgb, var(--fb-border) 88%, transparent);border-radius:var(--fb-r-sm);background:var(--fb-surface);-webkit-overflow-scrolling:touch;overflow:auto;box-shadow:inset 0 1px #fff3}.fb-console .table-wrap thead{background:linear-gradient(180deg, var(--fb-surface-2) 0%, color-mix(in srgb, var(--fb-surface-2) 80%, #fff) 100%);font:600 .7rem/1.25 var(--fb-font);color:var(--fb-text-sec);text-transform:uppercase;letter-spacing:.04em}[data-theme=dark] .fb-console .table-wrap thead{background:var(--fb-surface-2)}.fb-console .table-wrap th{border-bottom:1px solid var(--fb-border);text-align:left;padding:.75rem .9rem}.fb-console .table-wrap td{border-color:color-mix(in srgb, var(--fb-border) 75%, transparent);padding:.7rem .9rem;font-size:.86rem;font-weight:500;transition:background .12s}.fb-console .table-wrap tbody tr:hover td{background:color-mix(in srgb, var(--fb-primary) 3%, var(--fb-surface))}[data-theme=light] .fb-console .browse-hero,[data-theme=light] .fb-console .hero-strip,[data-theme=light] .fb-console .player-bar{color:#fff;box-shadow:var(--fb-elev-2);background:linear-gradient(125deg,#0f4cd4 0%,#2563eb 38%,#7c3aed 100%);border:0;position:relative;overflow:hidden;border-radius:var(--fb-r)!important}[data-theme=light] .fb-console .browse-hero:after,[data-theme=light] .fb-console .hero-strip:after{content:"";pointer-events:none;background:radial-gradient(600px 200px at 100% 0,#fff3,#0000 55%);position:absolute;inset:0}[data-theme=dark] .fb-console .browse-hero,[data-theme=dark] .fb-console .hero-strip,[data-theme=dark] .fb-console .player-bar{color:#e8eaed;box-shadow:var(--fb-elev-2);background:linear-gradient(125deg,#1a3a8a 0%,#2d4aa8 50%,#5b2e9d 100%);border:0;border-radius:var(--fb-r)!important}.fb-console .hero-strip p,.fb-console .hero-strip span,.fb-console .browse-hero p,.fb-console .browse-hero span{color:#ffffffe0}.fb-console .now-playing,.fb-console .recent-row span,.fb-console .queue-row p{color:var(--fb-text-sec)!important}.fb-console .form-error{color:#b3261e;border-radius:var(--fb-r-sm);font:500 .86rem/1.45 var(--fb-font);background:#fce8e6;border:1px solid #f1aba8}[data-theme=dark] .fb-console .form-error{color:#f2b8b5;background:#f28b8226;border-color:#f2b8b533}.fb-console .form-success{color:#137333;border-radius:var(--fb-r-sm);font:500 .86rem/1.45 var(--fb-font);background:#e6f4ea;border:1px solid #8fd19e}.fb-console .stats-grid{gap:1rem}@media (width>=700px){.fb-console .stats-grid{gap:1.1rem}}.fb-console .stat-card{transition:transform .2s,box-shadow .25s,border-color .2s;position:relative;overflow:hidden;border-radius:var(--fb-r)!important;border:1px solid color-mix(in srgb, var(--fb-border) 80%, transparent)!important}.fb-console .stat-card:before{content:"";background:linear-gradient(90deg, var(--fb-primary), var(--fb-primary-mid));opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}[data-theme=dark] .fb-console .stat-card:before{opacity:.6}.fb-console .stat-card:hover{transform:translateY(-2px);box-shadow:var(--fb-elev-2)!important;border-color:color-mix(in srgb, var(--fb-primary) 18%, var(--fb-border))!important}.fb-console .stat-card h4{color:var(--fb-text);font:700 1.65rem/1.2 var(--fb-font);letter-spacing:-.02em}.fb-console .stat-card p{font:600 .72rem/1.25 var(--fb-font);text-transform:uppercase;letter-spacing:.06em;color:var(--fb-text-sec)!important}.fb-console .stat-card span{color:#137333;font-size:.8rem}[data-theme=dark] .fb-console .stat-card span{color:#7bf1a7}[data-theme=light] .fb-console .recharts-cartesian-grid line{stroke:#e8eaed}[data-theme=light] .fb-console .recharts-text{fill:#5f6368;color:#5f6368}[data-theme=light] .fb-console .chart-wrap{background:var(--fb-surface-2);border-radius:var(--fb-r-sm);padding:.5rem .25rem}.fb-console .browse-tabs{border-bottom:1px solid color-mix(in srgb, var(--fb-border) 50%, transparent);gap:.2rem .75rem;padding-bottom:.35rem}.fb-console .browse-tabs span{cursor:default;border:1px solid #0000;border-radius:999px;padding:.35rem .65rem;font-weight:500;transition:background .18s,color .18s}[data-theme=light] .fb-console .browse-tabs span{color:var(--fb-text-sec)}.fb-console .browse-tabs span:hover{background:var(--fb-surface-2)}.fb-console .browse-tabs .active{background:var(--fb-nav-active);border-color:color-mix(in srgb, var(--fb-primary) 18%, transparent);font-weight:600;color:var(--fb-text)!important}.fb-console .form-grid{align-items:start;gap:1.05rem}[data-theme=dark] .fb-console .form-success{color:#7bf1a7;background:#34a85326;border-color:#78d59640}.fb-console .theme-chip{font-family:var(--fb-font);border:1px solid color-mix(in srgb, var(--fb-border) 60%, transparent);border-radius:999px;padding:.4rem .85rem;font-weight:500;transition:transform .15s,box-shadow .2s,border-color .2s}.fb-console .theme-chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0f131a14}[data-theme=dark] .fb-console .theme-chip:hover{box-shadow:0 2px 12px #0000004d}.fb-console .chart-panel{background:var(--fb-surface);border:1px solid color-mix(in srgb, var(--fb-border) 85%, transparent);color:var(--fb-text);border-radius:var(--fb-r);box-shadow:var(--fb-elev-1);overflow:hidden}@media (width<=900px){.dashboard-frame.fb-console{grid-template-columns:1fr}.fb-main-col{min-height:auto}.fb-sidebar{border-right:none;border-bottom:1px solid var(--fb-border);min-height:0}.fb-nav-wrap{flex-flow:wrap;gap:0;padding:8px;display:flex}.fb-sidebar-header{border-bottom:1px solid var(--fb-border)}.fb-side-link:before,.fb-side-link.active:before,.fb-side-link[aria-current=page]:before{display:none}.fb-side-link{border-bottom:2px solid #0000;border-left:0;border-radius:0;min-height:2.4rem;margin:0;padding:.35rem .45rem .45rem;font-size:.8rem}.fb-side-link.active,.fb-side-link[aria-current=page]{border-color:#0000;border-bottom-color:var(--fb-primary)}}@media (width<=600px){.fb-page-scroll{padding:16px 12px}.fb-topbar{min-height:auto;padding:8px 12px 10px}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .db-app{--d-bg:#e8e4f0;--d-surface:#f9f9f9;--d-surface-elev:#fff;--d-border:#ece8f0;--d-text:#1a1a1a;--d-text-muted:#6b6b6f;--d-text-soft:#8e8e94;--d-rail-active:#1a1a1a;--d-rail-ico:#9a9aa0;--d-shadow:0 10px 30px #0000000d;--d-shadow-lg:0 18px 50px #0000000f;--d-pastel-blue:#d7e5ff;--d-pastel-purple:#e0d7ff;--d-pastel-rose:#ffd7f0;--d-pastel-yellow:#e3e9f5;--d-mint:#d7ffeb;--d-rose-text:#c25b8b;--d-up:#0d7a3e;--d-down:#c25b7a;--d-radius-outer:32px;--d-radius-card:24px;--d-radius-pill:999px;--d-font:var(--app-font,"Baloo 2", system-ui, -apple-system, sans-serif)}[data-theme=dark] .db-app{--d-bg:#0f0e12;--d-surface:#16141c;--d-surface-elev:#1c1a24;--d-border:#2a2735;--d-text:#f2f0f7;--d-text-muted:#9d99a8;--d-text-soft:#6f6a7a;--d-rail-active:#f2f0f7;--d-rail-ico:#7a7588;--d-shadow:0 8px 32px #0006;--d-shadow-lg:0 16px 48px #00000080;--d-pastel-blue:#2a2f3d;--d-pastel-purple:#2d2838;--d-pastel-rose:#2f2530;--d-pastel-yellow:#2a2c38;--d-mint:#1f2f2a;--d-rose-text:#e89ec4;--d-up:#6ed49a;--d-down:#f0a0b4;--d-radius-outer:28px;--d-radius-card:20px;--d-radius-pill:999px;--d-font:var(--app-font,"Baloo 2", system-ui, -apple-system, sans-serif)}.db-app{--db-mobile-bottom-offset:0px;font-family:var(--d-font);-webkit-font-smoothing:antialiased;background:var(--d-bg);box-sizing:border-box;flex-direction:column;flex:auto;height:100%;min-height:0;max-height:100dvh;padding:0;display:flex;overflow:hidden}.db-surface{background:var(--d-surface-elev);width:100%;max-width:none;min-height:0;box-shadow:none;border:0;border-radius:0;flex-direction:row;flex:auto;align-items:stretch;margin:0;display:flex;overflow:hidden}[data-theme=dark] .db-surface{border-color:var(--d-border)}.db-rail{background:var(--d-surface-elev);border-right:1px solid var(--d-border);z-index:3;flex-direction:column;flex-shrink:0;align-self:stretch;align-items:center;gap:8px;width:80px;min-height:0;max-height:100%;padding:20px 0 16px;display:flex;position:relative;overflow:hidden}.db-rail__nav{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:6px;width:100%;min-height:0;padding:4px 0 8px;display:flex;overflow:hidden auto}.db-rail__item-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.db-rail__item--settings{margin-top:auto}.db-rail__logo{object-fit:contain;width:40px;height:40px;box-shadow:none;background:0 0;border:0;border-radius:10px;margin-bottom:12px;display:block}.db-rail__item{width:48px;height:48px;color:var(--d-rail-ico);cursor:pointer;background:0 0;border:none;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:color .2s,background .2s,transform .2s;display:flex}.db-rail__item:hover{color:var(--d-text);background:var(--d-surface);transform:scale(1.04)}.db-rail__item.active,.db-rail__item[aria-current=page]{color:#fff;background:var(--d-rail-active);box-shadow:0 4px 14px #1a1a1a33}[data-theme=dark] .db-rail__item.active,[data-theme=dark] .db-rail__item[aria-current=page]{color:#0f0e12;background:#f0eef5;box-shadow:0 4px 20px #00000059}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.db-main{background:var(--d-surface);flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.db-topbar{padding:.75rem max(.75rem, env(safe-area-inset-left,0px)) .75rem max(.75rem, env(safe-area-inset-right,0px));padding-top:max(.75rem, env(safe-area-inset-top,0px));border-bottom:1px solid var(--d-border);background:var(--d-surface-elev);z-index:4;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:20px;display:flex;box-shadow:0 1px #0000000a}.db-topbar__title{font:700 1.35rem/1.2 var(--d-font);color:var(--d-text);letter-spacing:-.03em;flex:none;min-width:0;margin:0}.db-topbar__title-text{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.db-search{background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius-pill);flex:240px;align-items:center;gap:10px;min-width:0;max-width:520px;height:48px;margin:0 auto;padding:0 16px 0 14px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000a}.db-search:focus-within{border-color:#c4bdd8;box-shadow:0 0 0 3px #c8beff40}.db-search__icon{color:var(--d-text-soft);flex-shrink:0}.db-search__input{min-width:0;font:500 .9rem/1.3 var(--d-font);color:var(--d-text);background:0 0;border:0;outline:none;flex:1}.db-search__input::placeholder{color:var(--d-text-soft);font-weight:500}.db-topbar__actions{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.db-icon-btn{width:44px;height:44px;color:var(--d-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .15s;display:flex;position:relative}.db-icon-btn:hover{background:var(--d-surface-elev);color:var(--d-text)}.db-icon-btn:focus-visible{outline-offset:2px;outline:2px solid #9b8fff}a.db-icon-btn{text-decoration:none}.db-topbar-icon-nav.db-topbar-icon-nav--active{background:var(--d-surface-elev);color:var(--d-text)}.db-bell-wrap{position:relative}.db-badge{border:2px solid var(--d-surface-elev);background:#e14f7a;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px}.db-avatar{width:40px;height:40px;font:600 .9rem/1 var(--d-font);color:#fff;background:#1a1a1a;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #0000001f}.db-avatar:hover{transform:scale(1.04);box-shadow:0 4px 16px #00000026}[data-theme=dark] .db-avatar{background:linear-gradient(140deg,#3d3a48,#1a1820);border-color:#2a2735}.db-subrow{padding:.4rem max(.75rem, env(safe-area-inset-left,0px)) .4rem max(.75rem, env(safe-area-inset-right,0px));background:var(--d-surface-elev);z-index:3;border-bottom:1px solid var(--d-border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px 16px;display:flex;box-shadow:0 1px #0000000a}.db-subtabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.db-subtab{font:600 .82rem/1 var(--d-font);color:var(--d-text-muted);border-radius:var(--d-radius-pill);cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 16px;font-family:inherit;text-decoration:none;transition:all .2s;display:inline-flex}.db-subtab:hover{color:var(--d-text);background:var(--d-surface)}.db-subtab[aria-current=page],.db-subtab--active{color:var(--d-text);box-shadow:var(--d-shadow);border-color:var(--d-border);background:#fff}[data-theme=dark] .db-subtab[aria-current=page],[data-theme=dark] .db-subtab--active{background:#25232e}.db-daterange{background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius-pill);height:40px;font:600 .82rem/1 var(--d-font);color:var(--d-text-muted);cursor:pointer;align-items:center;gap:8px;padding:0 16px 0 12px;font-family:inherit;transition:border-color .2s,box-shadow .2s;display:inline-flex}button.db-daterange{appearance:none}a.db-daterange{color:var(--d-text-muted);box-sizing:border-box;text-decoration:none}a.db-daterange:hover{color:var(--d-text)}.db-daterange:hover{color:var(--d-text);border-color:#c4bdd8}.db-body{background:var(--d-surface);flex-direction:column;flex:1 1 0;min-height:0;padding:0;display:flex;overflow:hidden}.db-body>main.page-content,.db-body>main.browse-page{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1 1 0;min-height:0;overflow:hidden auto}.db-body>.app-loading.app-loading--db{flex:1 1 0;min-height:0}.db-app .db-body select{appearance:none;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--d-border) 90%, var(--d-text) 0%);background-color:var(--d-surface-elev);max-width:100%;color:var(--d-text);font:.92rem/1.4 var(--d-font);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b6b6f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:1.05rem 1.05rem;border-radius:10px;min-height:2.65rem;margin:0;padding:.5rem 2.5rem .5rem .75rem;line-height:1.4;transition:border-color .15s,box-shadow .15s}[data-theme=dark] .db-app .db-body select{background-color:color-mix(in srgb, var(--d-surface-elev) 88%, #000);border-color:var(--d-border);color:var(--d-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239d99a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.db-app .db-body select:hover{border-color:color-mix(in srgb, var(--d-text-muted) 35%, var(--d-border))}.db-app .db-body select:focus{border-color:color-mix(in srgb, var(--d-text-muted) 50%, var(--d-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--d-text) 4%, transparent);outline:none}.db-app .db-body select:disabled{opacity:.58;cursor:not-allowed}.db-app .db-body select option{color:var(--d-text);background-color:var(--d-surface-elev)}.db-body .page-content,.db-body .soft-page,.db-body .browse-page{padding:.75rem max(.75rem, env(safe-area-inset-left,0px)) 1.25rem max(.75rem, env(safe-area-inset-right,0px));box-sizing:border-box;max-width:100%}.page-content--notifications,.page-content--chat{max-width:640px;margin:0 auto}.hub-page__header{margin-bottom:1rem}.hub-page__title{font:800 1.5rem/1.15 var(--d-font);letter-spacing:-.03em;color:var(--d-text);margin:0 0 .35rem}.hub-page__sub{max-width:42rem;color:var(--d-text-muted);margin:0;font-size:.92rem;line-height:1.45}.hub-page__panel-title{align-items:center;gap:.5rem;display:inline-flex}.hub-page__empty{text-align:center;background:var(--d-surface-inset,#0000000a);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:1.5rem 1rem;display:flex}[data-theme=dark] .hub-page__empty{background:#ffffff0a}.hub-page__empty-title{color:var(--d-text);margin:0 0 .35rem;font-size:.98rem;font-weight:600}.hub-page__empty-hint{max-width:22rem;color:var(--d-text-muted);margin:0}.insights-page{max-width:1200px;margin:0 auto}.insights-page__hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1rem;margin-bottom:.15rem;display:flex}.insights-page__title{font:800 1.65rem/1.1 var(--d-font);letter-spacing:-.04em;color:var(--d-text);margin:0}.insights-page__kicker{font:500 .82rem/1.4 var(--d-font);color:var(--d-text-muted);max-width:42rem;margin:.25rem 0 0}.insights-page__alert{box-sizing:border-box;max-width:100%}.insights-page__discrete{color:var(--d-text-soft);font-weight:500}.insights-page__bento{grid-template-columns:1fr;align-items:stretch;gap:.9rem;margin:0;display:grid}.insights-hero-metric{border-radius:var(--d-radius-card,20px);color:#f5f2ff;min-height:0;box-shadow:var(--d-shadow-lg,0 12px 40px #0003);background:linear-gradient(145deg,#1a1a1a 0%,#2a2738 100%);border:1px solid #ffffff1a;flex-direction:column;justify-content:space-between;padding:1.1rem 1.15rem 1.2rem;display:flex;position:relative;overflow:hidden}.insights-hero-metric:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--d-accent,#6366f1) 35%, transparent) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:12rem;height:12rem;position:absolute;top:-30%;right:-20%}[data-theme=dark] .insights-hero-metric{border-color:var(--d-border,#2a2735);background:linear-gradient(150deg,#1c1a25 0%,#25232f 100%)}[data-theme=light] .insights-hero-metric{color:#f8f6ff}.insights-hero-metric__top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.insights-hero-metric__eyebrow{font:700 .68rem/1.2 var(--d-font);text-transform:uppercase;letter-spacing:.1em;color:#e0ddf1}.insights-hero-metric__ico{opacity:.7;color:#f3f0ff}.insights-hero-metric__value{z-index:1;font:800 2.65rem/1.05 var(--d-font);letter-spacing:-.04em;margin:.35rem 0 .15rem;position:relative}.insights-hero-metric__hint{z-index:1;font:500 .78rem/1.3 var(--d-font);color:#e3e4ee;max-width:12rem;margin:0;position:relative}.insights-hero-metric__hint code{background:#0003;border-radius:4px;padding:.1rem .2rem;font-size:.7rem}.insights-page__kpi-gauge{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem .65rem;min-width:0;display:grid}@media (width<=480px){.insights-page__kpi-gauge{grid-template-columns:1fr}}.insights-kpi{border-radius:var(--d-radius-card,20px);min-width:0;box-shadow:var(--d-shadow);border:1px solid color-mix(in srgb, var(--d-border) 80%, #fff 20%);background:#fff;padding:.65rem .75rem .6rem}[data-theme=dark] .insights-kpi{background:var(--d-surface-elev,#1c1a24);border-color:var(--d-border,#2a2735)}.insights-kpi__row{justify-content:space-between;align-items:center;margin-bottom:.1rem;display:flex}.insights-kpi__name{font:700 .68rem/1.2 var(--d-font);text-transform:uppercase;letter-spacing:.05em;color:var(--d-text-muted)}.insights-kpi__ic{color:var(--d-text-soft,#6f6a7a);opacity:.8}.insights-kpi__num{font:800 1.4rem/1.15 var(--d-font);color:var(--d-text,#1a1a1a);letter-spacing:-.02em;margin:.15rem 0 0}[data-theme=dark] .insights-kpi__num{color:var(--d-text,#f2f0f7)}.insights-kpi__sub{font:500 .64rem/1.25 var(--d-font);color:var(--d-text-muted);margin:.1rem 0 0}.insights-card-surface{border-radius:var(--d-radius-card,20px);box-shadow:var(--d-shadow);border:1px solid var(--d-border,#ece8f0);background:#fff;min-width:0;padding:.75rem .9rem .85rem}[data-theme=dark] .insights-card-surface{background:var(--d-surface-elev,#1c1a24);border-color:var(--d-border,#2a2735)}.insights-card--users{align-self:stretch}@media (width>=1100px){.insights-page__bento{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr) minmax(0,.85fr) minmax(0,.85fr);gap:.9rem 1rem}.insights-hero-metric{grid-area:1/1;min-height:11rem}.insights-page__kpi-gauge{grid-area:1/2;align-self:start}.insights-card--users{grid-area:2/1}.insights-card--platforms{grid-area:1/3/3/5;align-self:stretch}}@media (width>=700px) and (width<=1099px){.insights-page__bento{grid-template-columns:repeat(2,minmax(0,1fr))}.insights-hero-metric{grid-column:1/-1;min-height:8.5rem}.insights-page__kpi-gauge,.insights-card--platforms{grid-column:1/-1}}.insights-card-surface__h{align-items:center;gap:.4rem;margin:0 0 .45rem;display:flex}.insights-card-surface__h h2{font:700 .82rem/1.2 var(--d-font);text-transform:uppercase;letter-spacing:.04em;color:var(--d-text-muted);margin:0}.insights-mini-stats{font:.9rem/1.35 var(--d-font);flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.insights-mini-stats li{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.insights-mini-stats__l{color:var(--d-text-muted);min-width:0;font-size:.82rem}.insights-mini-stats__v{font:800 .95rem/1.2 var(--d-font);color:var(--d-text,#1a1a1a);font-variant-numeric:tabular-nums;flex:none}[data-theme=dark] .insights-mini-stats__v{color:var(--d-text,#f2f0f7)}.insights-platforms{font:.82rem/1.2 var(--d-font);grid-template-columns:1fr 1fr;gap:.35rem .5rem;margin:0;padding:0;list-style:none;display:grid}@media (width<=1100px){.insights-platforms{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=500px){.insights-platforms{grid-template-columns:1fr 1fr}}.insights-platforms li{min-width:0;color:var(--d-text-muted);align-items:center;gap:.3rem;display:flex}.insights-platforms__n{flex:auto;min-width:0}.insights-platforms__c{font:800 .9rem/1.2 var(--d-font);color:var(--d-text,#1a1a1a);font-variant-numeric:tabular-nums;flex:none}[data-theme=dark] .insights-platforms__c{color:var(--d-text,#f2f0f7)}.insights-platforms__un{opacity:.4;flex:none}.insights-chart-card{border-radius:var(--d-radius-card,20px);box-shadow:var(--d-shadow);border:1px solid var(--d-border,#ece8f0);background:#fff;min-width:0;padding:.9rem 1rem .6rem;overflow:hidden}[data-theme=dark] .insights-chart-card{background:var(--d-surface-elev,#1c1a24);border-color:var(--d-border,#2a2735)}.insights-chart-card__head{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:.6rem 1.25rem;margin-bottom:.35rem;display:flex}.insights-chart-card__title{font:700 1.05rem/1.2 var(--d-font);letter-spacing:-.02em;color:var(--d-text);margin:0 0 .1rem}.insights-chart-card__lead{font:.8rem/1.45 var(--d-font);color:var(--d-text-muted);max-width:46rem;margin:0}.insights-engagement-toggle{background:color-mix(in srgb, var(--d-text) 3.5%, var(--d-surface,#f5f5f8));border:1px solid var(--d-border,#ece8f0);border-radius:999px;flex-wrap:wrap;flex-shrink:0;gap:.2rem;padding:.2rem;display:inline-flex}[data-theme=dark] .insights-engagement-toggle{background:color-mix(in srgb, var(--d-text) 6%, var(--d-surface-elev,#1c1a24));border-color:var(--d-border,#2a2735)}.insights-engagement-toggle__btn{font:700 .72rem/1 var(--d-font);letter-spacing:.05em;text-transform:uppercase;color:var(--d-text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;min-width:2.4rem;min-height:2rem;padding:.4rem .75rem;transition:color .16s,background .16s}.insights-engagement-toggle__btn--on{color:#fff;background:#1a1a1a;box-shadow:0 2px 8px #1a1a1a38}[data-theme=dark] .insights-engagement-toggle__btn--on{color:#0f0e12;background:#edeaf5;box-shadow:0 2px 8px #00000040}.insights-engagement-toggle__btn:hover:not(:disabled):not(.insights-engagement-toggle__btn--on){color:var(--d-text);background:color-mix(in srgb, var(--d-text) 3%, var(--d-surface,#fff))}.insights-activity{flex-direction:column;gap:.2rem;display:flex}.insights-activity__head{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:.6rem 1rem;max-width:52rem;margin-bottom:.15rem;display:flex}.insights-activity__head .insights-chart-card__title{margin:0 0 .1rem}.insights-activity__hint{font:.8rem/1.45 var(--d-font);color:var(--d-text-muted);margin:0 0 .25rem}.insights-activity__note{margin:0}.insights-activity__note:empty{display:none}.insights-activity__deploy{color:var(--d-warn,#a16207);margin:.35rem 0 0}.insights-bar-charts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;min-width:0;margin-top:.35rem;display:grid}@media (width<=1100px){.insights-bar-charts{grid-template-columns:1fr}}.insights-bar-chart-card{border-radius:var(--d-radius-card,16px);border:1px solid var(--d-border,#ece8f0);background:color-mix(in srgb, var(--d-surface-elev,#fff) 92%, var(--d-surface,#f5f5f8));flex-direction:column;gap:.2rem;min-width:0;padding:.65rem .75rem .5rem;display:flex}[data-theme=dark] .insights-bar-chart-card{background:color-mix(in srgb, var(--d-surface-elev,#1c1a24) 96%, #000);border-color:var(--d-border,#2a2735)}.insights-bar-chart-card--disabled{opacity:.92;justify-content:flex-start;min-height:8rem}.insights-bar-chart-card__title{font:700 .88rem/1.2 var(--d-font);letter-spacing:-.02em;color:var(--d-text);margin:0}.insights-bar-chart-card__sub{font:.72rem/1.35 var(--d-font);color:var(--d-text-muted);margin:0}.insights-bar-chart-card__hint{color:var(--d-text-muted);margin:.35rem 0 0}.insights-bar-chart-card__viewport{flex-shrink:0;width:100%;height:220px;min-height:180px;margin-top:.15rem}.insights-activity__chart{flex-shrink:0;width:100%;height:280px;min-height:240px}.insights-chart-wrap{min-width:0;margin:0 -.1rem .15rem;padding:0 .1rem .15rem}.insights-chart__viewport{width:100%;height:280px;min-height:240px}.recharts-surface,.recharts-wrapper{outline:none;max-width:100%}.insights-recharts__grid{stroke:color-mix(in srgb, var(--d-border) 40%, transparent)}.insights-chart__tooltip{font:.78rem/1.3 var(--d-font);border-radius:10px;max-width:18rem;padding:.45rem .55rem .5rem;background:var(--d-surface-elev,#fff)!important;border:1px solid var(--d-border,#ece8f0)!important;box-shadow:var(--d-shadow-lg)!important;color:var(--d-text)!important}[data-theme=dark] .insights-chart__tooltip{border-color:var(--d-border,#2a2735)!important;background:#25232e!important}.insights-chart__tooltip-title{color:var(--d-text-muted);font:.7rem/1.2 var(--d-font);margin-bottom:.1rem}.insights-chart__tooltip-metric{font:800 .9rem/1.2 var(--d-font);font-variant-numeric:tabular-nums;color:var(--d-text)!important}.insights-chart__tooltip-metric span{font:500 .7rem/1.2 var(--d-font);color:var(--d-text-muted);font-weight:500}.insights-footnote{background:#fff;margin-top:.15rem;border-radius:var(--d-radius-card,20px)!important;box-shadow:var(--d-shadow)!important;border:1px solid var(--d-border,#ece8f0)!important}[data-theme=dark] .insights-footnote{background:var(--d-surface-elev,#1c1a24)!important;border-color:var(--d-border,#2a2735)!important}.insights-footnote__h{font:700 .95rem/1.2 var(--d-font);align-items:center;gap:.4rem;margin:0 0 .1rem;display:flex}.insights-footnote__ico{color:var(--d-text-muted)}.insights-page__placeholder-title{font:700 1.1rem/1.2 var(--d-font);color:var(--d-text);margin:0 0 .4rem}@keyframes insights-refresh-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){.insights-page__refresh--spin{animation:.75s linear infinite insights-refresh-spin}}.soft-page{flex-direction:column;gap:16px;max-width:100%;display:flex}.soft-top-grid{grid-template-columns:1fr 1fr 1.2fr;gap:16px;display:grid}@media (width<=1200px){.soft-top-grid{grid-template-columns:1fr 1fr}}@media (width<=800px){.soft-top-grid{grid-template-columns:1fr}}.soft-card{border-radius:var(--d-radius-card);box-shadow:var(--d-shadow);border:1px solid color-mix(in srgb, var(--d-border) 70%, #fff 30%);background:#fff;min-height:0;padding:20px 20px 18px;transition:box-shadow .25s,transform .2s}[data-theme=dark] .soft-card{background:var(--d-surface-elev);border-color:var(--d-border)}.soft-card:hover{transform:translateY(-1px);box-shadow:0 12px 36px #00000014}[data-theme=dark] .soft-card:hover{box-shadow:0 12px 32px #00000073}.soft-card__title{font:600 .95rem/1.2 var(--d-font);color:var(--d-text);letter-spacing:-.01em;margin:0 0 16px}.soft-rows{flex-direction:column;gap:10px;display:flex}.soft-row{min-height:40px;font:600 .82rem/1 var(--d-font);color:var(--d-text);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:0 2px 0 12px;display:flex;overflow:hidden}.soft-row--blue{background:var(--d-pastel-blue)}.soft-row--purple{background:var(--d-pastel-purple)}.soft-row--rose{background:var(--d-pastel-rose)}.soft-row--yellow{background:var(--d-pastel-yellow)}.soft-row__num{color:var(--d-text);text-align:right;min-width:2.2rem;padding:10px 12px}.soft-donut{text-align:center}.soft-donut__score{font:700 1.75rem/1.1 var(--d-font);color:var(--d-text);letter-spacing:-.03em;margin:0 0 4px}.soft-donut__sub{font:500 .8rem/1.3 var(--d-font);color:var(--d-text-muted);margin:0 0 4px}.soft-donut__caption{font:600 .8rem/1.3 var(--d-font);color:var(--d-rose-text);margin:0 0 12px}.soft-donut__chart{max-width:200px;height:160px;margin:0 auto}.soft-table-wrap{border-collapse:collapse;width:100%;font:.8rem/1.35 var(--d-font);color:var(--d-text)}.soft-table-wrap th,.soft-table-wrap td{text-align:left;border-bottom:1px solid var(--d-border);vertical-align:top;padding:8px 10px}.soft-table-wrap th{font:600 .7rem/1.2 var(--d-font);text-transform:uppercase;letter-spacing:.04em;color:var(--d-text-muted);border-color:var(--d-border)}.soft-table-wrap tbody tr:hover td{background:var(--d-surface);border-radius:4px}.soft-ac{font-variant-numeric:tabular-nums;color:var(--d-rose-text)!important;font:600 .8rem/1.2 var(--d-font)!important}.soft-metric-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}@media (width<=1200px){.soft-metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.soft-metric-row{grid-template-columns:1fr}}.soft-metric{border-radius:var(--d-radius-card);box-shadow:var(--d-shadow);border:1px solid color-mix(in srgb, var(--d-border) 60%, #fff 40%);background:#fff;flex-direction:column;min-height:150px;padding:16px 16px 14px;transition:transform .2s,box-shadow .25s;display:flex;position:relative;overflow:hidden}[data-theme=dark] .soft-metric{background:var(--d-surface-elev);border-color:var(--d-border)}.soft-metric:before{content:"";opacity:.5;background:linear-gradient(90deg,#c4b5fd,#c4b2f0,#93c5fd,#6ee7b7);border-radius:8px 8px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.soft-metric--invert{color:#fff;background:#1a1a1a;border-color:#1a1a1a}[data-theme=dark] .soft-metric--invert{color:#0f0e12;background:#edeaf5;border-color:#edeaf5}[data-theme=dark] .soft-metric--invert:before{opacity:.2;background:#2a2a2a}.soft-metric--invert{--d-text:#f9f9f9;--d-text-muted:#b0b0b0;--d-text-soft:#b8b8b8;color:#f9f9f9}[data-theme=dark] .soft-metric--invert{color:#0f0e12;--d-text:#0f0e12;--d-text-muted:#4a4558;--d-text-soft:#5c566b}.soft-metric--invert p,.soft-metric--invert h3,.soft-metric--invert .soft-metric__range{color:inherit}[data-theme=light] .soft-metric--invert p{color:#e5e5e5}[data-theme=light] .soft-metric--invert h3,[data-theme=light] .soft-metric--invert .soft-metric__trend--up,[data-theme=light] .soft-metric--invert .soft-metric__trend--down{color:#fff}[data-theme=dark] .soft-metric--invert .soft-metric__trend--up,[data-theme=dark] .soft-metric--invert .soft-metric__trend--down{color:#0f0e12}[data-theme=dark] .soft-metric--invert .soft-metric__range,[data-theme=dark] .soft-metric--invert p{color:#3d3a4a}.soft-metric:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001a}[data-theme=dark] .soft-metric:hover{box-shadow:0 10px 28px #0006}.soft-metric p{font:500 .7rem/1.2 var(--d-font);text-transform:uppercase;letter-spacing:.04em;color:var(--d-text-muted);flex-shrink:0;margin:0 0 4px}.soft-metric__range{font:500 .7rem/1.3 var(--d-font);color:var(--d-text-soft);flex:none;margin:0 0 10px}.soft-metric h3{font:700 1.65rem/1.1 var(--d-font);letter-spacing:-.03em;color:var(--d-text);flex:none;margin:auto 0 10px}.soft-metric__trend{width:max-content;max-width:100%;font:600 .7rem/1.2 var(--d-font);border-radius:999px;align-self:flex-end;margin-top:auto;padding:4px 10px;display:inline-flex;position:static}.soft-metric__trend--up{background:var(--d-mint);color:var(--d-up)!important}.soft-metric__trend--down{background:#ffe0eb;color:var(--d-down)!important}[data-theme=dark] .soft-metric__trend--down{background:#3a2530}.soft-chart-card{border-radius:var(--d-radius-card);box-shadow:var(--d-shadow);border:1px solid var(--d-border);background:#fff;padding:18px 20px 12px}[data-theme=dark] .soft-chart-card{background:var(--d-surface-elev)}.soft-chart-card h4{font:600 1.05rem/1.2 var(--d-font);color:var(--d-text);letter-spacing:-.02em;margin:0 0 2px}.soft-chart-card p.caption{font:.8rem/1.4 var(--d-font);color:var(--d-text-muted);margin:0 0 14px}.soft-legend{font:600 .7rem/1.2 var(--d-font);flex-wrap:wrap;gap:10px 16px;margin:0 0 4px;display:flex}.soft-legend span{color:var(--d-text-muted);align-items:center;gap:6px;display:inline-flex}.dot{border-radius:2px;width:8px;height:8px}.soft-lower{grid-template-columns:1.1fr .9fr;align-items:start;gap:16px;display:grid}@media (width<=1000px){.soft-lower{grid-template-columns:1fr}}.db-body .recharts-surface,.db-body .recharts-responsive-container{overflow:visible;width:100%!important;max-width:100%!important}:is(.db-body .recharts-surface,.db-body .recharts-responsive-container) div{width:100%!important}.db-body .panel{--surface:#fff;background:#fff;border-radius:var(--d-radius-card)!important;box-shadow:var(--d-shadow)!important;border:1px solid var(--d-border)!important;color:var(--d-text)!important;font-family:var(--d-font)!important;--line:var(--d-border)!important;--text:var(--d-text)!important;--muted:var(--d-text-muted)!important;padding:1.4rem 1.5rem!important}[data-theme=dark] .db-body .panel{--surface:var(--d-surface-elev)!important;background:var(--d-surface-elev)!important;color:var(--d-text)!important}.db-body .btn.btn-primary{border-radius:var(--d-radius-pill);min-height:2.5rem;box-shadow:var(--d-shadow);cursor:pointer;background:#1a1a1a;border:none;transition:transform .15s,box-shadow .2s,filter .2s;color:#fff!important;font:600 .9rem/1.2 var(--d-font)!important;padding:.6rem 1.25rem!important}.db-body .btn.btn-primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 24px #0000001f}[data-theme=dark] .db-body .btn.btn-primary{background:#edeaf5;color:#0f0e12!important}.db-body .browse-page{gap:1rem;max-width:100%}.db-body .browse-hero,.db-body .now-playing,.db-body .panel,.db-body .browse-main{border-radius:var(--d-radius-card)!important;box-shadow:var(--d-shadow)!important;border:1px solid var(--d-border)!important}.db-body .browse-hero,.db-body .player-bar{color:#fff;background:linear-gradient(120deg,#1e1b4b 0%,#5b21b6 50%,#be185d 100%)!important;border:0!important}[data-theme=dark] .db-body .browse-hero,[data-theme=dark] .db-body .player-bar{background:linear-gradient(120deg,#312e5c,#4c1d6b)!important}@media (width<=900px){.db-surface{border-radius:0;flex-direction:column;flex:auto;min-height:0}.db-rail{border-right:none;border-bottom:1px solid var(--d-border);flex-direction:row;flex-shrink:0;justify-content:center;width:100%;max-height:none;padding:12px 8px}.db-rail__logo{margin:0 6px 0 0}.db-topbar{padding-top:12px}.db-search{order:10;width:100%;max-width:none;margin:8px 0 0}.db-topbar__actions{margin-left:0}}@media (width<=500px){.db-rail{flex-wrap:wrap;justify-content:flex-start}}@media (width<=640px){.db-app{--db-mobile-bottom-offset:calc(3.9rem + env(safe-area-inset-bottom,0px))}.db-surface{flex-direction:column-reverse}.db-rail{z-index:25;width:100%;max-height:none;padding:.35rem max(.35rem, env(safe-area-inset-left,0px)) max(.4rem, env(safe-area-inset-bottom,0px)) max(.35rem, env(safe-area-inset-right,0px));border-top:1px solid var(--d-border);background:var(--d-surface-elev);border-bottom:none;flex-flow:row;justify-content:flex-start;align-items:center;gap:.25rem;margin:0;position:relative;box-shadow:0 -1px #0000000f}.db-rail__logo{flex:none;align-self:center;width:32px;height:32px;margin:0 .1rem 0 .05rem}.db-rail__nav{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;flex-flow:row;flex:auto;justify-content:flex-start;align-items:stretch;gap:.1rem;width:auto;min-width:0;min-height:0;max-height:none;margin:0;padding:0;display:flex;overflow:auto hidden}.db-rail__nav::-webkit-scrollbar{display:none}.db-rail__item{scroll-snap-align:start;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.1rem;width:auto;min-width:2.9rem;height:auto;min-height:2.8rem;max-height:none;padding:.2rem .28rem .28rem;display:flex}.db-rail__item--settings{margin-top:0;margin-left:auto;padding-right:.15rem}.db-rail__item-label{clip:auto;white-space:normal;width:auto;height:auto;font:600 .55rem/1.15 var(--d-font);text-align:center;color:var(--d-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:4.5rem;max-height:2.4em;margin:0;padding:0;display:-webkit-box;position:static;overflow:hidden}.db-rail__item.active .db-rail__item-label,.db-rail__item[aria-current=page] .db-rail__item-label{color:var(--d-text)}[data-theme=dark] .db-rail__item.active .db-rail__item-label,[data-theme=dark] .db-rail__item[aria-current=page] .db-rail__item-label{color:#0f0e12}.db-topbar{padding-top:max(.55rem, env(safe-area-inset-top,0px));padding-left:max(.5rem, env(safe-area-inset-left,0px));padding-right:max(.5rem, env(safe-area-inset-right,0px))}.db-topbar__title{font-size:1.05rem}.db-subrow{padding:.4rem max(.5rem, env(safe-area-inset-left,0px)) .4rem max(.5rem, env(safe-area-inset-right,0px));flex-wrap:nowrap;align-items:center;gap:.5rem .75rem;min-width:0}.db-subtabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex:auto;min-width:0;margin:0 -.1rem;padding-bottom:.1rem;padding-left:.1rem;padding-right:.1rem;overflow:auto hidden}.db-subtabs::-webkit-scrollbar{display:none}.db-subtab{white-space:nowrap;flex:none}.db-body .songs-list-tab,.db-body .page-content--users,.db-body .page-content--songs{min-width:0}.songs-now-playing-dock{left:0;right:0;bottom:var(--db-mobile-bottom-offset,0px)}.songs-list-tab--has-dock{padding-bottom:max(1rem, calc(11rem + var(--db-mobile-bottom-offset,0px)))!important}}@media (width<=480px){.db-topbar__action--collapse-sm{display:none}.db-topbar{row-gap:.4rem}}.page-content--users{width:100%;max-width:none;margin:0}.page-content--email-templates{max-width:1200px;margin:0 auto}.page-content--songs{box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding:0 4px 1.25rem}.page-content--songs.page-content--music-edit{width:100%;max-width:none;margin-inline:0}.db-body .page-content--songs>a.music-page-back-link.user-edit-back{margin:0 0 6px;padding:.2rem .45rem .2rem .15rem}.db-body>main.page-content,.db-body>main.browse-page{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}.db-body .page-content--songs .songs-directory-panel{padding:0 0 4px}.page-content--music-edit .music-edit-description,.music-upload-page .music-edit-description{resize:vertical;width:100%;min-height:4.5rem;font:inherit;border-radius:var(--d-radius-sm,10px);border:1px solid var(--d-border,#ece8f0);background:var(--d-surface,#fff);color:var(--d-text);box-sizing:border-box;padding:.5rem .65rem;line-height:1.4}[data-theme=dark] .page-content--music-edit .music-edit-description,[data-theme=dark] .music-upload-page .music-edit-description{background:var(--d-surface-elev,#1c1a24);border-color:var(--d-border,#2a2735)}.song-tags-field{flex-direction:column;gap:.5rem;width:100%;display:flex}.song-tags-field__chips{flex-wrap:wrap;gap:.35rem;min-height:1.75rem;display:flex}.song-tags-field__chip{background:var(--chip-bg);color:var(--chip-text);border-radius:999px;align-items:center;gap:.2rem;padding:.2rem .35rem .2rem .55rem;font-size:.8125rem;line-height:1.3;display:inline-flex}.song-tags-field__chip-remove{color:inherit;opacity:.75;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:.1rem;display:inline-flex}.song-tags-field__chip-remove:hover:not(:disabled){opacity:1;background:color-mix(in srgb, currentColor 12%, transparent)}.song-tags-field__chip-remove:disabled{cursor:not-allowed;opacity:.4}.song-tags-field__input{box-sizing:border-box;width:100%;font:inherit;border-radius:var(--d-radius-sm,10px);border:1px solid var(--d-border,#ece8f0);background:var(--d-surface,#fff);color:var(--d-text);padding:.45rem .65rem}[data-theme=dark] .song-tags-field__input{background:var(--d-surface-elev,#1c1a24);border-color:var(--d-border,#2a2735)}.song-tags-field__hint,.song-tags-field__limit{margin:0}.song-tags-field__limit{color:var(--d-danger,#b42318)}.music-edit-cover-section{grid-template-columns:auto minmax(14rem,1fr);place-items:start;gap:1rem 1.5rem;margin:0 0 1.25rem;display:grid}@media (width<=720px){.music-edit-cover-section{grid-template-columns:1fr;justify-items:stretch}.music-edit-cover-drop{margin:0 auto}}.music-edit-cover-drop{--music-edit-accent:#6366f1;border:1px dashed color-mix(in srgb, var(--d-border,#cfcfd6) 80%, var(--music-edit-accent) 20%);background:color-mix(in srgb, var(--d-surface-elev,#f4f4f7) 94%, var(--music-edit-accent) 6%);width:fit-content;max-width:100%;box-shadow:0 0 0 2px color-mix(in srgb, var(--music-edit-accent) 22%, transparent);border-radius:12px;flex-direction:column;min-width:0;transition:border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.music-edit-cover-drop--over{border-color:color-mix(in srgb, var(--music-edit-accent) 50%, var(--d-border,#cfcfd6));background:color-mix(in srgb, var(--d-surface-elev,#f4f4f7) 88%, var(--music-edit-accent) 12%);box-shadow:0 0 0 2px color-mix(in srgb, var(--music-edit-accent) 34%, transparent), 0 4px 16px color-mix(in srgb, var(--music-edit-accent) 10%, transparent)}.music-edit-cover-drop--busy{pointer-events:none;opacity:.92}.music-edit-cover-drop__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.music-edit-cover-drop__preview{background:var(--d-surface,#fff);border:1px solid var(--d-border,#e8e6ed);cursor:pointer;border-radius:10px;outline:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:112px;height:112px;margin:.5rem .5rem 0;transition:box-shadow .15s;display:flex;position:relative;overflow:hidden}.music-edit-cover-drop__preview:hover:not(:focus-visible){box-shadow:0 2px 12px color-mix(in srgb, var(--d-text,#1a1a1a) 6%, transparent)}.music-edit-cover-drop__preview:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--music-edit-accent) 45%, transparent)}.music-edit-cover-drop__preview img{object-fit:cover;width:100%;height:100%;display:block}.music-edit-cover-drop__placeholder-icon{color:var(--d-text-muted,#71717a);opacity:.85}.music-edit-cover-drop__busy{font:600 .72rem/1.25 var(--d-font);color:var(--d-text-muted,#71717a);text-align:center;padding:0 .35rem}.music-edit-cover-drop__footer{text-align:center;box-sizing:border-box;max-width:200px;margin:0 auto;padding:.35rem .55rem .55rem}.music-edit-cover-drop__lead{color:var(--d-text,#1a1a1a);margin:0;font-size:.75rem;line-height:1.35}.music-edit-cover-drop__sep{color:var(--d-text-muted,#71717a);font-weight:400}.music-edit-cover-drop__browse{font:inherit;color:var(--d-accent,#6366f1);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin:0;padding:0;font-weight:600;text-decoration:underline;display:inline}.music-edit-cover-drop__browse:hover:not(:disabled){color:color-mix(in srgb, var(--d-accent,#6366f1) 85%, var(--d-text,#1a1a1a))}.music-edit-cover-drop__browse:disabled{opacity:.55;cursor:not-allowed}.music-edit-cover-drop__hint{color:var(--d-text-muted,#71717a);margin:.25rem 0 0;font-size:.68rem;line-height:1.3}[data-theme=dark] .music-edit-cover-drop{background:color-mix(in srgb, var(--d-surface-elev,#1c1a24) 94%, var(--music-edit-accent) 6%)}[data-theme=dark] .music-edit-cover-drop__preview{border-color:var(--d-border,#2a2735);background:#00000040}.music-edit-cover-meta{border:1px solid var(--d-border,#ece8f0);background:var(--d-surface,#fff);box-sizing:border-box;border-radius:12px;place-self:start stretch;gap:.55rem;width:100%;max-width:min(26rem,100%);margin:0;padding:.65rem .85rem;font-size:.82rem;display:grid}.music-edit-cover-meta>div{grid-template-columns:minmax(7.25rem,max-content) minmax(0,1fr);align-items:start;column-gap:.75rem;display:grid}[data-theme=dark] .music-edit-cover-meta{background:var(--d-surface-elev,#1c1a24);border-color:var(--d-border,#2a2735)}.music-edit-cover-meta dt.caption{letter-spacing:.03em;text-transform:uppercase;color:var(--d-text-muted,#71717a);margin:0;padding-top:.12rem;font-size:.68rem;font-weight:600;line-height:1.25}.music-edit-cover-meta dd{word-break:break-word;min-width:0;margin:0;line-height:1.35}.music-edit-meta__mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem}.music-edit-meta__path{font-size:.78rem;line-height:1.35}.page-content--music-edit .music-edit-track-preview{border-radius:var(--d-radius-sm,10px);border:1px solid var(--d-border,#ece8f0);background:var(--d-surface-elev,#f4f4f7);margin:0 0 .85rem;padding:.65rem .85rem .75rem}[data-theme=dark] .page-content--music-edit .music-edit-track-preview{background:var(--d-surface-elev,#1c1a24);border-color:var(--d-border,#2a2735)}.page-content--music-edit .music-edit-track-preview__head{letter-spacing:.04em;text-transform:uppercase;color:var(--d-text-muted,#52525b);align-items:center;gap:.35rem;margin-bottom:.45rem;font-size:.82rem;font-weight:700;display:inline-flex}.page-content--music-edit .music-edit-track-preview__status{margin:0}.page-content--music-edit .music-edit-track-preview__audio{width:100%;max-width:min(100%,36rem);height:2.25rem;margin:0;display:block}.music-edit-cover-error{margin:-.35rem 0 1rem}.music-edit-disabled-badge{letter-spacing:.02em;text-transform:uppercase;vertical-align:middle;background:color-mix(in srgb, var(--d-text-muted,#71717a) 18%, var(--d-surface-elev,#f4f4f7));color:var(--d-text-muted,#52525b);border-radius:6px;padding:.12rem .45rem;font-size:.72rem;font-weight:600;display:inline-block}[data-theme=dark] .music-edit-disabled-badge{background:color-mix(in srgb, var(--d-text,#e8e6f0) 12%, var(--d-surface-elev,#1c1a24));color:var(--d-text-muted,#a1a1aa)}.page-content--music-edit .field--checkbox>span:first-child{font:inherit;color:var(--text,var(--d-text,#1a1a1a));align-items:flex-start;gap:.55rem;display:flex}.page-content--music-edit .field--checkbox input[type=checkbox]{flex-shrink:0;width:auto;margin:.2rem 0 0}.page-content--music-edit .form-row-actions--split{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;display:flex}.page-content--music-edit .form-row-actions__primary{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.music-edit-delete-btn{background:color-mix(in srgb, #e11d48 12%, var(--d-surface,#fff));color:#b91c1c;border:1px solid color-mix(in srgb, #e11d48 35%, var(--d-border,#cfcfd6))}.music-edit-delete-btn:hover:not(:disabled){background:color-mix(in srgb, #e11d48 18%, var(--d-surface,#fff))}.music-edit-delete-btn:disabled{opacity:.65;cursor:not-allowed}[data-theme=dark] .music-edit-delete-btn{background:color-mix(in srgb, #fb7185 14%, var(--d-surface-elev,#1c1a24));color:#fda4af;border-color:color-mix(in srgb, #fb7185 40%, var(--d-border,#2a2735))}[data-theme=dark] .music-edit-delete-btn:hover:not(:disabled){background:color-mix(in srgb, #fb7185 22%, var(--d-surface-elev,#1c1a24))}.song-accent-field{flex-direction:column;gap:.5rem;max-width:22rem;margin-top:.1rem;display:flex}.song-accent-field__chips{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.song-accent-field__swatch{border:2px solid color-mix(in srgb, var(--d-surface) 40%, var(--d-border,#d4d0dc));cursor:pointer;box-sizing:border-box;border-radius:50%;width:1.5rem;height:1.5rem;padding:0;transition:transform .12s,box-shadow .12s}.song-accent-field__swatch:hover{transform:scale(1.1)}.song-accent-field__swatch--active{box-shadow:0 0 0 2px var(--d-surface,#fff), 0 0 0 3px var(--d-text,#1a1a1a)}[data-theme=dark] .song-accent-field__swatch--active{box-shadow:0 0 0 2px var(--d-surface-elev,#1a1822), 0 0 0 3px var(--d-text,#e8e6f0)}.song-accent-field__swatch--custom{background:conic-gradient(#f43f5e,#f59e0b,#10b981,#06b6d4,#6366f1,#8b5cf6,#f43f5e);position:relative}.song-accent-field__custom-ico{width:.5rem;height:.5rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--d-text) 25%, transparent);background:#fff;border-radius:2px;margin:auto;position:absolute;inset:0}.song-accent-field__custom{flex-wrap:wrap;align-items:flex-end;gap:.65rem .9rem;display:flex}.song-accent-field__custom .caption{margin-bottom:.2rem;font-size:.7rem;display:block}.song-accent-field__custom-pick input[type=color]{border:1px solid var(--d-border,#ece8f0);cursor:pointer;background:var(--d-surface,#fff);border-radius:8px;width:2.4rem;height:1.75rem;padding:0}.song-accent-field__custom-hex{flex:1;min-width:7.5rem}.song-accent-field__hex-input{width:100%;max-width:8rem;font-family:ui-monospace,monospace;font-size:.8rem}.song-accent-cell{width:18px;height:18px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--d-border) 80%, transparent);border-radius:6px}.page-content--songs>.panel.music-upload-page{margin-bottom:50px}.music-upload-page__files{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.85rem;display:grid}.music-upload-route{box-sizing:border-box;flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.music-upload-route>.page-content.page-content--songs{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;width:100%;max-width:none;min-height:0;margin-inline:0;overflow:hidden auto}.upload-drop{border:1.5px dashed color-mix(in srgb, var(--d-text) 22%, var(--d-border,#d4d0dc));background:color-mix(in srgb, var(--d-text) 2.5%, var(--d-surface,#fff));border-radius:12px;min-height:8.5rem;transition:border-color .16s,background .16s,box-shadow .16s;position:relative}.upload-drop--over{border-color:color-mix(in srgb, var(--d-accent,#6366f1) 55%, var(--d-border));background:color-mix(in srgb, var(--d-accent,#6366f1) 6%, var(--d-surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--d-accent,#6366f1) 12%, transparent)}.upload-drop--has-file{border-style:solid;border-width:1.5px;border-color:var(--d-border,#d4d0dc);background:color-mix(in srgb, var(--d-text) 3.5%, var(--d-surface))}.upload-drop--disabled{opacity:.55;pointer-events:none}.upload-drop__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.upload-drop__inner{z-index:0;box-sizing:border-box;flex-direction:row;align-items:center;gap:.75rem;min-height:7.5rem;padding:.85rem .9rem;display:flex;position:relative}.upload-drop__image-preview{background:var(--d-surface-elev,#e8e9f0);width:4.25rem;height:4.25rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--d-border) 60%, transparent);border-radius:10px;flex:none;overflow:hidden}.upload-drop__image-preview img{object-fit:cover;width:100%;height:100%;display:block}.upload-drop__icon{color:color-mix(in srgb, var(--d-accent) 75%, var(--d-text-muted));opacity:.9;flex:none}.upload-drop__text{z-index:1;flex:auto;min-width:0;position:relative}.upload-drop__title{font:600 .88rem/1.2 var(--d-font,system-ui, sans-serif);color:var(--d-text,#1a1a1a);flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin:0 0 .2rem;display:flex}.upload-drop__badge{font:500 .6rem/1.2 var(--d-font,system-ui, sans-serif);text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, var(--d-danger,#c45c5c) 12%, var(--d-surface));color:var(--d-danger,#a32f2f);border-radius:4px;padding:.16rem .35rem}.upload-drop__badge--muted{background:color-mix(in srgb, var(--d-text) 6%, var(--d-surface));color:var(--d-text-muted,#6b6b6f)}[data-theme=dark] .upload-drop__badge--muted{color:var(--d-text-muted)}.upload-drop__sub{font:.78rem/1.4 var(--d-font,system-ui, sans-serif);color:var(--d-text-muted,#6b6b6f);margin:0}.upload-drop__filename{word-break:break-all;color:var(--d-text,#1a1a1a);font-weight:500;display:block}.upload-drop__size{color:var(--d-text-muted)}.upload-drop__replace{font:600 .75rem/1.2 var(--d-font,system-ui, sans-serif);color:var(--d-accent,#6366f1);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin-top:.35rem;padding:0;text-decoration:underline;display:block}.upload-drop__link{font:inherit;color:var(--d-accent,#6366f1);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.upload-drop__hint{font:.7rem/1.35 var(--d-font,system-ui, sans-serif);color:var(--d-text-muted,#6b6b6f);margin:.35rem 0 0}.upload-drop__clear{z-index:2;background:color-mix(in srgb, var(--d-text) 5%, var(--d-surface));width:1.9rem;height:1.9rem;color:var(--d-text-muted,#6b6b6f);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:flex;position:absolute;top:.4rem;right:.4rem}.upload-drop__clear:hover{background:color-mix(in srgb, var(--d-text) 10%, var(--d-surface));color:var(--d-text,#1a1a1a)}.upload-drop__zone-hit{z-index:0;cursor:pointer;background:0 0;border:0;border-radius:12px;margin:0;padding:0;position:absolute;inset:0}.music-upload-preview-dock{box-sizing:border-box;width:100%;padding:.65rem max(1.25rem, env(safe-area-inset-right,0px)) max(.5rem, env(safe-area-inset-bottom,0px)) max(1.25rem, env(safe-area-inset-left,0px));border:none;border-top:1px solid var(--d-border,#ece8f0);background:var(--d-surface-elev,#f0f1f4);border-radius:0;flex-direction:column;flex-shrink:0;align-items:stretch;gap:.65rem;margin:0;display:flex;position:relative;box-shadow:0 -4px 20px #00000012}[data-theme=dark] .music-upload-preview-dock{background:var(--d-surface-elev,#1c1a24);border-top-color:var(--d-border,#2a2735);box-shadow:0 -4px 24px #0000004d}.music-upload-preview-dock__top{flex-wrap:wrap;align-items:flex-start;gap:.75rem 1rem;width:100%;min-width:0;display:flex}.music-upload-preview-dock__art{background:color-mix(in srgb, var(--d-text) 4%, var(--d-surface));width:48px;height:48px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--d-border) 70%, transparent);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.music-upload-preview-dock__art img{object-fit:cover;width:100%;height:100%}.music-upload-preview-dock__art-fallback{color:var(--d-text-muted,#6b6b6f)}.music-upload-preview-dock__sheet{flex:1 1 0;min-width:min(100%,12rem)}.music-upload-preview-dock__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.4rem .75rem;margin-bottom:.45rem;display:flex}.music-upload-preview-dock__head-title{min-width:0;font:700 .95rem/1.25 var(--d-font,system-ui, sans-serif);color:var(--d-text,#1a1a1a);word-break:break-word;flex:8rem;margin:0}.music-upload-preview-dock__facts{grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:.45rem 1rem;margin:0;display:grid}.music-upload-preview-dock__fact{grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:baseline;gap:0 .5rem;min-width:0;display:grid}.music-upload-preview-dock__fact dt{font:600 .62rem/1.25 var(--d-font,system-ui, sans-serif);text-transform:uppercase;letter-spacing:.05em;color:var(--d-text-muted,#6b6b6f);white-space:nowrap;margin:0}.music-upload-preview-dock__fact dd{font:500 .8rem/1.35 var(--d-font,system-ui, sans-serif);color:var(--d-text,#1a1a1a);word-break:break-word;overflow-wrap:anywhere;margin:0}.music-upload-preview-dock__fact--file{grid-column:1/-1;grid-template-columns:minmax(0,auto) minmax(0,1fr)}.music-upload-preview-dock__source{font:600 .58rem/1.2 var(--d-font,system-ui, sans-serif);text-transform:uppercase;letter-spacing:.04em;color:var(--d-accent,#6366f1);background:color-mix(in srgb, var(--d-accent) 12%, transparent);white-space:nowrap;border-radius:4px;flex:none;padding:.16rem .4rem}.music-upload-preview-dock__source--cloud{color:color-mix(in srgb, #10b981 90%, var(--d-text));background:color-mix(in srgb, #10b981 12%, var(--d-surface))}.music-upload-preview-dock__audio{box-sizing:border-box;flex:none;align-self:stretch;width:100%;min-width:0;max-width:100%;height:42px;margin:0;padding:0;display:block}.db-body .page-content--users .users-directory-panel{width:100%;max-width:none;padding:0 0 4px}.db-body .page-content--email-templates .users-directory-panel{padding:0 0 4px}.page-content--app-config{max-width:1200px;margin:0 auto;padding:0 4px 1.25rem}.db-body .page-content--app-config .users-directory-panel{padding:0 0 4px}.page-content--app-config .page-content--users-template .email-templates,.page-content--app-config .email-templates{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;gap:1rem 1.25rem;max-width:1200px;margin:0 auto;padding:0 0 .5rem;display:grid}.page-content--email-templates-list{max-width:1200px;margin:0 auto}:is(.db-body .page-content--app-config:has(.page-content--email-templates-list),.db-body .page-content--app-config:has(.page-content--email-template-edit)){width:100%;max-width:none}.db-body .page-content--app-config .page-content--email-templates-list.page-content--users,.db-body .page-content--app-config .page-content--user-edit.page-content--email-template-edit{box-sizing:border-box;width:100%;max-width:none;margin-left:0;margin-right:0}.db-body .page-content--app-config .page-content--user-edit.page-content--email-template-edit{padding-bottom:1.75rem}.email-templates-page__header-tools{flex-wrap:wrap;flex:300px;justify-content:flex-end;align-items:center;gap:10px 14px;min-width:0;margin-left:auto;display:flex}.email-templates-list__head-actions{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.email-templates-table__name-btn{max-width:100%;font:inherit;color:var(--d-rail-active);text-align:start;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;display:inline}.email-templates-table__name-btn:hover{color:var(--d-text)}.email-templates-table__subject{text-overflow:ellipsis;white-space:nowrap;max-width:280px;color:var(--d-text-soft);display:block;overflow:hidden}.email-templates-table__id{color:var(--d-text-muted);background:color-mix(in srgb, var(--d-text) 3.5%, var(--d-surface));border:1px solid var(--d-border);word-break:break-all;border-radius:6px;padding:2px 6px;font:.8rem/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.db-body .page-content--app-config .page-content--user-edit{max-width:100%;padding:0}.db-body .page-content--app-config .page-content--user-edit .user-edit-bento{max-width:100%}.email-template-edit__top{margin-bottom:.35rem}.email-template-edit__bento{margin-top:.35rem}.email-template-edit__hero-row{align-items:flex-start}.email-template-edit__hero-icon{background:color-mix(in srgb, var(--d-text) 4%, var(--d-surface-elev));border:1px solid color-mix(in srgb, var(--d-border) 80%, var(--d-surface-elev));width:2.75rem;height:2.75rem;color:var(--d-accent,#8b8cf0);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-top:.1rem;display:flex}.email-template-edit__eyebrow{font:600 .68rem/1.2 var(--d-font);text-transform:uppercase;letter-spacing:.1em;color:var(--d-text-muted);margin:0 0 .2rem}.email-template-edit__id-line{margin-top:.45rem!important}.email-template-edit__id-line--muted{font-style:italic;color:var(--d-text-soft)!important}.db-body .page-content--email-template-edit .email-template-edit__form.user-edit-staff-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:0 1.1rem;padding-top:.15rem;display:grid}.db-body .page-content--email-template-edit .email-template-edit__form .panel-head,.db-body .page-content--email-template-edit .email-template-edit__form .user-edit-staff-form__error,.db-body .page-content--email-template-edit .email-template-edit__form .email-template-edit__field--html,.db-body .page-content--email-template-edit .email-template-edit__form .email-template-edit__actions{grid-column:1/-1}.db-body .page-content--email-template-edit .email-template-edit__form .user-edit-staff-form__error{margin-top:.25rem}.db-body .page-content--email-template-edit .email-template-edit__html{resize:vertical;max-width:100%;min-height:min(22rem,50vh);font:.8rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.db-body .page-content--email-template-edit .email-template-edit__actions{border-top:1px solid color-mix(in srgb, var(--d-border) 80%, var(--d-surface-elev));margin-top:.65rem;padding-top:.9rem}@media (width<=700px){.db-body .page-content--email-template-edit .email-template-edit__form.user-edit-staff-form{grid-template-columns:1fr}}.email-template-edit__delete{color:var(--danger,#e56b6b)!important}@media (width<=900px){.page-content--app-config .page-content--users-template .email-templates,.page-content--app-config .email-templates{grid-template-columns:1fr}}.page-content--create-user{max-width:640px;margin:0 auto}.db-body .page-content--create-user .create-user-panel{padding:0 0 4px}.create-user-top{margin-bottom:.5rem}.create-user-title{font:600 1.2rem/1.25 var(--d-font);color:var(--d-text);letter-spacing:-.02em;margin:0 0 4px}.create-user-panel-head span{font:.8rem/1.45 var(--d-font);color:var(--d-text-muted);margin-top:4px;display:block}.create-user-lead{font:.88rem/1.5 var(--d-font);color:var(--d-text-soft);max-width:40em;margin:0 0 .5rem}.create-user-form__section{border-top:1px solid var(--d-border);margin-top:.2rem;padding-top:1.1rem}.create-user-form__section:first-of-type{border-top:0;margin-top:.35rem;padding-top:0}.create-user-form__section-head h3{font:600 .68rem/1.2 var(--d-font);text-transform:uppercase;letter-spacing:.08em;color:var(--d-text-muted);margin:0 0 .2rem}.create-user-form__section-head p{font:.8rem/1.4 var(--d-font);color:var(--d-text-soft);margin:0 0 .5rem}.create-user-form__field-full{grid-column:1/-1}.create-user-field-hint{font:.75rem/1.4 var(--d-font);color:var(--d-text-soft);margin-top:6px;display:block}.create-user-form__actions{border-top:1px solid var(--d-border);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.75rem;margin-top:.35rem;padding-top:1.1rem;display:flex}.create-user-form__actions .btn-primary{min-width:8.5rem}a.create-user-form__cancel,.create-user-form__cancel{border:1px solid var(--d-border);background:color-mix(in srgb, var(--d-surface) 100%, var(--d-text) 0%);color:var(--d-text);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.create-user-form__cancel:hover,.create-user-form__cancel:hover{background:color-mix(in srgb, var(--d-text) 5%, var(--d-surface));border-color:color-mix(in srgb, var(--d-text) 15%, var(--d-border))}.create-user-alert{margin-top:14px}a.create-user-denied-link,.create-user-denied-link{color:var(--d-text);text-underline-offset:2px;font-weight:500;text-decoration:underline}a.create-user-denied-link:hover,.create-user-denied-link:hover{color:var(--d-rail-active)}.users-page-header{border-bottom:1px solid var(--d-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 20px;margin-bottom:4px;padding-bottom:20px;display:flex}.users-page-title{font:600 1.35rem/1.2 var(--d-font);color:var(--d-text);letter-spacing:-.02em;margin:0}.users-page-search{flex-wrap:wrap;flex:220px;align-items:center;gap:10px;max-width:min(100%,360px);margin-left:auto;display:flex}.users-page-search__input{min-width:0;font:.9rem/1.3 var(--d-font);color:var(--d-text);background:var(--d-surface);border:1px solid var(--d-border);border-radius:10px;outline:none;flex:180px;padding:10px 14px;transition:border-color .15s,box-shadow .15s}[data-theme=dark] .users-page-search__input{background:#ffffff0a}.users-page-search__input::placeholder{color:var(--d-text-muted)}.users-page-search__input:focus{border-color:color-mix(in srgb, var(--d-accent,#6366f1) 50%, var(--d-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--d-accent,#6366f1) 18%, transparent)}.users-page-search__clear{font:500 .8rem/1.2 var(--d-font);color:var(--d-text-muted);border:1px solid var(--d-border);cursor:pointer;background:0 0;border-radius:8px;padding:8px 12px;transition:color .15s,background .15s}.users-page-search__clear:hover{color:var(--d-text);background:color-mix(in srgb, var(--d-text) 4%, transparent)}.users-page-subline{font:.8rem/1.4 var(--d-font);color:var(--d-text-muted);margin:0 0 12px}.users-page-subline--static{text-align:right;flex:none;align-self:center;margin:0}.users-page-alert{margin-bottom:8px}.songs-page-header{align-items:flex-end}.songs-page-header__tools{flex-wrap:wrap;flex:280px;justify-content:flex-end;align-items:center;gap:10px 12px;min-width:0;margin-left:auto;display:flex}.songs-page-header__tools .users-page-search{flex:200px;margin-left:0}@keyframes playlists-tab-spin{to{transform:rotate(360deg)}}.playlists-tab__spin{animation:.7s linear infinite playlists-tab-spin}.playlists-tab--editing .users-page-header,.playlists-tab--editing .users-page-subline{border-bottom:none;padding-bottom:10px}.playlists-tab__list--recessed{opacity:.7;transition:opacity .2s}.playlists-tab__list--recessed:focus-within{opacity:.9}.playlists-tab__composer{box-sizing:border-box;border:1px solid var(--d-border);background:var(--d-surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--d-text) 3%, transparent) inset, 0 12px 32px -18px color-mix(in srgb, var(--d-text) 22%, transparent);border-radius:16px;margin:0 0 1.75rem;overflow:hidden}.playlists-tab__composer-top{background:linear-gradient(165deg, color-mix(in srgb, var(--d-accent,#6366f1) 10%, var(--d-surface)) 0%, color-mix(in srgb, var(--d-text) 2.5%, var(--d-surface)) 48%, var(--d-surface) 100%);border-bottom:1px solid var(--d-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem 1.25rem;padding:1.1rem 1.25rem 1.2rem;display:flex}.playlists-tab__composer-brand{flex:200px;align-items:flex-start;gap:14px;min-width:0;display:flex}.playlists-tab__composer-icon{width:48px;height:48px;color:color-mix(in srgb, var(--d-accent,#6366f1) 85%, var(--d-text));background:color-mix(in srgb, var(--d-accent,#6366f1) 12%, var(--d-surface));border:1px solid color-mix(in srgb, var(--d-accent,#6366f1) 20%, var(--d-border));border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.playlists-tab__composer-titles{min-width:0}.playlists-tab__composer-eyebrow{font:600 .7rem/1.2 var(--d-font);text-transform:uppercase;letter-spacing:.08em;color:var(--d-text-muted);margin:0 0 2px}.playlists-tab__composer-title{font:700 1.35rem/1.2 var(--d-font);letter-spacing:-.03em;color:var(--d-text);margin:0 0 .4rem}.playlists-tab__composer-hint{max-width:40rem;font:.9rem/1.45 var(--d-font);color:var(--d-text-muted);margin:0}.playlists-tab__composer-actions{flex-wrap:wrap;flex:none;align-items:center;gap:10px;display:flex}.playlists-tab__save-btn:disabled,.playlists-tab__btn-outline:disabled{opacity:.5;cursor:not-allowed}.playlists-tab__btn-outline{min-height:2.4rem;font:600 .9rem/1.2 var(--d-font);border:1px solid var(--d-border);background:var(--d-surface);color:var(--d-text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:.5rem 1rem;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.playlists-tab__save-btn{min-height:2.4rem;font:600 .9rem/1.2 var(--d-font);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:.5rem 1.1rem;display:inline-flex}.playlists-tab__btn-outline:hover:not(:disabled){background:color-mix(in srgb, var(--d-text) 4%, var(--d-surface));border-color:color-mix(in srgb, var(--d-text) 12%, var(--d-border))}.playlists-tab__form-card{background:color-mix(in srgb, var(--d-text) 2.5%, var(--d-surface));border-bottom:1px solid var(--d-border);padding:1.1rem 1.25rem .2rem}.playlists-tab__form-label{font:600 .75rem/1.2 var(--d-font);text-transform:uppercase;letter-spacing:.06em;color:var(--d-text-muted);margin:0 0 .6rem}.playlists-tab__form-grid{gap:.9rem 1.25rem;max-width:100%;padding-bottom:.2rem}@media (width>=600px){.playlists-tab__form-grid{align-items:start}}.playlists-tab__form-grid .field>span,.playlists-tab__form-card .field>label:first-of-type,.playlists-tab__form-grid label.field>:first-child{font:500 .8rem/1.3 var(--d-font);color:var(--d-text)}.playlists-tab__form-grid .field{flex-direction:column;gap:.4rem;display:flex}.playlists-tab__field-span{grid-column:1/-1}.playlists-tab__public-field{margin:0}.playlists-tab__public-field .playlists-tab__public-row{cursor:pointer;font:.9rem/1.45 var(--d-font);color:var(--d-text);align-items:flex-start;gap:.65rem;margin:0;display:flex}.playlists-tab__public-row input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--d-accent,#6366f1);cursor:pointer;flex-shrink:0;margin-top:.2rem}.playlists-tab__public-text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.playlists-tab__public-title{font:600 .9rem/1.3 var(--d-font);color:var(--d-text)}.playlists-tab__public-hint{font:.8rem/1.4 var(--d-font);color:var(--d-text-muted);max-width:36rem;margin:0}.playlists-tab__cover-field{min-width:0}.playlists-tab__cover-row{flex-wrap:wrap;align-items:flex-start;gap:.9rem 1.1rem;display:flex}.playlists-tab__media-drop{border:2px dashed #0000;border-radius:12px;margin:-.65rem;padding:.65rem;transition:border-color .15s,background-color .15s;position:relative}.playlists-tab__media-drop--over{border-color:color-mix(in srgb, var(--d-accent,#6366f1) 55%, var(--d-border));background:color-mix(in srgb, var(--d-accent,#6366f1) 8%, var(--d-surface))}.playlists-tab__media-drop-label{font:600 .82rem/1.3 var(--d-font);color:color-mix(in srgb, var(--d-accent,#6366f1) 80%, var(--d-text));text-align:center;flex:100%;margin:0}.playlists-tab__cover-preview{border:1px solid var(--d-border);background:color-mix(in srgb, var(--d-text) 4%, var(--d-surface));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:7.5rem;height:7.5rem;display:flex;overflow:hidden}.playlists-tab__cover-img{object-fit:cover;width:100%;height:100%;display:block}.playlists-tab__video-preview{width:12rem;height:7.5rem}.playlists-tab__video-player{object-fit:cover;background:#000;width:100%;height:100%;display:block}.playlists-tab__cover-empty{width:100%;height:100%;color:var(--d-text-muted);justify-content:center;align-items:center;display:flex}.playlists-tab__cover-empty-ico{opacity:.45}.playlists-tab__cover-actions{flex-direction:column;flex:1;align-items:flex-start;gap:.45rem;min-width:0;display:flex}.playlists-tab__cover-input{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.playlists-tab__cover-choose{cursor:pointer;align-items:center;width:auto;display:inline-flex}.playlists-tab__cover-hint,.playlists-tab__cover-notice{font:.78rem/1.35 var(--d-font);color:var(--d-text-muted);max-width:28rem;margin:0}.playlists-tab__cover-notice{color:var(--d-text)}.playlists-tab__form-grid .field input[type=text]{font:.95rem/1.35 var(--d-font);border-radius:10px;padding:.6rem .85rem}.playlists-tab__desc-input{resize:vertical;box-sizing:border-box;width:100%;max-width:100%;min-height:4.25rem;font:.95rem/1.4 var(--d-font);border:1px solid var(--d-border);background:var(--d-surface);color:var(--d-text);border-radius:10px;outline:none;padding:.6rem .85rem;transition:border-color .12s,box-shadow .12s}.playlists-tab__desc-input::placeholder{color:var(--d-text-muted)}.playlists-tab__desc-input:focus{border-color:color-mix(in srgb, var(--d-accent,#6366f1) 50%, var(--d-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--d-accent,#6366f1) 18%, transparent)}.playlists-tab__workbench{border-top:1px solid var(--d-border);grid-template-columns:1fr 1fr;gap:0;min-height:0;display:grid}@media (width<=1024px){.playlists-tab__workbench{grid-template-columns:1fr}.playlists-tab__lane--order{border-top:1px solid var(--d-border)}}.playlists-tab__lane{background:var(--d-surface);border-right:1px solid var(--d-border);flex-direction:column;min-width:0;min-height:0;padding:1rem 1.1rem 1.1rem;display:flex}@media (width>=1025px){.playlists-tab__lane--order{border-right:none}}@media (width<=1024px){.playlists-tab__lane{border-right:none}}.playlists-tab__lane-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;margin-bottom:.2rem;display:flex}.playlists-tab__lane-title{font:700 .95rem/1.2 var(--d-font);color:var(--d-text);letter-spacing:-.02em;align-items:center;gap:.4rem;margin:0;display:flex}.playlists-tab__lane-dot{background:color-mix(in srgb, var(--d-accent,#6366f1) 60%, var(--d-text));width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in srgb, var(--d-accent,#6366f1) 25%, var(--d-surface));border-radius:50%;flex:none}.playlists-tab__lane-dot--order{background:color-mix(in srgb, #22c55e 50%, var(--d-text));box-shadow:0 0 0 2px color-mix(in srgb, #22c55e 22%, var(--d-surface))}.playlists-tab__lane-badge{font:600 .7rem/1.2 var(--d-font,ui-monospace, system-ui, monospace);color:var(--d-text-muted);background:color-mix(in srgb, var(--d-text) 6%, transparent);border:1px solid var(--d-border);border-radius:6px;padding:.2rem .55rem}.playlists-tab__lane-hint{font:.78rem/1.35 var(--d-font);color:var(--d-text-muted);margin:0 0 .6rem}.playlists-tab__search{align-items:center;margin:0 0 .5rem;display:flex;position:relative}.playlists-tab__search-ico{color:var(--d-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.playlists-tab__search-input{box-sizing:border-box;width:100%;min-height:2.45rem;font:.9rem/1.3 var(--d-font);color:var(--d-text);background:color-mix(in srgb, var(--d-text) 2.5%, var(--d-surface));border:1px solid var(--d-border);border-radius:11px;outline:none;padding:.5rem .75rem .5rem 2.4rem;transition:border-color .12s,box-shadow .12s}.playlists-tab__search-input::placeholder{color:var(--d-text-muted)}.playlists-tab__search-input:focus{border-color:color-mix(in srgb, var(--d-accent,#6366f1) 50%, var(--d-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--d-accent,#6366f1) 16%, transparent)}[data-theme=dark] .playlists-tab__search-input{background:color-mix(in srgb, var(--d-text) 4%, transparent)}.playlists-tab__pick{border:1px solid var(--d-border);background:color-mix(in srgb, var(--d-text) 1.2%, var(--d-surface));scrollbar-gutter:stable;border-radius:12px;max-height:min(50vh,400px);margin:0;padding:0;list-style:none;overflow:auto}.playlists-tab__pick li{border-bottom:1px solid color-mix(in srgb, var(--d-border) 80%, var(--d-surface))}.playlists-tab__pick li:last-child{border-bottom:0}.playlists-tab__library-line{list-style:none}.playlists-tab__lib-row{text-align:left;width:100%;min-height:2.75rem;color:var(--d-text);background:0 0;align-items:stretch;transition:background .1s;display:flex}.playlists-tab__lib-row:not(.playlists-tab__lib-row--done):hover{background:color-mix(in srgb, var(--d-accent,#6366f1) 7%, var(--d-surface))}.playlists-tab__lib-row--done{opacity:.6}.playlists-tab__lib-row--done:hover{background:color-mix(in srgb, var(--d-text) 3.5%, transparent)!important}.playlists-tab__lib-play{border:0;border-right:1px solid color-mix(in srgb, var(--d-border) 80%, var(--d-surface));background:color-mix(in srgb, var(--d-text) 2%, transparent);width:2.4rem;min-height:100%;color:var(--d-accent,#6366f1);cursor:pointer;flex:none;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.playlists-tab__lib-play:hover{background:color-mix(in srgb, var(--d-accent,#6366f1) 10%, var(--d-surface));color:var(--d-text)}.playlists-tab__lib-play-ico.play-spin{animation:.7s linear infinite playlists-tab-spin}.playlists-tab__lib-body{text-align:left;min-width:0;color:var(--d-text);font:.86rem/1.3 var(--d-font);cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:.4rem .55rem;padding:.45rem .6rem .5rem .35rem;display:flex}.playlists-tab__lib-body:disabled,.playlists-tab__lib-body[disabled]{cursor:default;opacity:.6}.playlists-tab__lib-text{flex-direction:column;flex:auto;align-items:flex-start;gap:.1rem .35rem;min-width:0;display:flex}.playlists-tab__lib-meta{font:.8rem/1.25 var(--d-font);width:100%;min-width:0;color:var(--d-text-muted);flex-wrap:wrap;align-items:baseline;gap:.15rem .35rem;display:flex}.playlists-tab__lib-meta .playlists-tab__pick-bpm{color:var(--d-text);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.playlists-tab__pick-bpm-lbl{text-transform:uppercase;letter-spacing:.04em;color:var(--d-text-muted);margin-left:.1rem;font-size:.65rem;font-weight:600}.playlists-tab__lib-dot{color:color-mix(in srgb, var(--d-text-muted) 60%, var(--d-border));-webkit-user-select:none;user-select:none}@media (width>=500px){.playlists-tab__lib-meta .playlists-tab__pick-artist:before{content:none;margin:0}}.playlists-tab__lib-tail{flex:none;justify-content:center;align-items:center;padding:0 .4rem 0 .15rem;display:flex}.playlists-tab__lib-row--done .playlists-tab__pick-status{align-items:center;display:flex}.playlists-tab__lib-tail .playlists-tab__pick-add{pointer-events:none}.playlists-tab__pick-line{text-align:left;width:100%;min-height:2.6rem;color:var(--d-text);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.4rem .75rem;padding:.6rem .65rem .6rem .5rem;transition:background .1s,color .1s;display:flex}.playlists-tab__pick-line:hover:not(:disabled){background:color-mix(in srgb, var(--d-accent,#6366f1) 7%, var(--d-surface))}.playlists-tab__pick-line--done{cursor:default}.playlists-tab__pick-line:disabled,.playlists-tab__pick-line--done{opacity:.6;background:0 0}.playlists-tab__pick-line--done:hover{background:color-mix(in srgb, var(--d-text) 3.5%, transparent)!important}.playlists-tab__pick-line--done .playlists-tab__pick-add{display:none}.playlists-tab__pick-line--done .playlists-tab__pick-status{flex:none;align-items:center;display:flex}.playlists-tab__pick-line:not(.playlists-tab__pick-line--done) .playlists-tab__pick-status{display:none}.playlists-tab__pick-main{min-width:0;font:.86rem/1.3 var(--d-font);flex-wrap:wrap;flex:auto;align-items:center;gap:.2rem .55rem;display:flex}.playlists-tab__pick-ico{color:var(--d-text-muted);opacity:.9;flex:none;margin:0 .1rem 0 .15rem}.playlists-tab__pick-title{flex:0 auto;min-width:0;font-weight:600}.playlists-tab__pick-artist{min-width:0;max-width:100%;color:var(--d-text-muted);font:.8rem/1.25 var(--d-font);flex:none}@media (width>=500px){.playlists-tab__pick-artist:before{content:"·";color:color-mix(in srgb, var(--d-text-muted) 70%, transparent);margin:0 .3rem 0 0}}.playlists-tab__pick-add{width:1.9rem;height:1.9rem;color:color-mix(in srgb, var(--d-accent,#6366f1) 80%, var(--d-text));background:color-mix(in srgb, var(--d-accent,#6366f1) 12%, var(--d-surface));border:1px solid color-mix(in srgb, var(--d-accent,#6366f1) 22%, var(--d-border));pointer-events:none;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.playlists-tab__pick-line:hover:not(:disabled) .playlists-tab__pick-add{background:color-mix(in srgb, var(--d-accent,#6366f1) 18%, var(--d-surface))}.playlists-tab__pick-status{font:600 .7rem/1.2 var(--d-font,ui-sans-serif, system-ui, sans-serif);text-transform:uppercase;letter-spacing:.04em;color:var(--d-text-muted);white-space:nowrap;display:none}.playlists-tab__empty-drop{text-align:center;box-sizing:border-box;border:1px dashed color-mix(in srgb, var(--d-text) 20%, var(--d-border));background:color-mix(in srgb, var(--d-text) 2.5%, var(--d-surface));min-height:11rem;max-height:min(46vh,400px);color:var(--d-text-muted);border-radius:12px;flex-direction:column;flex:auto;justify-content:center;align-items:center;margin:.25rem 0 0;padding:1.25rem .9rem 1.5rem;display:flex}.playlists-tab__empty-ico{color:var(--d-text-muted);opacity:.5;margin:0 0 .4rem}.playlists-tab__empty-title{font:600 .9rem/1.3 var(--d-font);color:var(--d-text);margin:0 0 .35rem}.playlists-tab__empty-line{max-width:20rem;font:.82rem/1.45 var(--d-font);color:var(--d-text-muted);margin:0}.playlists-tab__order{border:1px solid var(--d-border);background:color-mix(in srgb, var(--d-text) 1.2%, var(--d-surface));scrollbar-gutter:stable;border-radius:12px;max-height:min(50vh,400px);margin:.25rem 0 0;padding:0;list-style:none;overflow:auto}.playlists-tab__order-row{border-bottom:1px solid color-mix(in srgb, var(--d-border) 80%, var(--d-surface));align-items:center;gap:.2rem .45rem;min-height:2.7rem;margin:0;padding:.55rem .4rem .55rem .3rem;transition:background .1s;display:flex}.playlists-tab__order-row:hover{background:color-mix(in srgb, var(--d-text) 3.5%, transparent)}.playlists-tab__order-row:last-child{border-bottom:0}.playlists-tab__order-idx{text-align:center;width:1.75rem;font:700 .68rem/1.2 var(--d-font,ui-monospace, monospace);color:var(--d-text-muted);background:color-mix(in srgb, var(--d-text) 6%, transparent);border-radius:4px;flex:none;padding:0 .1rem}.playlists-tab__order-text{flex:auto;min-width:0;padding:0 .1rem 0 .15rem}.playlists-tab__order-title{font:600 .88rem/1.25 var(--d-font);color:var(--d-text)}.playlists-tab__order-artist{font:.78rem/1.3 var(--d-font);margin:0}.playlists-tab__order-actions{flex:none;align-items:center;gap:0;padding-right:.1rem;display:flex}.playlists-tab__reorder,.playlists-tab__order-actions .btn-ghost{min-width:2.15rem;min-height:2.15rem;color:var(--d-text-muted);border-radius:8px;padding:4px}.playlists-tab__reorder--remove:hover{color:#dc2626;background:#dc262614}[data-theme=light] .playlists-tab__reorder--remove:hover{color:#b91c1c}.playlists-tab__reorder:disabled{opacity:.28;pointer-events:none}.playlists-tab__cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.playlists-tab__card{border:1px solid var(--d-border);background:var(--d-surface);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.playlists-tab__card-main{flex:200px;align-items:flex-start;gap:12px;min-width:0;display:flex}.playlists-tab__card-text{flex:1;min-width:0}.playlists-tab__card-thumb{border:1px solid var(--d-border);background:color-mix(in srgb, var(--d-text) 4%, var(--d-surface));width:3rem;height:3rem;color:var(--d-text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.playlists-tab__card-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.playlists-tab__card-thumb-ph{opacity:.4}.playlists-tab__card-title{font:600 1rem/1.25 var(--d-font);color:var(--d-text);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;display:flex}.playlists-tab__public-badge{font:600 .65rem/1.2 var(--d-font);text-transform:uppercase;letter-spacing:.04em;color:var(--d-accent,#6366f1);background:color-mix(in srgb, var(--d-accent,#6366f1) 14%, transparent);border:1px solid color-mix(in srgb, var(--d-accent,#6366f1) 35%, transparent);border-radius:6px;padding:2px 6px}.playlists-tab__card-desc{font:.9rem/1.4 var(--d-font);color:var(--d-text-muted);margin:0 0 6px}.playlists-tab__card-meta{margin:0}.playlists-tab__creator-link{color:inherit;text-underline-offset:2px;text-decoration:underline}.playlists-tab__creator-link:hover{color:var(--d-text,#e8e8e8)}.playlists-tab__card-actions{flex-wrap:wrap;gap:8px;display:flex}.playlists-tab__muted,.playlists-tab__order-artist,.playlists-tab__empty-hint,.playlists-tab__loading-note{color:var(--d-text-muted);font:.8rem/1.4 var(--d-font);margin:0}.playlists-tab__loading-note{align-items:center;gap:8px;margin:0 0 .5rem;display:flex}.users-avatar{background:color-mix(in srgb, var(--d-text) 6%, var(--d-surface));border:1px solid color-mix(in srgb, var(--d-border) 80%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.users-avatar img{object-fit:cover;width:100%;height:100%;display:block}.users-avatar__initial{font:600 .9rem/1 var(--d-font);color:var(--d-text-muted);text-transform:uppercase;-webkit-user-select:none;user-select:none}.users-table-wrap{border:1px solid var(--d-border);background:color-mix(in srgb, var(--d-surface) 100%, var(--d-text) 0%);border-radius:12px;width:100%;overflow:hidden}[data-theme=dark] .users-table-wrap{background:#ffffff05}.users-data-table{border-collapse:collapse;width:100%;font:.875rem/1.4 var(--d-font)}.users-data-table__th{text-align:left;font:600 .7rem/1.2 var(--d-font);text-transform:uppercase;letter-spacing:.04em;color:var(--d-text-muted);border-bottom:1px solid var(--d-border);background:color-mix(in srgb, var(--d-text) 2%, var(--d-surface));padding:12px 14px}.users-data-table__th--avatar{width:56px;padding-left:16px;padding-right:4px}.users-data-table__th--right{text-align:right;white-space:nowrap;width:1%}.users-data-table__row:hover{background:color-mix(in srgb, var(--d-text) 2.5%, transparent)}.users-data-table__td,.users-data-table td{border-bottom:1px solid color-mix(in srgb, var(--d-border) 50%, transparent);vertical-align:middle;padding:12px 14px}.users-data-table__td--avatar{vertical-align:middle;width:56px;padding:10px 8px 10px 16px}.users-data-table__name{color:var(--d-text);font-weight:600}.users-data-table__email{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}@media (width<=900px){.users-data-table__email{max-width:120px}}.users-data-table__muted{color:var(--d-text-muted)}.users-data-table__td--right{text-align:right;white-space:nowrap;padding-right:16px}.users-data-table__dash{color:var(--d-text-muted);opacity:.5}.users-data-table__empty{text-align:center;color:var(--d-text-muted);font:.9rem/1.5 var(--d-font);padding:32px 16px!important}.users-data-table__empty--block{border:1px solid var(--d-border);background:color-mix(in srgb, var(--d-surface) 100%, var(--d-text) 0%);border-radius:12px;margin:0}.users-table-wrap--ag{flex-shrink:0;width:100%;min-height:min(360px,40vh);padding:0;display:block;overflow:hidden}.users-ag{width:100%;min-width:0;display:block}html[data-theme=dark] .users-ag .ag-root,html[data-theme=dark] .users-ag .ag-root-wrapper,html[data-theme=dark] .users-ag .ag-header-viewport,html[data-theme=dark] .users-ag .ag-body-viewport,html[data-theme=dark] .users-ag .ag-center-cols-viewport,html[data-theme=dark] .users-ag .ag-header,html[data-theme=dark] .users-ag .ag-floating-top,html[data-theme=dark] .users-ag .ag-sticky-top,html[data-theme=dark] .users-ag .ag-floating-top-viewport,html[data-theme=dark] .users-ag .ag-center-cols-container,html[data-theme=dark] .users-ag .ag-pinned-left-cols-container,html[data-theme=dark] .users-ag .ag-pinned-right-cols-container,html[data-theme=dark] .users-ag .ag-body-horizontal-scroll,html[data-theme=dark] .users-ag .ag-body-vertical-scroll,html[data-theme=dark] .users-ag .ag-body-horizontal-scroll-viewport,html[data-theme=dark] .users-ag .ag-body-vertical-scroll-viewport{background-color:var(--d-surface,#16141c)!important}html[data-theme=dark] .users-ag .ag-header,html[data-theme=dark] .users-ag .ag-header-viewport,html[data-theme=dark] .users-ag .ag-floating-top,html[data-theme=dark] .users-ag .ag-sticky-top,html[data-theme=dark] .users-ag .ag-pinned-top-container{background-color:var(--d-surface-elev,#1c1a24)!important}.users-ag__viewport{box-sizing:border-box;min-width:0}.users-ag,.users-ag .ag-root-wrapper{border-radius:10px;font-family:var(--d-font)!important}html[data-theme=dark] .users-ag .ag-header-cell,html[data-theme=dark] .users-ag .ag-header-group-cell,html[data-theme=dark] .users-ag .ag-floating-top-header .ag-header-cell,html[data-theme=dark] .users-ag .ag-floating-top-header .ag-header-group-cell{color:#9d99a8}html[data-theme=dark] .users-ag .ag-cell,html[data-theme=dark] .users-ag .ag-group-value,html[data-theme=dark] .users-ag .ag-cell-value,html[data-theme=dark] .users-ag .ag-group-value .ag-group-value-ellipsis,html[data-theme=dark] .users-ag .ag-group-value-ellipsis,html[data-theme=dark] .users-ag .ag-right-aligned-cell,html[data-theme=dark] .users-ag .ag-left-aligned-cell{color:#f2f0f7}.users-ag__cell,.users-ag__action,.users-ag .ag-cell,.users-ag .ag-header-cell{font-family:var(--d-font)!important}.users-ag__action{justify-content:flex-end;align-items:center;width:100%;height:100%;padding:0 2px 0 4px;display:flex}.users-ag .ag-cell,.users-ag .ag-header-cell{align-items:center;min-width:0;display:flex}.users-ag .ag-header-cell,.users-ag .ag-cell{text-align:left;justify-content:flex-start}.users-ag .ag-cell .ag-cell-value,.users-ag .ag-header-cell .ag-header-cell-label,.users-ag .ag-header-cell .ag-header-cell-text{flex:auto;min-width:0}.users-ag .ag-cell.users-ag__cell-avatar,.users-ag__cell-avatar.ag-cell{text-align:center;justify-content:center}.users-ag .ag-cell.users-ag__cell-avatar .ag-cell-value{flex:none;justify-content:center;align-items:center;display:flex}.song-cover{box-sizing:border-box;background:color-mix(in srgb, var(--d-text) 5%, var(--d-surface));width:48px;max-width:min(48px,100%);height:48px;max-height:min(48px,100%);color:var(--d-text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.song-cover__img{object-fit:cover;object-position:center;border-radius:inherit;width:100%;height:100%;display:block}.song-cover--empty,.song-cover--loading,.song-cover--err{font-size:.7rem}.users-ag .ag-cell.users-ag__cell--right,.users-ag__cell--right.ag-cell,.users-ag .ag-cell.users-ag__cell--right .ag-cell-value,.users-ag .ag-header-cell.users-ag__head--right,.users-ag__head--right.ag-header-cell{text-align:right;justify-content:flex-end}.users-ag .ag-header-cell.users-ag__head--right .ag-header-cell-label,.users-ag .ag-header-cell.users-ag__head--right .ag-header-cell-text,.users-ag .ag-header-cell.users-ag__head--right .ag-header-group-cell-label{text-align:right;justify-content:flex-end;width:100%}.users-ag .ag-cell.users-ag__cell--center,.users-ag__cell--center.ag-cell,.users-ag .ag-header-cell.users-ag__head--center,.users-ag__head--center.ag-header-cell{text-align:center;justify-content:center}.users-ag .ag-row.songs-ag__row--disabled{opacity:.55}.songs-grid__play--icon{justify-content:center;align-items:center;display:flex}.songs-grid__play-btn{color:#fff;background:var(--d-accent,#6366f1);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;padding:0;transition:filter .12s,transform 80ms;display:flex;box-shadow:0 1px #0000001f}.songs-grid__play-btn:hover:not(:disabled){filter:brightness(1.05);transform:scale(1.03)}.songs-grid__play-btn:disabled{opacity:.6;cursor:wait}.songs-grid__play-icon--spin{animation:.7s linear infinite playlists-tab-spin}.songs-grid__play .songs-grid__play-icon[stroke]{color:inherit}.songs-grid__play .songs-grid__play-icon:not([stroke]){margin-left:1px}.users-ag .ag-cell.users-ag__cell-action,.users-ag__cell-action.ag-cell{text-align:right;justify-content:flex-end}.users-ag .ag-cell.users-ag__cell-name{font-weight:600;color:var(--d-text)!important}.users-ag .ag-cell.users-ag__cell-muted{color:var(--d-text-muted)!important}button.users-table-action,.users-table-action.btn{border:1px solid var(--d-border);background:color-mix(in srgb, var(--d-text) 4%, var(--d-surface));color:var(--d-text);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:background .12s,border-color .12s}button.users-table-action:hover:not(:disabled),.users-table-action.btn:hover:not(:disabled){background:color-mix(in srgb, var(--d-text) 8%, var(--d-surface));border-color:color-mix(in srgb, var(--d-text) 20%, var(--d-border))}.users-ag button.users-table-action,.users-ag .users-table-action.btn{border-radius:9999px;padding:4px 10px;font-size:.75rem;line-height:1.2}@media (width<=520px){.users-page-header{flex-direction:column;align-items:stretch}.users-page-search{max-width:none;margin-left:0}.users-page-header .users-page-subline--static{text-align:left}}.app-loading--db{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:100%;min-height:min(440px,70vh);margin:0;padding:2.5rem 1rem 3rem;display:flex;box-shadow:none!important;background:0 0!important;border:0!important}.app-loading__lottie{aspect-ratio:1;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:min(200px,52vw);max-width:220px;display:flex}.app-loading__lottie-canvas{width:100%!important;height:100%!important}.app-loading--db .app-loading__label{font:.9rem/1.4 var(--d-font);color:var(--d-text-muted);margin:.25rem 0 0}.page-content--user-edit{max-width:min(1200px,100%);margin:0 auto;padding-bottom:2rem}.user-edit-bento{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:1rem 1.1rem;width:100%;margin-top:.5rem;display:grid}.user-edit-bento__item{min-width:0}.db-body .user-edit-bento .panel,.db-body .user-edit-bento form.panel{background:var(--d-surface-elev);border:1px solid color-mix(in srgb, var(--d-border) 80%, var(--d-surface-elev));border-radius:16px;flex-direction:column;height:100%;margin:0;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000a;padding:1.1rem 1.2rem 1.2rem!important}[data-theme=dark] .db-body .user-edit-bento .panel,[data-theme=dark] .db-body .user-edit-bento form.panel{border-color:var(--d-border);box-shadow:0 1px #00000059}.user-edit-bento__item--hero{grid-column:1/-1}.user-edit-bento__item--hero.panel{background:linear-gradient(150deg, var(--d-surface-elev) 0%, color-mix(in srgb, var(--d-surface-elev) 88%, var(--d-pastel-blue) 12%) 55%, var(--d-surface-elev) 100%);border:1px solid color-mix(in srgb, var(--d-border) 60%, var(--d-pastel-blue) 40%);box-shadow:0 2px 16px #0000000a}[data-theme=dark] .user-edit-bento__item--hero.panel{background:linear-gradient(150deg, var(--d-surface-elev) 0%, color-mix(in srgb, var(--d-surface-elev) 82%, var(--d-pastel-blue) 18%) 100%);border-color:var(--d-border)}.user-edit-bento__item--acct,.user-edit-bento__item--persona,.user-edit-bento__item--pro{grid-column:span 4}.user-edit-bento__item--prefs{grid-column:span 6}.user-edit-bento__item--form{grid-column:span 6;align-self:start}.user-edit-bento__item--prefs-wide,.user-edit-bento__item--raw,.user-edit-bento__item--hint{grid-column:1/-1}.user-edit-dl--bento{flex:auto;grid-template-columns:minmax(0,1fr);gap:0;font-size:.84rem}.user-edit-dl--bento>div{grid-template-columns:unset;border-bottom:1px solid color-mix(in srgb, var(--d-border) 30%, transparent);padding:.45rem 0 .5rem;display:block}.user-edit-dl--bento>div:last-of-type{border-bottom:0;padding-bottom:0}.user-edit-bento .user-edit-dl--wide{grid-template-columns:minmax(0,1fr)}.user-edit-bento .user-edit-dl dt{text-transform:uppercase;letter-spacing:.04em;margin-bottom:1px;font-size:.65rem}.user-edit-bento .user-edit-dl--wide>div{border-bottom:1px solid color-mix(in srgb, var(--d-border) 30%, transparent);grid-template-columns:1fr 1.2fr;align-items:baseline;gap:0 10px;padding:.4rem 0 .45rem;display:grid}.user-edit-bento .user-edit-dl--wide>div dt{text-transform:none;letter-spacing:.01em;color:var(--d-text-muted);font-size:.72rem;font-weight:500}.user-edit-bento .user-edit-dl--wide>div:last-of-type{border-bottom:0;padding-bottom:0}.user-edit-bento .user-edit-subhead{border-bottom:1px solid color-mix(in srgb, var(--d-border) 40%, transparent);flex-direction:column;gap:.1rem;margin:0 0 .5rem;padding-bottom:.6rem;display:flex}.user-edit-bento .user-edit-subhead h4{letter-spacing:.06em;text-transform:uppercase;color:var(--d-text);margin:0;font-size:.8rem;font-weight:600}.user-edit-bento .user-edit-subhead span{color:var(--d-text-soft);text-transform:none;letter-spacing:.01em;max-width:40em;margin:0;padding-top:.1rem;font-size:.72rem;font-weight:400;line-height:1.4;display:block}.user-edit-bento__item--raw .user-edit-json{border:1px solid color-mix(in srgb, var(--d-border) 55%, transparent);background:color-mix(in srgb, var(--d-text) 2.2%, var(--d-surface-elev));border-radius:12px;max-height:min(260px,36vh);line-height:1.55}.user-edit-staff-form{gap:0}.user-edit-staff-form__field{color:var(--d-text-muted);flex-direction:column;gap:.3rem;margin-top:.6rem;font-size:.8125rem;font-weight:500;display:flex}.user-edit-staff-form__field:first-of-type{margin-top:0}.user-edit-bento__item--acct .user-edit-acct-role-wrap{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.user-edit-bento__item--acct .user-edit-acct-role-text{color:var(--d-text,inherit)}.user-edit-staff-form__field--enable{border-top:1px solid color-mix(in srgb, var(--d-border) 75%, var(--d-text) 0%);margin-top:.75rem;padding-top:.15rem;display:block}.user-edit-staff-form__row-label{color:var(--d-text,inherit);margin-bottom:.4rem;font-size:.825rem;font-weight:600;display:block}.user-edit-staff-form__ro-value{color:var(--d-text,inherit);margin:0;font-size:.9rem}.user-edit-staff-form__hint{color:var(--d-text-muted,#888);margin:.45rem 0 0;font-size:.8rem;line-height:1.3}.user-edit-staff-flip--form{margin-top:.1rem}.user-edit-staff-flip{font:inherit;color:var(--d-text,inherit);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;gap:.65rem;width:100%;max-width:20rem;margin:0;display:flex;position:relative}.user-edit-staff-flip:has(:focus-within) .user-edit-staff-flip__track{box-shadow:0 0 0 2px color-mix(in srgb, var(--d-text) 8%, var(--d-border) 50%)}.user-edit-staff-flip__input{clip:rect(0, 0, 0, 0);white-space:nowrap;opacity:0;pointer-events:auto;appearance:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.user-edit-staff-flip__track{background:color-mix(in srgb, var(--d-text-muted) 22%, var(--d-border) 50%);border-radius:999px;flex-shrink:0;width:2.5rem;height:1.35rem;transition:background .2s;position:relative}.user-edit-staff-flip__track:after{content:"";background:#fff;border-radius:50%;width:1.05rem;height:1.05rem;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.user-edit-staff-flip__input:checked+.user-edit-staff-flip__track{background:color-mix(in srgb, var(--d-accent,#3b82f6) 88%, #0a0)}.user-edit-staff-flip__input:checked+.user-edit-staff-flip__track:after{transform:translate(1.1rem)}.user-edit-staff-flip__input:disabled+.user-edit-staff-flip__track{opacity:.5;cursor:not-allowed}.user-edit-staff-flip:has(:disabled){cursor:not-allowed;opacity:.9}.user-edit-staff-flip__caption{color:var(--d-text,inherit);letter-spacing:.01em;font-size:.875rem;font-weight:600}.user-edit-bento__item--acct .user-edit-acct-role-hint{color:var(--d-text-muted,#888);margin:0;font-size:.8rem;line-height:1.3}.db-body .user-edit-bento__item--acct select.user-edit-acct-role,.db-body .user-edit-bento__item--acct .user-edit-acct-role{min-width:8.5rem;max-width:100%}.db-body .user-edit-staff-form__field input:not(.user-edit-staff-flip__input),.db-body .user-edit-staff-form__field textarea{border:1px solid color-mix(in srgb, var(--d-border) 90%, var(--d-text) 0%);color:var(--d-text);font:inherit;border-radius:10px;margin:0;padding:.55rem .7rem;transition:border-color .15s,box-shadow .15s;background:var(--d-surface)!important}.db-body .user-edit-staff-form__field select{font:inherit;margin:0}[data-theme=dark] .db-body .user-edit-staff-form__field input:not(.user-edit-staff-flip__input),[data-theme=dark] .db-body .user-edit-staff-form__field textarea{border-color:var(--d-border);background:color-mix(in srgb, var(--d-surface-elev) 85%, #000)!important}.db-body .user-edit-staff-form__field input:not(.user-edit-staff-flip__input):focus,.db-body .user-edit-staff-form__field textarea:focus{border-color:color-mix(in srgb, var(--d-text-muted) 50%, var(--d-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--d-text) 4%, transparent);outline:none}.user-edit-staff-form__error{margin-top:.35rem}.user-edit-staff-form__actions{flex-wrap:wrap;align-items:center;gap:.5rem .6rem;margin-top:.9rem;padding-top:.1rem;display:flex}.user-edit-bento__item--hint.panel,.user-edit-bento__item--hint{text-align:center;background:color-mix(in srgb, var(--d-text) 2.5%, var(--d-surface-elev))!important;border:1px dashed color-mix(in srgb, var(--d-border) 80%, var(--d-text) 0%)!important}@media (width<=1080px){.user-edit-bento__item--acct,.user-edit-bento__item--persona,.user-edit-bento__item--pro,.user-edit-bento__item--prefs,.user-edit-bento__item--form,.user-edit-bento__item--hint{grid-column:1/-1}.user-edit-bento .user-edit-dl--wide>div{display:block}}.user-edit-top{border-bottom:1px solid color-mix(in srgb, var(--d-border) 40%, transparent);align-items:center;margin:0 0 .5rem;padding-bottom:.6rem;display:flex}a.user-edit-back,.user-edit-back{font:500 .8125rem/1.35 var(--d-font);color:var(--d-text-muted);border-radius:var(--d-radius-pill);background:color-mix(in srgb, var(--d-surface) 0%, transparent);border:1px solid #0000;align-items:center;gap:.4rem;padding:.35rem .65rem .35rem .4rem;text-decoration:none;transition:color .15s,background .15s,border-color .15s,transform .15s;display:inline-flex}a.user-edit-back:hover,.user-edit-back:hover{color:var(--d-text);background:color-mix(in srgb, var(--d-text) 4%, var(--d-surface-elev));border-color:color-mix(in srgb, var(--d-border) 70%, transparent)}.user-edit-back svg{flex-shrink:0}.user-edit-section{margin-top:16px}.user-edit-alert{margin-top:4px}.user-edit-muted{color:var(--d-text-muted);font:.8rem/1.4 var(--d-font)}.user-edit-hero{margin-top:0}.user-edit-hero__row{flex-wrap:wrap;align-items:center;gap:1.1rem 1.25rem;display:flex}.user-edit-hero__text{flex:200px;min-width:0}.user-edit-hero__meta{flex-direction:column;gap:.2rem 0;margin-top:.4rem;display:flex}.user-edit-hero__avatar,.user-edit-hero__avatar.users-avatar{width:4.5rem;height:4.5rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--d-text) 6%, transparent);flex-shrink:0}.user-edit-hero__avatar .users-avatar__initial{letter-spacing:.02em;font-size:1.5rem;font-weight:600}.user-edit-hero__title{font:600 1.4rem/1.15 var(--d-font);color:var(--d-text);letter-spacing:-.04em;margin:0}.user-edit-hero__email{font:.9rem/1.45 var(--d-font);color:var(--d-text-muted);word-break:break-word;margin:0}.user-edit-uid{color:var(--d-text-soft);word-break:break-all;margin:0;font:.72rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.user-edit-uid .user-edit-muted{font:600 .62rem/1.1 var(--d-font,sans-serif);text-transform:uppercase;letter-spacing:.08em;color:var(--d-text-soft);margin-bottom:2px;display:block}.user-edit-subhead h4{font:600 .95rem/1.25 var(--d-font);color:var(--d-text);margin:0 0 4px}.user-edit-dl{font:.875rem/1.5 var(--d-font);grid-template-columns:140px 1fr;gap:6px 16px;margin:0;padding:0;display:grid}.user-edit-dl--wide{grid-template-columns:160px 1fr}.user-edit-dl>div{grid-template-columns:subgrid;border-bottom:1px solid color-mix(in srgb, var(--d-border) 55%, transparent);grid-column:1/-1;align-items:start;padding:8px 0;display:grid}.user-edit-dl>div:last-of-type{border-bottom:none}.user-edit-dl dt{color:var(--d-text-muted);margin:0;font-size:.8rem;font-weight:500}.user-edit-dl dd{color:var(--d-text);word-break:break-word;margin:0}.user-edit-dl dd.user-edit-uid{min-width:0}.user-edit-uid--row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-edit-uid__mask{color:var(--d-text-soft);background:color-mix(in srgb, var(--d-surface) 60%, var(--d-border) 25%);border:1px solid color-mix(in srgb, var(--d-border) 80%, transparent);letter-spacing:.02em;-webkit-user-select:none;user-select:none;word-break:break-all;border-radius:8px;flex:auto;min-width:0;margin:0;padding:3px 8px;font:.8rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.user-edit-uid__copy{border:1px solid var(--d-border);background:var(--d-surface-elev,var(--d-surface));width:32px;height:32px;color:var(--d-text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.user-edit-uid__copy:hover{color:var(--d-text);border-color:color-mix(in srgb, var(--d-text-muted) 45%, var(--d-border));background:var(--d-surface,#fff)}.user-edit-uid__copy:focus-visible{outline:2px solid color-mix(in srgb, var(--d-text) 25%, var(--d-border));outline-offset:2px}.user-edit-bool-ico{vertical-align:middle;align-items:center;display:inline-flex}.user-edit-psc{vertical-align:middle;align-items:center;gap:.4rem;line-height:1.3;display:inline-flex}.user-edit-psc--unset{color:var(--d-text-soft)}.user-edit-psc--no{color:var(--d-text)}.user-edit-bool-ico--ok{color:color-mix(in srgb, #22c55e 90%, var(--d-text))}.user-edit-bool-ico--setup-done{color:#16a34a;flex-shrink:0}[data-theme=dark] .user-edit-bool-ico--setup-done{color:#4ade80}.user-edit-bool-ico--no{color:color-mix(in srgb, #f87171 90%, var(--d-text))}.user-edit-dl .user-edit-break{font-size:.8rem;line-height:1.45}.user-edit-json{max-height:420px;color:var(--d-text);background:color-mix(in srgb, var(--d-text) 3.5%, var(--d-surface));border:1px solid var(--d-border);white-space:pre;border-radius:10px;margin:0;padding:14px 16px;font:.75rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.user-edit-hint p{font:.9rem/1.5 var(--d-font);color:var(--d-text-muted);margin:0}.page-content--users-template .email-templates{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;gap:1rem 1.25rem;max-width:1200px;margin:0 auto;padding:0 4px 1rem;display:grid}@media (width<=900px){.page-content--users-template .email-templates{grid-template-columns:1fr}}.email-templates__list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:0 0 .5rem;display:flex}.email-templates__new{flex-shrink:0}.email-templates__muted{font:.85rem/1.4 var(--d-font);color:var(--d-text-muted);margin:.35rem 0 .75rem}.email-templates__ul{border:1px solid var(--d-border);background:color-mix(in srgb, var(--d-text) 2%, var(--d-surface));border-radius:10px;max-height:min(60vh,640px);margin:0;padding:0;list-style:none;overflow:auto}.email-templates__li{border-bottom:1px solid var(--d-border);margin:0}.email-templates__li:last-child{border-bottom:0}.email-templates__pick{text-align:start;width:100%;font:.85rem/1.4 var(--d-font);color:var(--d-text);cursor:pointer;background:0 0;border:0;grid-template-columns:1fr;gap:2px 0;padding:.7rem .85rem;transition:background .12s;display:grid}.email-templates__pick:hover{background:color-mix(in srgb, var(--d-text) 5.5%, transparent)}.email-templates__pick--active{background:color-mix(in srgb, var(--d-accent) 12%, var(--d-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--d-accent) 35%, transparent)}.email-templates__pick-name{color:var(--d-text);font-weight:600}.email-templates__pick-sub{color:var(--d-text-soft);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.78rem;display:-webkit-box;overflow:hidden}.email-templates__pick-when{color:var(--d-text-muted);margin-top:2px;font-size:.72rem}.email-templates__form-panel{padding:1rem 1rem 1.1rem}.email-templates__form-title{font:600 1rem/1.25 var(--d-font);color:var(--d-text);letter-spacing:-.02em;margin:0 0 .75rem}.email-templates__id-line{font:.78rem/1.4 var(--d-font);color:var(--d-text-muted);flex-wrap:wrap;align-items:center;gap:.4rem .65rem;margin:0 0 .9rem;display:flex}.email-templates__id-code{color:var(--d-text);background:color-mix(in srgb, var(--d-text) 4.5%, var(--d-surface));border:1px solid var(--d-border);word-break:break-all;border-radius:6px;padding:2px 6px;font:.75rem/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.email-templates__html-field{margin-top:.2rem;display:block}.email-templates__html{resize:vertical;width:100%;max-width:100%;min-height:12rem;font:.8rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.email-templates__actions{border-top:1px solid var(--d-border);flex-wrap:wrap;align-items:center;gap:.6rem .9rem;margin-top:.5rem;padding-top:.9rem;display:flex}.email-templates__delete{color:var(--danger,#e56b6b)}.songs-list__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin:0 0 .9rem;display:flex}.songs-list__title{font:600 1.15rem/1.25 var(--d-font,system-ui, sans-serif);letter-spacing:-.02em;color:var(--d-text,#1a1a1a);margin:0}.songs-list__lede{font:500 .78rem/1.2 var(--d-font,system-ui, sans-serif);color:var(--d-text-muted,#6b6b6f);margin:.2rem 0 0}.songs-list__loading{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--d-accent,#6366f1) 45%, transparent), transparent);background-size:200% 100%;border-radius:1px;height:2px;margin:0 0 .6rem;animation:1.1s ease-in-out infinite songs-list-shimmer}@keyframes songs-list-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.songs-list__loading{background:color-mix(in srgb, var(--d-accent,#6366f1) 20%, transparent);animation:none}}.songs-filters{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));align-items:start;gap:.6rem .85rem;margin:0 0 .5rem;display:grid}.songs-filters .field>span,.songs-filters label.field>span{font:500 .7rem/1.2 var(--d-font,system-ui, sans-serif);color:var(--d-text-muted,#6b6b6f);margin-bottom:.2rem;display:block}.songs-filters .field input,.songs-filters .field select{box-sizing:border-box;width:100%}.songs-filters__action{min-width:0}.songs-filters__action>.songs-filters__action-spacer{visibility:hidden;-webkit-user-select:none;user-select:none;display:block}.songs-filters .field .songs-filters__reset.btn{box-sizing:border-box;width:100%;min-height:unset;font:inherit;background:var(--d-surface,#fff);color:var(--d-text,#1a1a1a);cursor:pointer;border:1px solid #cfd2dc;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;margin:0;padding:11px 12px;font-size:.92rem;font-weight:500;line-height:1.2;display:inline-flex}.songs-filters .field .songs-filters__reset.btn:hover:not(:disabled){background:color-mix(in srgb, var(--d-text) 4%, var(--d-surface,#fff))}[data-theme=dark] .songs-filters .field .songs-filters__reset.btn{color:var(--text,var(--d-text,#e8e6f0));background:#2a363b99;border-color:#99b89859}[data-theme=dark] .songs-filters .field .songs-filters__reset.btn:hover:not(:disabled){background:color-mix(in srgb, var(--d-text,#e8e6f0) 6%, #2a363bd9)}.songs-list-tab--has-dock{padding-bottom:max(4.5rem, calc(4.25rem + env(safe-area-inset-bottom,0px)))}.songs-now-playing-dock{z-index:60;padding:.65rem max(.75rem, env(safe-area-inset-right,0px)) max(.55rem, env(safe-area-inset-bottom,0px)) max(.75rem, env(safe-area-inset-left,0px));border-top:1px solid var(--d-border,#ece8f0);background:var(--d-surface-elev,#f0f1f4);flex-wrap:wrap;align-items:center;gap:.65rem .9rem;display:flex;position:fixed;bottom:0;left:80px;right:0;box-shadow:0 -4px 20px #0000000f}[data-theme=dark] .songs-now-playing-dock{background:var(--d-surface-elev,#1c1a24);border-color:var(--d-border,#2a2735);box-shadow:0 -4px 24px #00000040}.songs-now-playing-dock__meta{flex:0 12rem;align-items:center;gap:.65rem;min-width:0;display:flex}.songs-now-playing-dock__art{background:color-mix(in srgb, var(--d-text) 6%, var(--d-surface));width:40px;height:40px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--d-border) 80%, transparent);border-radius:10px;flex:none;overflow:hidden}.songs-now-playing-dock__art img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.songs-now-playing-dock__icon{color:var(--d-accent,#6366f1);background:color-mix(in srgb, var(--d-accent,#6366f1) 12%, transparent);border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.songs-now-playing-dock__text{min-width:0}.songs-now-playing-dock__title{font:600 .9rem/1.25 var(--d-font,system-ui, sans-serif);color:var(--d-text,#1a1a1a);white-space:nowrap;text-overflow:ellipsis;max-width:min(36vw,20rem);overflow:hidden}.songs-now-playing-dock__artist{font:500 .75rem/1.2 var(--d-font,system-ui, sans-serif);color:var(--d-text-muted,#6b6b6f);white-space:nowrap;text-overflow:ellipsis;max-width:min(36vw,20rem);overflow:hidden}.songs-now-playing-dock__audio{flex:12rem;min-width:min(100%,12rem);max-width:min(100%,32rem);height:40px;margin:0}.songs-now-playing-dock__close{min-width:2.5rem;min-height:2.5rem;color:var(--d-text-muted,#6b6b6f);border-radius:10px;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.songs-now-playing-dock__close:hover{color:var(--d-text,#1a1a1a)}.page-content--workouts{width:100%;max-width:none;padding-bottom:2rem}.db-body .page-content--workouts .workouts-page{width:100%;max-width:none;margin:0}.users-page-subline--inline{margin:6px 0 0}.workouts-page__composer{border:1px solid var(--d-border);background:var(--d-surface);box-shadow:0 12px 32px -24px color-mix(in srgb, var(--d-text) 24%, transparent);border-radius:16px;padding:18px}.workouts-page__composer--inline{margin-top:18px}.workouts-page__library{margin-top:24px}.workouts-page__section-title{font:700 1rem/1.25 var(--d-font);color:var(--d-text);margin:0 0 14px}.workouts-page__workout-grid,.workouts-page__collection-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.workouts-page__grid-card{border:1px solid var(--d-border);background:var(--d-surface);min-height:100%;box-shadow:0 8px 24px -20px color-mix(in srgb, var(--d-text) 22%, transparent);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.workouts-page__grid-card-top{flex:1;gap:12px;min-width:0;display:flex}.workouts-page__grid-card--collection{grid-column:span 1}.workouts-page__grid-card-icon,.workouts-page__grid-card-thumb{width:44px;height:44px;color:color-mix(in srgb, var(--d-accent,#6366f1) 85%, var(--d-text));background:color-mix(in srgb, var(--d-accent,#6366f1) 12%, var(--d-surface));border:1px solid color-mix(in srgb, var(--d-accent,#6366f1) 18%, var(--d-border));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.workouts-page__grid-card-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.workouts-page__grid-card-thumb-ph{opacity:.45}.workouts-page__badge--songs{align-items:center;gap:4px;display:inline-flex}.workouts-page__grid-card-body{flex:1;min-width:0}.workouts-page__grid-card-title{font:700 1rem/1.25 var(--d-font);color:var(--d-text);margin:0 0 6px}.workouts-page__grid-card-desc{font:.85rem/1.4 var(--d-font);color:var(--d-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 10px;display:-webkit-box;overflow:hidden}.workouts-page__grid-card-desc--muted{font-style:italic}.workouts-page__grid-card-badges{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.workouts-page__badge{font:600 .72rem/1.2 var(--d-font);background:var(--chip-bg);color:var(--chip-text);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.workouts-page__badge--beginner{background:color-mix(in srgb, #22c55e 18%, var(--chip-bg))}.workouts-page__badge--intermediate{background:color-mix(in srgb, #f59e0b 18%, var(--chip-bg))}.workouts-page__badge--advanced{background:color-mix(in srgb, #ef4444 16%, var(--chip-bg))}.workouts-page__grid-card-meta{font:.75rem/1.35 var(--d-font);color:var(--d-text-muted);margin:0}.workouts-page__grid-card-actions{border-top:1px solid color-mix(in srgb, var(--d-border) 80%, transparent);flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px;display:flex}.workouts-page__grid-card-actions .btn{flex:auto;justify-content:center;align-items:center;gap:6px;display:inline-flex}.workouts-page__badge--order{font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--d-text-muted) 12%, var(--d-surface));color:var(--d-text-muted)}.workouts-page__category-order-section{border:1px solid var(--d-border);background:color-mix(in srgb, var(--d-surface) 92%, transparent);border-radius:12px;margin-top:24px;padding:16px}.workouts-page__category-order-table{border-collapse:collapse;width:100%;font:.875rem/1.4 var(--d-font)}.workouts-page__category-order-table th,.workouts-page__category-order-table td{text-align:left;border-bottom:1px solid color-mix(in srgb, var(--d-border) 80%, transparent);vertical-align:middle;padding:8px 10px}.workouts-page__category-order-table th{color:var(--d-text-muted);font-weight:600}.workouts-page__order-input{max-width:96px}.workouts-page__category-order-hint{font:.8rem/1.35 var(--d-font);color:var(--d-text-muted);margin:10px 0 0}.workouts-page__category-group{margin-top:20px}.workouts-page__category-group-head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px;display:flex}.workouts-page__category-group-title{font:700 1rem/1.25 var(--d-font);color:var(--d-text);margin:0}.workouts-page__category-group-count{font:.8rem/1.3 var(--d-font);color:var(--d-text-muted);margin-left:auto}.workouts-page__collections{border-top:1px solid var(--d-border);margin-top:36px;padding-top:28px}.workouts-page__collections-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.workouts-page__composer-head{color:var(--d-text);align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.workouts-page__composer-head>svg{width:42px;height:42px;color:color-mix(in srgb, var(--d-accent,#6366f1) 85%, var(--d-text));background:color-mix(in srgb, var(--d-accent,#6366f1) 12%, var(--d-surface));border:1px solid color-mix(in srgb, var(--d-accent,#6366f1) 18%, var(--d-border));border-radius:12px;flex:none;padding:10px}.workouts-page__composer-head h3{color:var(--d-text);font:700 1rem/1.25 var(--d-font);margin:0}.workouts-page__composer-head p,.workouts-page__empty-note{color:var(--d-text-muted)}.workouts-page__composer-head p{font:.85rem/1.35 var(--d-font);margin:3px 0 0}.workouts-page__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.workouts-page__span{grid-column:1/-1}.workouts-page__grid .field>span{color:var(--d-text-muted)}.workouts-page__grid input,.workouts-page__grid select,.workouts-page__grid textarea{border:1px solid var(--d-border);background:var(--d-surface);width:100%;color:var(--d-text);font:.9rem/1.35 var(--d-font);border-radius:10px;outline:none}.workouts-page__grid input,.workouts-page__grid select{min-height:40px;padding:9px 11px}.workouts-page__grid textarea{resize:vertical;min-height:76px;padding:10px 11px}.workouts-page__grid input:focus,.workouts-page__grid select:focus,.workouts-page__grid textarea:focus{border-color:color-mix(in srgb, var(--d-accent,#6366f1) 50%, var(--d-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--d-accent,#6366f1) 16%, transparent)}.workouts-page__picker{border:1px solid var(--d-border);background:color-mix(in srgb, var(--d-text) 2.5%, transparent);border-radius:12px;gap:8px;max-height:220px;margin-top:12px;padding:10px;display:grid;overflow:auto}.workouts-page__check{color:var(--d-text);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:8px;display:flex}.workouts-page__check:hover{background:color-mix(in srgb, var(--d-accent,#6366f1) 8%, transparent)}.workouts-page__check input{margin-top:3px}.workouts-page__check span{font:600 .88rem/1.25 var(--d-font);gap:2px;display:grid}.workouts-page__check small{color:var(--d-text-muted);font:.75rem/1.25 var(--d-font)}.workouts-page__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;display:flex}.workouts-page__actions .btn{align-items:center;gap:6px;display:inline-flex}.workouts-page__collection-items{color:var(--d-text);font:.82rem/1.45 var(--d-font);margin:8px 0 0 18px;padding:0}.workouts-page__collection-builder{border:1px solid var(--d-border);background:color-mix(in srgb, var(--d-text) 2.5%, transparent);border-radius:12px;margin-top:14px;padding:14px}.workouts-page__collection-builder-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:12px;display:flex}.workouts-page__collection-builder-title{font:700 .95rem/1.25 var(--d-font);color:var(--d-text);margin:0}.workouts-page__collection-builder-total{font:.88rem/1.35 var(--d-font);color:var(--d-text-muted);margin:0}.workouts-page__collection-builder-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.workouts-page__collection-builder-row{border:1px solid color-mix(in srgb, var(--d-border) 85%, transparent);background:var(--d-surface);border-radius:10px;grid-template-columns:minmax(0,1.4fr) minmax(7rem,.7fr) auto;align-items:end;gap:10px 12px;padding:10px;display:grid}.workouts-page__collection-builder-field select,.workouts-page__collection-builder-duration input{width:100%}.workouts-page__collection-builder-row-actions{flex-wrap:wrap;gap:6px;padding-bottom:2px;display:flex}.workouts-page__collection-builder-row-actions .btn{padding:6px 8px}@media (width<=720px){.workouts-page__collection-builder-row{grid-template-columns:1fr}.workouts-page__collection-builder-row-actions{justify-content:flex-end}}.workouts-page__empty-note{font:.85rem/1.4 var(--d-font);margin:10px 0 0}@media (width<=900px){.workouts-page__grid,.workouts-page__workout-grid,.workouts-page__collection-grid{grid-template-columns:1fr}.songs-now-playing-dock{left:0}.songs-now-playing-dock__title,.songs-now-playing-dock__artist{max-width:42vw}}