:root{color-scheme:light;--ui-ink:#142532;--ui-muted:#5e7184;--ui-border:#e3eaf0;--ui-border-strong:#b2c2ce;--ui-surface:#fff;--ui-surface-2:#f4f7fa;--ui-surface-3:#eaf0f4;--ui-deep:#0b1e29;--ui-deep-panel:#18323e;--ui-on-dark:#e6f0f2;--ui-success:#2b8c6a;--ui-success-text:#216c51;--ui-success-soft:#e5f4eb;--ui-info:#397ac8;--ui-info-text:#2963a9;--ui-info-soft:#eaf1ff;--ui-purple:#8763c1;--ui-purple-text:#7350ae;--ui-purple-soft:#f0eafd;--ui-warning:#c87b3e;--ui-warning-text:#9b5e2b;--ui-warning-soft:#fff0e5;--ui-danger:#d95564;--ui-danger-text:#b32f3d;--ui-danger-soft:#fff0f0;--ui-brand:#82cfaa;--ui-brand-hover:#9ce0bd;--ui-brand-ink:#12372d;--ui-sidebar:#0b1e29;--ui-sidebar-panel:#18323e;--ui-sidebar-ink:#d7e5ed;--ui-sidebar-muted:#96adba;--ui-nav-active:#153f3d;--ui-shadow:0 5px 22px #112b3b06;--paper:#f4f7fa;--ink:var(--ui-ink);--muted:var(--ui-muted);--line:var(--ui-border);--green:#236a54;--mint:var(--ui-brand);--accent:#347dc6;--serif:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--card:var(--ui-surface)}:root[data-theme=dark]{color-scheme:dark;--ui-ink:#e8f0f5;--ui-muted:#a3b4c2;--ui-border:#2b414d;--ui-border-strong:#58717f;--ui-surface:#172b37;--ui-surface-2:#112530;--ui-surface-3:#223a47;--ui-deep:#091b25;--ui-deep-panel:#102b37;--ui-on-dark:#e4eef3;--ui-success:#439c7c;--ui-success-text:#9be0bd;--ui-success-soft:#193e35;--ui-info:#478bcf;--ui-info-text:#a3c7ff;--ui-info-soft:#1c354e;--ui-purple:#9675cb;--ui-purple-text:#d5c0fa;--ui-purple-soft:#322c49;--ui-warning:#c9874e;--ui-warning-text:#f1c498;--ui-warning-soft:#44382e;--ui-danger:#d16b76;--ui-danger-text:#ffaaa9;--ui-danger-soft:#4a2a32;--ui-brand:#91dbb6;--ui-brand-hover:#a7ebc8;--ui-sidebar:#081a24;--ui-sidebar-panel:#132d39;--ui-sidebar-ink:#d7e5ed;--ui-sidebar-muted:#9ab1bf;--ui-nav-active:#19463f;--ui-shadow:0 5px 22px #00000015;--paper:#10212c;--green:#9be0bd;--card:var(--ui-surface)}body{background:var(--paper);color:var(--ui-ink);font-size:14px;line-height:1.55}button,input,select,textarea{font-family:inherit}a,button,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--ui-info);outline-offset:3px}button{transition:background-color .15s,color .15s,border-color .15s}button:disabled{opacity:.5}.app{--sidebar-size:240px}.sidebar{width:var(--sidebar-size);inset:12px auto 12px 12px;height:calc(100dvh - 24px);background:var(--ui-sidebar);color:var(--ui-sidebar-ink);border:0;border-radius:16px;padding:26px 16px 18px;box-shadow:0 8px 30px #1023300b}.brand{color:#f2f7fa;font-size:22px;letter-spacing:-.5px;padding:0 7px}.brand small{color:#b5c7d1;font-weight:500;letter-spacing:1.8px;font-size:8px}.brand-mark{background:#174b43;color:#d5f0e2;border-radius:12px;height:44px;width:44px}.nav-label{color:var(--ui-sidebar-muted);font-size:9px;margin:35px 13px 14px;letter-spacing:1.5px}.sidebar nav{gap:7px}.sidebar nav button{font-size:13px;min-height:47px;color:var(--ui-sidebar-ink);border-radius:9px;padding:12px 13px}.sidebar nav button:hover{background:var(--ui-sidebar-panel)}.sidebar nav button.active{background:var(--ui-nav-active);color:#f0fcf5}.sidebar nav small{background:#256f5a;color:#d9f6e9;border-radius:7px;padding:2px 6px}.sidebar-bottom{padding-top:28px}.local-card{background:var(--ui-sidebar-panel);color:#e4eef4;border-radius:14px;padding:20px 17px}.local-card strong{font-size:13px}.local-card p{font-size:12px;color:#bdd0da}.local-card button{background:var(--ui-brand);color:var(--ui-brand-ink);min-height:40px;width:100%;justify-content:space-between;padding:9px 12px;border-radius:9px;font-size:12px;margin-top:15px}.profile{border-color:#29434f;padding-top:20px}.profile strong{color:#e9f2f7;font-size:13px}.profile small{color:var(--ui-sidebar-muted);font-size:11px}.avatar{background:#194b49;color:#e3f6ec}.status-dot{background:#76d7a5}.workspace{margin-left:calc(var(--sidebar-size) + 12px)}.topbar{height:76px;background:transparent;border:0;padding:0 30px;gap:20px}.breadcrumb{font-size:12px;color:var(--ui-muted);white-space:nowrap}.breadcrumb strong{color:var(--ui-ink);font-weight:650}.top-status{gap:13px;min-width:0}.connection{background:var(--ui-success-soft);color:var(--ui-success-text);border:1px solid transparent;padding:7px 12px;min-height:35px;border-radius:99px;font-size:12px;display:flex;align-items:center;gap:7px}.connection.off{background:var(--ui-warning-soft);color:var(--ui-warning-text)}.save-status{font-size:11px;color:var(--ui-muted)}.theme-toggle{background:var(--ui-surface-3);color:var(--ui-ink);border:1px solid transparent;border-radius:50%;min-width:40px;width:40px;height:40px}.theme-toggle:hover{background:var(--ui-surface);border-color:var(--ui-border)}.page-content{padding:0 30px 40px;max-width:1700px}.page-content>.page-heading{padding-top:25px}.page-heading h1,.title-input{font-family:inherit;font-weight:730;letter-spacing:-1px}.page-heading h1{font-size:32px;line-height:1.2}.page-heading p{font-size:14px;color:var(--ui-muted)}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px}.btn{font-size:13px;min-height:44px;border-radius:9px;box-shadow:none}.btn.mint,.btn.primary{background:var(--ui-brand);color:var(--ui-brand-ink);border:1px solid transparent}.btn.mint:hover:not(:disabled),.btn.primary:hover:not(:disabled){background:var(--ui-brand-hover)}.btn.secondary{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-ink)}.btn.secondary:hover:not(:disabled){background:var(--ui-surface-2);border-color:var(--ui-border-strong)}.text-btn{color:var(--green);font-size:12px}.icon-btn:hover:not(:disabled){background:var(--ui-surface-3)}.danger{color:var(--ui-danger-text)!important}.badge,.muted,.small{color:var(--ui-muted)}.badge{border:1px solid var(--ui-border);background:var(--ui-surface-2);font-size:10px}.badge.good{background:var(--ui-success-soft);color:var(--ui-success-text);border-color:transparent}.no-guide-badge{background:var(--ui-danger-soft);color:var(--ui-danger-text);border-color:var(--ui-danger-text)}.site-search{position:relative;width:280px;min-width:160px}.site-search>label{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 12px;border-radius:99px;background:var(--ui-surface-3);border:1px solid var(--ui-border);color:var(--ui-muted)}.site-search input{width:100%;min-width:0;font-size:12px;background:none;border:0;padding:9px 0;color:var(--ui-ink);outline-offset:0}.search-results{position:absolute;right:0;top:calc(100% + 10px);width:380px;max-width:calc(100vw - 24px);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:13px;box-shadow:0 14px 50px #051f2833;padding:8px;z-index:55;max-height:65dvh;overflow:auto}.search-results-heading{display:flex;justify-content:space-between;align-items:center;padding-left:10px;font-size:12px;color:var(--ui-muted)}.search-results>button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;border-radius:8px;min-height:55px}.search-results>button:hover{background:var(--ui-surface-2)}.search-results>button>span{min-width:0}.search-results strong{font-size:13px;overflow-wrap:anywhere}.search-results small{display:block;font-size:11px;color:var(--ui-muted);margin-top:3px}.search-results>p{font-size:12px;color:var(--ui-muted);padding:16px}.dashboard-hero{position:relative;isolation:isolate;overflow:hidden;min-height:255px;border-radius:15px;display:flex;align-items:center;background:#0b202b url(/drum-studio.png) center 50%/cover no-repeat;color:#f5f9fc;padding:30px 42px}.dashboard-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a202df5,#0b202bdb 33%,#10232b44 62%,#0b202b1a)}.hero-content{max-width:490px}.hero-content .eyebrow{color:#e6eef0;font-size:9px}.hero-content h1{font-size:38px;line-height:1.12;letter-spacing:-1px;margin:12px 0;font-weight:730}.hero-content p{font-size:14px;color:#e1eaf0;line-height:1.6;margin-bottom:16px;max-width:420px}.hero-signature{position:absolute;right:4%;bottom:28px;font-family:Georgia,serif;font-style:italic;font-size:30px;line-height:1.2;transform:rotate(-8deg);color:#f5f5f0;text-align:center;text-shadow:0 2px 15px #000}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 22px}.dashboard-stats>button{display:flex;align-items:center;gap:14px;text-align:left;background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow);border-radius:13px;padding:16px;min-height:90px;min-width:0}.dashboard-shortcuts>button:hover,.dashboard-stats>button:hover{border-color:var(--ui-border-strong);background:var(--ui-surface-2)}.dashboard-stats>button>span:nth-child(2){min-width:0;flex:1}.dashboard-stats>button>svg{color:var(--ui-muted);width:15px}.dashboard-stats strong{font-size:25px;line-height:1.1;display:block;font-weight:720;color:var(--ui-ink)}.dashboard-stats b{font-size:13px;color:var(--ui-ink);font-weight:650}.dashboard-stats small{display:block;font-size:11px;color:var(--ui-muted);line-height:1.5;margin-top:5px;overflow-wrap:anywhere}.dash-icon{display:flex;align-items:center;justify-content:center;height:48px;width:48px;border-radius:13px;flex-shrink:0}.dash-icon.blue{color:var(--ui-info-text);background:var(--ui-info-soft)}.dash-icon.orange{color:var(--ui-warning-text);background:var(--ui-warning-soft)}.dash-icon.green{color:var(--ui-success-text);background:var(--ui-success-soft)}.dash-icon.rose{color:var(--ui-danger-text);background:var(--ui-danger-soft)}.dash-icon.purple{color:var(--ui-purple-text);background:var(--ui-purple-soft)}.dashboard-columns{display:grid;grid-template-columns:1.08fr 1fr;gap:24px;align-items:start}.dashboard-columns>section{min-width:0}.dashboard .section-heading{margin:0 0 10px}.section-heading h2{font-family:inherit;font-size:17px;font-weight:680;letter-spacing:-.3px}.dashboard-list{display:grid;gap:10px}.dashboard-service{display:flex;align-items:center;gap:16px;padding:16px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:13px;min-height:90px;box-shadow:var(--ui-shadow)}.dashboard-date{background:var(--ui-surface-2);border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;height:58px;color:var(--ui-ink)}.dashboard-date strong{font-size:23px;font-weight:700;line-height:1.1}.dashboard-date small{font-size:10px;text-transform:uppercase;color:var(--ui-muted)}.dashboard-service-title{text-align:left;min-width:0;flex:1;min-height:44px}.dashboard-service-title strong{display:block;font-size:14px;font-weight:650;overflow-wrap:anywhere}.dashboard-service-title small{font-size:11px;display:flex;align-items:center;gap:5px;color:var(--ui-muted);margin-top:7px}.dashboard-service .badge{padding:5px 9px}.service-play{color:var(--green);background:var(--ui-success-soft)}.dashboard-library{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:13px;box-shadow:var(--ui-shadow);padding:4px 18px}.dashboard-library>button{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:12px 0;border-bottom:1px solid var(--ui-border);min-height:73px}.dashboard-library>button:last-child{border:0}.dashboard-library>button>span:nth-child(2){flex:1;min-width:0}.dashboard-library>button>svg{color:var(--ui-info-text);width:17px}.dashboard-library strong{font-size:13px;font-weight:650;overflow-wrap:anywhere}.dashboard-library small{display:block;font-size:11px;color:var(--ui-muted);margin-top:3px}.dashboard-library .dash-icon{height:43px;width:43px}.dashboard-library .no-guide-badge{margin-top:5px}.dashboard-empty{padding:27px 18px;min-height:195px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:13px}.dashboard-library .dashboard-empty{border:0;padding-left:0;min-height:220px}.dashboard-empty>svg{color:var(--green)}.dashboard-empty h3{font-size:16px;font-weight:650}.dashboard-empty p{font-size:12px;color:var(--ui-muted);line-height:1.6}.dashboard-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.dashboard-shortcuts>button{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:13px;padding:16px;display:flex;align-items:center;gap:12px;text-align:left;min-height:90px;min-width:0;box-shadow:var(--ui-shadow)}.dashboard-shortcuts>button>span:nth-child(2){flex:1;min-width:0}.dashboard-shortcuts strong{font-size:12px;line-height:1.5;display:block;font-weight:650}.dashboard-shortcuts small{display:block;font-size:11px;color:var(--ui-muted);line-height:1.5;margin-top:4px}.dashboard-shortcuts>button>svg{color:var(--ui-muted);width:16px}.resume{margin:0 0 20px;background:var(--ui-success-soft);border-color:var(--ui-border);color:var(--ui-success-text)}.editor-main,.info-panel,.metro-main,.metro-setlist,.music-table,.offline-list,.pads-panel,.playlist-card,.settings-panel{background:var(--ui-surface);border-color:var(--ui-border);box-shadow:var(--ui-shadow);color:var(--ui-ink)}.info-panel,.metro-main,.metro-setlist,.music-table,.pads-panel,.playlist-card,.settings-panel{border-radius:13px}.card-title h3,.panel-header h2{font-family:inherit;font-weight:650}.panel-header h2{font-size:18px}.settings-panel h2{font-size:21px;font-weight:680}.settings-panel .small,.settings-panel>p{color:var(--ui-muted)}.form-label{font-size:13px;color:var(--ui-ink);font-weight:600}.form-label input,.form-label textarea,.metro-list-picker select,.pad-choice select,.pad-form input,.pad-form select,.pad-import-row select{background:var(--ui-surface-2);border-color:var(--ui-border-strong);color:var(--ui-ink);font-size:16px}.search-field{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-muted)}.search-field input{background:none;color:var(--ui-ink)}input::placeholder,textarea::placeholder{color:var(--ui-muted);opacity:1}.track-details input{background:var(--ui-surface-2);color:var(--ui-ink)}.track,.track-details input{border-color:var(--ui-border)}.music-name strong,.track-title strong{color:var(--ui-ink);font-size:14px}.file-info small,.music-name small,.pad-choice label,.track-title>span:not(.no-guide-badge){color:var(--ui-muted)}.pad-choice label{font-size:12px}.pad-form,.pad-live-card,.pad-mixer,.pad-transport,.pad-upload{background:var(--ui-surface-2);border-color:var(--ui-border);color:var(--ui-ink)}.pad-live-card small,.pad-live-list small,.pad-mixer .volume-control,.pad-transport small{color:var(--ui-muted)}.pad-transport strong{color:var(--ui-ink)}.pad-import-row{background:var(--ui-surface);border-color:var(--ui-border)}.optional,.pad-section-heading p{color:var(--ui-muted)}.output-segments{background:var(--ui-surface-2);border-color:var(--ui-border)}.output-segments button{color:var(--ui-muted)}.output-segments button.selected{border-color:var(--ui-success-text)}.notice,.output-segments button.selected{background:var(--ui-success-soft);color:var(--ui-success-text)}.notice.error{background:var(--ui-danger-soft);color:var(--ui-danger-text)}.modal{background:var(--ui-surface);color:var(--ui-ink)}.modal-backdrop{background:#04121c99}.toast{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-ink)}.working{background:var(--ui-deep);color:#e9f3f7}.audio-dock{background:var(--ui-surface);border-color:var(--ui-border)}.audio-dock summary{color:var(--ui-ink)}.guide-mixer .pad-mixer{background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-border)}.pdf-pages canvas{background:#fff!important}.reader-tools{background:var(--ui-surface-2);color:var(--ui-ink);border-color:var(--ui-border)}.reader-fullscreen,.reader-scroll{background:var(--ui-surface-3)}.reader-fullscreen-toggle{background:var(--ui-success-soft);color:var(--ui-success-text)}.performance{background:var(--ui-deep);color:#e8f1f4}.guide-fullscreen .performance-footer,.performance-footer,.performance-header{background:#0a202a;border-color:#29434f;color:#e6f1f4}.performance-header h1{font-family:inherit}.performance-footer .btn.dark,.performance-header .btn.dark{background:#203a46;color:#eef4f6;border-color:#4f6974}.performance-footer .btn.mint{background:#8ed4af;color:#11372b}.fullscreen-audio .metro-mini-play{background:#255949;color:#e9f4ee}.performance-footer .pad-toggle{background:#223e42;color:#e6f0ed;border-color:#50736d}.performance-footer .pad-on{background:#8ed4af;color:#11372b}.guide-fullscreen .current-label strong,.guide-fullscreen .next-label strong,.performance-footer .current-label strong,.performance-footer .next-label strong{color:#edf6f7}.fullscreen-count,.performance-footer .current-label small,.performance-footer .next-label small{color:#bcd0d7}.performance .missing-guide{color:#e8f1f4}.performance .missing-guide small{color:#bed0d8}.performance .performance-note{background:#193e35;color:#bce7d0}.performance-list{background:#102d37;border-color:#29434f;color:#e6f0f4}.performance-list>div.active{background:#1b4a43}.performance-list strong{color:#e6f0f4}.performance-list .text-btn,.performance-list span{color:#b0d9ca}.stage-tabs{background:#102b34;border-color:#29434f}.stage-tabs button{color:#b5cbd5}.stage-tabs button.active{background:#254e43;color:#e3f6e9}.performance .metro-main,.performance .metro-setlist,.performance .pads-panel{color:var(--ui-ink)}.error,.performance .pad-live-card .no-guide-badge{color:var(--ui-danger-text)}.settings-grid{gap:22px}.settings-panel{padding:25px}.pad-library details>summary{min-height:44px}.table-heading{color:var(--ui-muted)}.boot{color:var(--ui-ink)}@media(min-width:1500px){.topbar{padding:0 38px}.page-content{padding-left:38px;padding-right:38px}.dashboard-hero{min-height:275px}.hero-content h1{font-size:42px}}@media(max-width:1250px){.app{--sidebar-size:215px}.topbar{padding:0 24px;gap:12px}.page-content{padding-left:24px;padding-right:24px}.site-search{width:220px}.save-status{display:none}.dashboard-stats{gap:12px}.dashboard-stats>button{padding:14px;gap:10px}.dashboard-stats .dash-icon{width:42px;height:42px}.dashboard-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-service{padding:14px;gap:10px}.dashboard-service .badge{font-size:9px}.dashboard-hero{padding:28px 32px}.hero-signature{font-size:25px}.dashboard-columns{gap:18px}}@media(max-width:1000px){.app{--sidebar-size:0px}.sidebar{inset:auto 0 0 0;width:100%;height:calc(70px + env(safe-area-inset-bottom));border-radius:0;padding:0 0 env(safe-area-inset-bottom);border-top:1px solid #29434f}.sidebar nav{gap:0}.sidebar nav button{padding:8px 4px;min-height:69px;border-radius:0;color:#b8cbd6;font-size:10px}.sidebar nav button.active{background:#183f3d;color:#d4f1e3}.sidebar nav button:hover{background:#18323e}.workspace{margin-left:0}.topbar{height:70px;padding:0 22px}.page-content{padding:0 22px 110px}.breadcrumb{font-size:12px}.site-search{width:260px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-stats>button{padding:16px}.dashboard-hero{min-height:255px}.hero-content h1{font-size:36px}.dashboard-columns{grid-template-columns:1fr 1fr}.dashboard-service{flex-wrap:wrap}.dashboard-service-title{flex-basis:calc(100% - 80px)}.dashboard-service .badge{margin-left:62px}.dashboard-service .service-play{margin-left:auto}.audio-dock{left:16px;right:16px}.dashboard-shortcuts{margin-top:20px}}@media(max-width:700px){.topbar{padding:0 16px;gap:10px;height:64px}.breadcrumb{display:none}.top-status{width:100%;justify-content:flex-end;gap:9px}.site-search{width:auto;flex:1;min-width:0}.site-search>label{min-height:39px}.connection{font-size:11px;padding:7px 9px}.connection span{display:inline}.theme-toggle{width:38px;min-width:38px;height:38px}.search-results{left:0;right:auto;width:calc(100vw - 32px)}.page-content{padding:0 16px 110px}.page-content>.page-heading{padding-top:23px}.dashboard-hero{padding:26px 23px;min-height:260px;background-position:62%}.dashboard-hero:before{background:linear-gradient(90deg,#0b202bf2,#0b202b99 72%,#0b202b88)}.hero-content h1{font-size:33px}.hero-content p{font-size:13px;max-width:330px}.hero-content .eyebrow{font-size:8px}.hero-signature{display:none}.dashboard-stats{gap:10px;margin:14px 0 20px}.dashboard-stats>button{min-height:92px;padding:13px;gap:10px}.dashboard-stats .dash-icon{height:38px;width:38px;border-radius:11px}.dashboard-stats .dash-icon svg{width:21px}.dashboard-stats strong{font-size:24px}.dashboard-stats b{font-size:12px}.dashboard-stats small{font-size:10px}.dashboard-stats>button>svg{display:none}.dashboard-columns{grid-template-columns:1fr;gap:22px}.dashboard-service{flex-wrap:nowrap;gap:12px;padding:15px}.dashboard-service-title{flex-basis:auto}.dashboard-service .badge,.dashboard-service .service-play{margin-left:0}.dashboard-shortcuts{grid-template-columns:1fr 1fr;gap:10px}.dashboard-shortcuts>button{padding:14px 12px;gap:10px;min-height:100px;align-items:flex-start}.dashboard-shortcuts>button>svg{display:none}.dashboard-shortcuts .dash-icon{height:37px;width:37px;border-radius:10px}.dashboard-shortcuts .dash-icon svg{width:20px}.dashboard-shortcuts strong{font-size:12px}.dashboard-shortcuts small{font-size:10px}.dashboard .section-heading h2{font-size:17px}.dashboard .section-heading .text-btn{font-size:11px}.page-heading h1,.title-input{font-size:28px}.heading-actions{gap:8px}.heading-actions .btn{white-space:normal;font-size:12px;line-height:1.4}.settings-panel{padding:21px}.dashboard-library{padding:3px 14px}.dashboard-library strong{font-size:13px}.dashboard-empty h3{font-size:15px}.form-label{font-size:12px}.music-name strong,.track-title strong{font-size:13px}.sidebar nav button{font-size:9px}}@media(max-width:380px){.dashboard-service .badge{display:none}.dashboard-shortcuts{grid-template-columns:1fr}.dashboard-stats>button{padding:10px;gap:8px}.dashboard-stats .dash-icon{width:32px;height:36px}.dashboard-stats small{font-size:9px}.dashboard-hero{padding:23px 20px}.hero-content h1{font-size:29px}.connection span{display:none}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}.btn:hover:not(:disabled){transform:none}}.metronome-console>h2{font-family:inherit;font-weight:650}.beat-lights>span.lit{background:var(--ui-success-text);color:var(--ui-surface);border-color:var(--ui-success-text)}.mini-metronome .mini-pulse,.mini-metronome .mini-title small{color:#a5ddbe}.mini-metronome .mini-title .mini-error{color:#ffb7aa}.mini-metronome .metro-mini-play{background:#2c5849;color:#edf8f1}@keyframes metro-pulse{0%{background:#355b4f;color:#d5f7e5}to{background:#18323e;color:#a5ddbe}}@media(min-width:1001px) and (max-width:1100px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1001px){.is-overview .page-content{padding-bottom:16px}.dashboard-hero{min-height:0;padding:20px 32px}.hero-content h1{font-size:clamp(28px,3.7dvh,38px);margin:8px 0}.hero-content p{margin-bottom:12px;font-size:13px}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.dashboard-stats>button{min-height:68px;padding:10px 12px;gap:10px}.dashboard-stats .dash-icon{height:38px;width:38px}.dashboard-stats strong{font-size:23px}.dashboard-stats small{margin-top:3px}.dashboard-columns{gap:18px}.dashboard .section-heading{margin-bottom:6px}.dashboard .section-heading h2{font-size:16px}.dashboard-list{gap:8px}.dashboard-service{min-height:66px;padding:8px 12px;gap:10px}.dashboard-date{min-width:42px;height:46px}.dashboard-date strong{font-size:20px}.dashboard-service-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-service-title small{margin-top:3px}.dashboard-library{padding:0 12px}.dashboard-library>button{min-height:58px;padding:7px 0;gap:10px}.dashboard-library .dash-icon{height:34px;width:34px}.dashboard-library strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-library .no-guide-badge{margin-top:2px;padding-top:1px;padding-bottom:1px}.dashboard-empty,.dashboard-library .dashboard-empty{min-height:160px;padding:16px}.dashboard-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.dashboard-shortcuts>button{min-height:64px;padding:10px;gap:9px}.dashboard-shortcuts .dash-icon{height:34px;width:34px;border-radius:9px}.dashboard-shortcuts .dash-icon svg{width:19px}.dashboard-shortcuts>button>svg{display:none}.dashboard-shortcuts small{margin-top:2px;font-size:10px}.dashboard .resume{min-height:44px;margin-bottom:8px}}@media(min-width:1001px) and (max-height:850px){.is-overview .topbar{height:64px}.dashboard-hero{padding:14px 26px}.hero-content h1{font-size:28px;line-height:1.15;margin:5px 0}.hero-content h1 br{display:none}.hero-content p{font-size:12px;margin-bottom:8px}.hero-content .eyebrow{font-size:8px}.dashboard-hero .hero-content{max-width:560px}.hero-signature{font-size:24px;bottom:20px}.dashboard-library>button:nth-child(n+3),.dashboard-service:nth-child(n+3){display:none}.dashboard-library>button:nth-child(2){border-bottom:0}.dashboard-stats>button{min-height:64px}.dashboard-shortcuts>button{min-height:58px}.dashboard-empty,.dashboard-library .dashboard-empty{min-height:140px}}@media(min-width:1001px) and (max-width:1150px){.dashboard-service .badge,.dashboard-shortcuts .dash-icon,.dashboard-stats .dash-icon{display:none}}.auth-screen{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-intro{padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:48px;background:linear-gradient(0deg,#0a202be8,#0a202bbd),url(/drum-studio.png) 50%/cover;color:#f2f8f5}.auth-brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700}.auth-brand small{display:block;font-size:9px;letter-spacing:2px}.auth-intro h1{font-size:clamp(32px,3.7vw,52px);line-height:1.15;margin:20px 0}.auth-intro p{color:#d7e8e1;max-width:380px}.auth-intro .eyebrow{color:#a8d7ba}.auth-panel{display:flex;justify-content:center;align-items:center;padding:36px 24px}.auth-card{width:100%;max-width:410px}.auth-card h2{font-size:30px;font-weight:700}.auth-card>p{color:var(--ui-muted);margin:12px 0 30px}.auth-card input{width:100%;min-height:48px}.auth-card .btn.full{margin-top:10px;min-height:48px}.auth-card>.text-btn{margin-top:12px}.password-field{display:flex;align-items:center;position:relative}.password-field input{padding-right:48px}.password-field button{position:absolute;right:4px;bottom:2px}.auth-card .auth-footnote{font-size:12px;margin-top:22px;line-height:1.7}.admin-page{max-width:1100px;padding:28px;margin:auto}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-members{display:grid;gap:16px;margin-top:24px}.admin-member{padding:20px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface)}.admin-permissions{display:flex;gap:18px;flex-wrap:wrap;padding:12px 0}.admin-permissions label{display:flex;align-items:center;gap:8px;min-height:44px}.admin-member small{color:var(--ui-muted)}.admin-member .button-group{margin-top:12px}@media(max-width:750px){.auth-screen{grid-template-columns:1fr}.auth-intro{padding:25px;gap:28px;min-height:220px}.auth-intro h1{font-size:29px;margin:10px 0}.auth-intro>small{display:none}.auth-panel{padding:30px 24px}.admin-form{grid-template-columns:1fr}.admin-page{padding:20px}}.sidebar nav .admin-nav{display:flex;align-items:center;gap:12px;min-height:47px;padding:13px 14px;font-size:13px;border-radius:8px;color:#c7d9df;text-align:left}.sidebar nav .admin-nav:hover{background:#183f3d;color:#e1f4e8}@media(max-width:1000px){.sidebar nav .admin-nav{display:none}}@media(min-width:1001px) and (max-height:850px){.sidebar{padding:18px 12px 12px}.sidebar .nav-label{margin:20px 12px 10px}.sidebar nav{gap:2px}.sidebar nav .admin-nav,.sidebar nav button{min-height:44px;padding:9px 12px}.sidebar-bottom{padding-top:12px}.sidebar .local-card{padding:10px 12px}.sidebar .local-card p{display:none}.sidebar .profile{padding-top:12px;margin-top:12px}}.form-label select{display:block;width:100%;min-height:46px;margin-top:8px;padding:11px 13px;border:1px solid var(--ui-border-strong);border-radius:9px;background:var(--ui-surface-2);color:var(--ui-ink);font:inherit;line-height:1.5}select optgroup,select option{background:var(--ui-surface);color:var(--ui-ink)}.form-label select:disabled{opacity:.65}.shared-song-selection{border:1px solid var(--ui-border);border-radius:12px;padding:16px;margin:16px 0;min-width:0}.shared-song-options{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow:auto;padding:8px 0}.shared-song-options .checkbox-label{margin:0;align-items:flex-start;overflow-wrap:anywhere}.shared-label{color:var(--muted);font-size:12px}