/*! Ark2 Chorus (c) 2007-2026 Ark2 Chorus. All rights reserved. Copying or redistribution is prohibited. */
:root{--room:#14181f;--room-dim:#1c212a;--panel:#ffffff;--panel-edge:#e2e2e2;--ink:#22262c;--ink-soft:#6b7078;--brass:#c9a15a;--brass-soft:#e3c98a;--paper-glow:radial-gradient(ellipse 60% 50% at 50% 0%, rgba(201,161,90,0.18), rgba(201,161,90,0) 70%);--c1:#e2725b;--c2:#4fb0a5;--c3:#7c83fd;--c4:#e0b34d;--c5:#d65b8a;--c6:#6fbf73;--radius:10px;--font-display:Georgia,'Iowan Old Style','Palatino Linotype','Book Antiqua',Palatino,serif;--font-body:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,'SF Mono','Cascadia Code','Roboto Mono',Consolas,monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 8%,rgba(201,161,90,.06),transparent 40%),var(--room);color:#e9e6de;font-family:var(--font-body);padding:70px 20px 60px}body.workspace-active{padding-top:148px;padding-bottom:276px;transition:padding-bottom .2s ease}body.workspace-active.mixer-collapsed{padding-bottom:64px}@media (max-width:700px){body{padding-top:98px}body.workspace-active{padding-top:196px;padding-bottom:294px}body.workspace-active.mixer-collapsed{padding-bottom:64px}.toggle-pill{width:28px;height:28px;font-size:13px}.icon-btn{width:36px;height:36px}.transport-buttons button{width:46px;height:46px}.tab-close{width:27px;height:27px;font-size:16px}.mixer-toggle-arrow{font-size:11px}.sc-instrument{font-size:16px}#score-paper,#staff-list,.tabs-row{-webkit-overflow-scrolling:touch}body{padding-left:8px;padding-right:8px}.top-bar-inner{padding-left:10px;padding-right:10px}.stand{padding-left:8px;padding-right:8px}#score-paper.score-updating{opacity:.55;transition:opacity .15s ease}#score-paper{padding-left:8px;padding-right:8px}.bottom-mixer-inner{padding-left:10px;padding-right:10px}}.app{max-width:1180px;margin:0 auto}button{font-family:var(--font-body);cursor:pointer;border-radius:8px;border:1px solid transparent;font-size:13.5px;font-weight:600;transition:transform .12s ease,background .15s ease,border-color .15s ease}button:active{transform:translateY(1px)}.btn-ghost{background:0 0;color:#cfd3da;border-color:#3a4150;padding:9px 16px}.btn-ghost:hover{border-color:var(--brass);color:var(--brass-soft)}.btn-brass{background:var(--brass);color:#2a2110;padding:9px 18px;border-color:var(--brass)}.btn-brass:hover{background:var(--brass-soft)}#dropzone{position:relative;border:1.5px dashed #454c5b;border-radius:14px;padding:7px 24px 38px;text-align:center;color:#9aa0aa;margin-bottom:26px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));transition:border-color .15s ease,background .15s ease}#dropzone.drag{border-color:var(--brass);background:rgba(201,161,90,.07);color:#e9e6de}#dropzone p{margin:4px 0;font-size:14px}.dz-logo{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid var(--brass);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 4px 14px -2px rgba(201,161,90,.35);margin-bottom:16px}.dz-motto{font-family:var(--font-display);font-size:clamp(18px, 4.5vw, 40px);line-height:1.1;color:var(--brass-soft);margin:0 auto 20px;font-style:italic;white-space:nowrap}#dropzone .dz-title{font-family:var(--font-display);font-size:19px;color:#f0ede4;margin-bottom:6px}.dz-shout{font-family:var(--font-display);font-weight:700;font-size:clamp(22px, 5vw, 32px);color:var(--brass);margin:14px 0 6px;letter-spacing:.01em}.dz-inspire{max-width:560px;margin:0 auto;min-height:96px;transition:opacity .6s ease}.dz-inspire.fading{opacity:0}#dropzone .dz-inspire .dz-title{font-size:clamp(17px, 4.2vw, 21px);line-height:1.3;margin:0 0 8px}#dropzone .dz-verse{font-family:var(--font-display);font-style:italic;font-size:13.5px;line-height:1.5;color:var(--brass-soft);margin:0}.dz-verse cite{display:block;margin-top:4px;font-style:normal;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--brass)}.dz-row{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.dz-hint{font-size:12px;color:#6b7280;margin-top:10px;font-family:var(--font-mono)}#workspace{display:none}#workspace.active{display:block}.top-bar{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(20,24,31,.97);backdrop-filter:blur(6px);border-bottom:1px solid #262c38}.top-bar-inner{max-width:1180px;margin:0 auto;padding:10px 20px 12px}body:not(.workspace-active) .tabs-row{padding-bottom:0;margin-bottom:0;border-bottom:0}body:not(.workspace-active) .top-bar-inner{padding-bottom:10px}.loading-overlay{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:rgba(20,24,31,.82);backdrop-filter:blur(3px)}.loading-logo{width:76px;height:76px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid var(--brass);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 4px 20px -2px rgba(201,161,90,.45);animation:loading-spin .7s linear infinite}.loading-text{font-family:var(--font-mono);font-size:18px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-soft)}#loading-percent{font-weight:700;color:#f4f1e8;font-variant-numeric:tabular-nums}.loading-dots span{display:inline-block;opacity:.2;animation:loading-dot-pulse 1.2s infinite}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loading-dot-pulse{0%,100%,60%{opacity:.2}30%{opacity:1}}@keyframes loading-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar-brand{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-right:12px;margin-right:6px;border-right:1px solid #2b3140;font-family:var(--font-display);font-weight:600;font-size:13.5px;color:#f0ede4;white-space:nowrap}button.topbar-brand{background:0 0;border:0;border-right:1px solid #2b3140;border-radius:0;cursor:pointer;padding-top:3px;padding-bottom:3px}.tabs-row>.topbar-brand{position:sticky;left:0;z-index:3;background:#14181f;box-shadow:8px 0 8px -6px rgba(0,0,0,.6)}button.topbar-brand:hover span,button.topbar-brand[aria-expanded=true] span{color:var(--brass-soft)}button.topbar-brand:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:6px}.topbar-caret{width:9px;height:6px;fill:none;stroke:var(--brass);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}button.topbar-brand[aria-expanded=true] .topbar-caret{transform:rotate(180deg)}.app-menu{position:fixed;z-index:2000;min-width:210px;padding:6px;background:#1d222c;border:1px solid #3a4150;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.65)}.app-menu[hidden]{display:none}.app-menu-item{display:grid;grid-template-columns:22px 1fr;column-gap:10px;align-items:center;width:100%;padding:9px 10px;border:0;border-radius:8px;background:0 0;color:#e9e6de;font:inherit;text-align:left;cursor:pointer}.app-menu-item+.app-menu-item{margin-top:2px}.app-menu-item svg{grid-row:span 2;width:20px;height:20px;fill:none;stroke:#9aa0aa;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-menu-item span{font-family:var(--font-mono);font-size:12.5px;font-weight:700;letter-spacing:.03em}.app-menu-item small{font-size:11px;color:#6b7280}.app-menu-item:hover{background:#2b3140}.app-menu-item.active{background:rgba(201,161,90,.14)}.app-menu-item.active span{color:var(--brass-soft)}.app-menu-item.active svg{stroke:var(--brass)}.topbar-brand-logo{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#fff;border:1.5px solid var(--brass);box-shadow:0 2px 6px -1px rgba(0,0,0,.5)}.tabs-row{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid #232a36}.tab-btn{display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;padding:7px 8px 7px 12px;background:#1c212a;border:1px solid #2b3140;color:#9aa0aa;border-radius:8px 8px 0 0;font-size:12.5px;font-weight:600}.tab-btn.active{background:#232a36;color:#f0ede4;border-color:var(--brass)}.tab-close{width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#e2544f;background:rgba(226,84,79,.12)}.tab-close:hover{background:#e2544f;color:#fff}.tab-add-btn{flex-shrink:0;padding:7px 12px;background:0 0;border:1px dashed #3a4150;color:#9aa0aa;border-radius:8px;font-size:12.5px;font-weight:600}.tab-add-btn:hover{border-color:var(--brass);color:var(--brass-soft)}.net-status{position:sticky;right:0;margin-left:auto;flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(20,24,31,.97);cursor:pointer}.net-status:focus-visible{outline:2px solid var(--brass);outline-offset:1px}body.workspace-active .net-status{display:none}.net-status.pinging svg{animation:net-ping .9s ease-in-out infinite}@keyframes net-ping{50%{opacity:.35;transform:scale(.88)}}.net-badge{position:absolute;right:2px;bottom:2px;width:13px;height:13px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 9px/1 var(--font-mono);color:#0d1014;box-shadow:0 0 0 2px rgba(20,24,31,.97);animation:net-badge-in .25s cubic-bezier(.2,1.5,.4,1)}.net-badge[hidden]{display:none}.net-badge.ok{background:#4ade80}.net-badge.bad{background:#f87171}@keyframes net-badge-in{from{transform:scale(0)}}.off-status{position:sticky;right:30px;margin-left:auto;flex:0 0 auto;width:30px;height:30px;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(20,24,31,.97);cursor:pointer}.off-status+.off-tip+.net-status{margin-left:0}body.workspace-active .off-status{display:none}.top-contact{position:sticky;right:60px;margin-left:auto;flex:0 0 auto;width:26px;height:26px;padding:0;border:0;border-radius:50%;margin-right:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#16a34a}.top-contact svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.top-contact:hover{background:#15803d}.top-contact:focus-visible{outline:2px solid #fff;outline-offset:2px}.top-contact+.off-status{margin-left:0}body.workspace-active .top-contact{display:none}.top-contact.contact-anim{animation-name:ci-halo-sm}@keyframes ci-halo-sm{0%{box-shadow:0 0 0 0 rgba(22,163,74,.55)}70%{box-shadow:0 0 0 5px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}.off-status svg{width:19px;height:19px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.off-status .off-bar,.off-status .off-phone{stroke:#6b7280}.off-status .off-bad,.off-status .off-down,.off-status .off-ok{display:none}.off-status[data-state=ready] .off-bar,.off-status[data-state=ready] .off-ok,.off-status[data-state=ready] .off-phone{stroke:#4ade80}.off-status[data-state=ready] .off-ok{display:inline}.off-status[data-state=saving] .off-bar,.off-status[data-state=saving] .off-down,.off-status[data-state=saving] .off-phone{stroke:#f0c674}.off-status[data-state=saving] .off-down{display:inline}.off-status[data-state=saving] svg{animation:off-pulse 1.4s ease-in-out infinite}.off-status[data-state=missing] .off-bad,.off-status[data-state=missing] .off-bar,.off-status[data-state=missing] .off-phone{stroke:#f87171}.off-status[data-state=missing] .off-bad{display:inline}@keyframes off-pulse{50%{opacity:.35}}.off-tip{position:fixed;top:52px;right:10px;z-index:150;max-width:260px;padding:8px 11px;border-radius:9px;background:#1c212a;border:1px solid #3a4150;color:#e9e6de;font-size:12.5px;line-height:1.4;box-shadow:0 8px 22px rgba(0,0,0,.5)}.off-tip[hidden]{display:none}.net-status svg{width:19px;height:19px;fill:none;stroke-width:2.1;stroke-linecap:round}.net-status .net-arc{stroke:#4ade80;transition:stroke .3s}.net-status .net-dot{fill:#4ade80;stroke:none;transition:fill .3s}.net-status .net-slash{stroke:#f87171;stroke-width:2.3;display:none}.net-status.offline .net-arc{stroke:#5b6270}.net-status.offline .net-dot{fill:#5b6270}.net-status.offline .net-slash{display:inline}.net-status.checking .net-arc{stroke:#6b7280}.net-status.checking .net-dot{fill:#6b7280}.transport{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.transport-buttons{display:flex;gap:8px}.transport-buttons button{width:42px;height:42px;border-radius:50%;font-size:17px;display:flex;align-items:center;justify-content:center;border:none;position:relative;overflow:hidden;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.85) 0,rgba(255,255,255,0) 32%),radial-gradient(circle at 50% 105%,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 55%),linear-gradient(180deg,#8fe25a 0,#4fae1e 55%,#2f7d10 100%);box-shadow:0 3px 6px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.6),inset 0 -3px 5px rgba(0,0,0,.35);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3)}#play-btn{padding-left:3px}.transport-buttons button:hover{filter:brightness(1.08)}.transport-buttons button.stop-btn{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.85) 0,rgba(255,255,255,0) 32%),radial-gradient(circle at 50% 105%,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 55%),linear-gradient(180deg,#ef6b63 0,#cc2e26 55%,#8f1611 100%)}.transport-buttons button.stop-btn:hover{filter:brightness(1.08)}.transport-buttons button:disabled{opacity:.45;cursor:wait;background:#3a4150}.transport-buttons{align-items:center;flex-wrap:wrap}.transport-buttons button.aux-btn{width:32px;height:32px;font-size:13px;color:#cfd3da;background:rgba(35,42,54,.8);border:1px solid #3a4150}.transport-buttons button.aux-btn:hover{border-color:var(--brass);color:var(--brass-soft);filter:none}.transport-buttons button.aux-btn[aria-pressed=true]{background:var(--brass);border-color:var(--brass);color:var(--room)}.progress-wrap{flex:1;min-width:160px}.progress-wrap[hidden]{display:none!important}.play-wrap{position:relative;display:flex;flex:0 0 auto;margin:0 4px}.play-ring{position:absolute;left:-6px;top:-6px;width:calc(100% + 12px);height:calc(100% + 12px);transform:rotate(-90deg);pointer-events:none;overflow:visible}.play-ring circle{fill:none;stroke-width:3.2}.play-ring .ring-bg{stroke:#3a4150}.play-ring .ring-fg{stroke:#29a3ff;stroke-linecap:round;stroke-dasharray:150.8;stroke-dashoffset:150.8;filter:drop-shadow(0 0 3px rgba(41,163,255,.55));transition:stroke-dashoffset .25s linear}.transport-buttons button.stop-btn.counting{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:-.02em;padding:0}@media (max-width:700px){.transport{gap:10px}.transport-buttons button.aux-btn{width:26px;height:26px}.transport-buttons button.aux-btn svg{width:12px;height:12px}.progress-wrap{flex:1 1 60px;min-width:60px}}@media (max-width:430px){.top-bar-inner{padding-left:12px;padding-right:12px}.transport{gap:8px}.transport-buttons{gap:6px}.transport-buttons button{width:40px;height:40px;font-size:15px}.transport-buttons button.aux-btn{width:26px;height:26px}.transport-buttons button.aux-btn svg{width:12px;height:12px}.progress-wrap{flex-basis:50px;min-width:50px}.tempo-box>span:first-child{display:none}.transport .tempo-box{flex-basis:140px;min-width:140px}.transport #tempo-slider{min-width:0}.time-readout{font-size:9.5px}}@media (max-width:380px){#time-total{display:none}}.progress-track{height:6px;background:#2b3140;border-radius:4px;position:relative;cursor:ew-resize;overflow:hidden;touch-action:none}.progress-fill{height:100%;background:var(--brass);width:0%;border-radius:4px}.time-readout{font-family:var(--font-mono);font-size:11.5px;color:#9aa0aa;margin-top:6px;display:flex;justify-content:space-between}.tempo-box{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:#cfd3da}#tempo-slider{--pct:37%;-webkit-appearance:none;appearance:none;background:0 0;width:130px;height:32px;margin:0;padding:0;cursor:pointer;touch-action:none}#tempo-slider:focus{outline:0}#tempo-slider:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:8px}#tempo-slider::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--brass) 0,var(--brass-soft) var(--pct),#2b3140 var(--pct),#2b3140 100%);box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}#tempo-slider::-moz-range-track{height:8px;border-radius:4px;background:#2b3140}#tempo-slider::-moz-range-progress{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--brass),var(--brass-soft))}#tempo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf6 0,#e3c98a 45%,#b88d44 100%);border:2px solid #14181f;box-shadow:0 0 0 1px var(--brass),0 3px 8px rgba(0,0,0,.6);transition:transform .12s ease,box-shadow .12s ease}#tempo-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf6 0,#e3c98a 45%,#b88d44 100%);border:2px solid #14181f;box-shadow:0 0 0 1px var(--brass),0 3px 8px rgba(0,0,0,.6)}#tempo-slider:active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 1px var(--brass),0 0 0 6px rgba(201,161,90,.25),0 3px 8px rgba(0,0,0,.6)}#tempo-slider:active::-moz-range-thumb{box-shadow:0 0 0 1px var(--brass),0 0 0 6px rgba(201,161,90,.25)}@media (max-width:560px){.tempo-box{flex:1 1 150px;min-width:150px;gap:6px}#tempo-slider{flex:1 1 auto;width:auto;min-width:80px;height:44px}#tempo-slider::-webkit-slider-runnable-track{height:10px;border-radius:5px}#tempo-slider::-webkit-slider-thumb{width:30px;height:30px;margin-top:-10px}#tempo-slider::-moz-range-progress,#tempo-slider::-moz-range-track{height:10px;border-radius:5px}#tempo-slider::-moz-range-thumb{width:26px;height:26px}.tempo-box .tempo-val{font-size:13px}}.tempo-box .tempo-val{min-width:52px;text-align:right;white-space:nowrap}.zoom-controls{display:flex;align-items:center;gap:6px;margin-left:auto}.zoom-val{font-family:var(--font-mono);font-size:11.5px;color:#cfd3da;min-width:34px;text-align:center;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:5px;padding:3px 2px;-webkit-tap-highlight-color:transparent}.zoom-val:hover{color:var(--brass-soft)}.zoom-val:active{background:rgba(255,255,255,.08)}.icon-btn{width:30px;height:30px;border-radius:7px;background:#232a36;border:1px solid #333c4b;color:#cfd3da;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}.icon-btn:hover{border-color:var(--brass);color:var(--brass-soft)}.transport{flex-wrap:nowrap}.transport .transport-buttons{flex:0 0 auto;flex-wrap:nowrap}.transport .tempo-box{flex:1 1 auto;min-width:0}.transport #tempo-slider{flex:1 1 auto;width:auto;min-width:44px;max-width:420px}.transport .zoom-controls{flex:0 0 auto;margin-left:auto}.tempo-val small{font-size:inherit}.tempo-box .tempo-track{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center}.tempo-box .tempo-track #tempo-slider{flex:1 1 auto;width:100%;max-width:none}.tempo-box .tempo-track .tempo-val{position:absolute;z-index:2;top:50%;left:0;transform:translate(-50%,-50%);min-width:0!important;width:auto;text-align:center;pointer-events:none;display:block!important;font:800 12px/1 var(--font-mono)!important;color:#141008!important;letter-spacing:-.03em;text-shadow:0 1px 0 rgba(255,255,255,.35)}.tempo-box .tempo-track #tempo-slider::-webkit-slider-thumb{width:36px;height:24px;margin-top:-8px;border-radius:6px;background:linear-gradient(180deg,#fff6dc 0,#e8cd8e 55%,#c9a15a 100%);border:1px solid #14181f;box-shadow:0 0 0 1px var(--brass),0 3px 8px rgba(0,0,0,.6)}.tempo-box .tempo-track #tempo-slider::-moz-range-thumb{width:34px;height:22px;border-radius:6px;background:linear-gradient(180deg,#fff6dc 0,#e8cd8e 55%,#c9a15a 100%);border:1px solid #14181f;box-shadow:0 0 0 1px var(--brass),0 3px 8px rgba(0,0,0,.6)}.tempo-box .tempo-track #tempo-slider:active::-webkit-slider-thumb{transform:scale(1.08)}.tempo-step.flash{animation:tempo-flash-btn .5s ease-out}.tempo-track.flash #tempo-slider::-webkit-slider-thumb{animation:tempo-flash-knob .5s ease-out}.tempo-track.flash #tempo-slider::-moz-range-thumb{animation:tempo-flash-knob .5s ease-out}@keyframes tempo-flash-btn{0%{background:#4ade80;border-color:#4ade80;color:#0f2a18;box-shadow:0 0 0 4px rgba(74,222,128,.35)}100%{background:#232a36;border-color:#3a4150;color:#e9e6de;box-shadow:0 0 0 0 rgba(74,222,128,0)}}@keyframes tempo-flash-knob{0%{background:#86efac;box-shadow:0 0 0 1px #4ade80,0 0 12px 3px rgba(74,222,128,.7)}100%{background:linear-gradient(180deg,#fff6dc 0,#e8cd8e 55%,#c9a15a 100%);box-shadow:0 0 0 1px var(--brass),0 3px 8px rgba(0,0,0,.6)}}.tempo-box .tempo-track .tempo-val small{display:none}.tempo-step{flex:0 0 auto;width:24px;height:24px;padding:0;border-radius:50%;cursor:pointer;border:1px solid #3a4150;background:#232a36;color:#e9e6de;font:700 15px/1 var(--font-mono);display:flex;align-items:center;justify-content:center}.tempo-step:hover{border-color:var(--brass);color:var(--brass-soft)}.tempo-step:disabled{opacity:.4;cursor:default}@media (max-width:560px){.transport{gap:8px}.transport .zoom-controls{gap:3px}.transport .icon-btn{width:30px;height:30px}.transport .zoom-val{min-width:30px;font-size:11px}.tempo-box .tempo-val{min-width:0;display:flex;flex-direction:column;align-items:center;line-height:1.05}.tempo-val small{font-size:8.5px;color:#8b93a7;letter-spacing:.05em}}@media (max-width:380px){.transport{gap:6px}.transport-buttons button{width:36px;height:36px;font-size:14px}.transport-buttons button.aux-btn{width:24px;height:24px}.transport #tempo-slider::-webkit-slider-thumb{width:24px;height:24px;margin-top:-7px}.transport #tempo-slider::-moz-range-thumb{width:20px;height:20px}}.stand{background:var(--paper-glow),var(--room-dim);border-radius:16px;padding:22px 22px 16px;border:1px solid #262c38}.stand-title{margin-bottom:14px}.piece-name{font-family:var(--font-display);font-size:20px;color:#f4f1e8;font-weight:600}#score-paper{background:var(--panel);border-radius:8px;padding:18px 20px 26px;box-shadow:0 12px 30px rgba(0,0,0,.35),0 1px 0 var(--panel-edge) inset;overflow-x:auto;cursor:pointer}#osmd-container{min-height:120px}.zoom-lock{display:none}.zoom-lock svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.zoom-lock .zl-open{display:none}.zoom-lock[aria-pressed=false]{color:#4ade80}.zoom-lock[aria-pressed=false] .zl-locked{display:none}.zoom-lock[aria-pressed=false] .zl-open{display:block}@media (pointer:coarse){#zoom-in,#zoom-out{display:none!important}.zoom-lock{display:inline-flex;align-items:center;justify-content:center}#score-paper{touch-action:pan-x pan-y}.piano-btn:not([hidden]){display:inline-flex;align-items:center;justify-content:center}.staff-card.piano-gated{display:none!important}}.piano-btn{display:none}.piano-btn svg{width:16px;height:16px;overflow:visible;opacity:.5}.piano-btn .k{fill:#f4f1e8;stroke:#8a8f99;stroke-width:.5;transform-box:fill-box}.piano-btn .b{fill:#0b0d11;stroke:#3a404c;stroke-width:.4}.piano-btn[aria-pressed=true]{border-color:var(--brass)}.piano-btn[aria-pressed=true] svg{opacity:1}@property --pl{syntax:'<number>';inherits:false;initial-value:0}.piano-btn{position:relative}.piano-btn.locked{cursor:not-allowed}.piano-btn.locked svg{opacity:.55}.piano-btn.locked::after{content:'';position:absolute;inset:-3px;border-radius:inherit;pointer-events:none;background:conic-gradient(var(--brass) calc(var(--pl) * 360deg),transparent 0);padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:piano-lock 10s linear forwards}@keyframes piano-lock{from{--pl:1}to{--pl:0}}body.notes-playing .piano-btn .k{animation:piano-key 1.2s ease-in-out infinite}body.notes-playing .piano-btn .k2{animation-delay:.3s}body.notes-playing .piano-btn .k3{animation-delay:.6s}body.notes-playing .piano-btn .k4{animation-delay:.9s}@media (prefers-reduced-motion:reduce){body.notes-playing .piano-btn .k{animation:none}}.bottom-mixer{position:fixed;bottom:0;left:0;right:0;z-index:160;background:rgba(20,24,31,.8);backdrop-filter:blur(6px);border-top:1px solid #262c38;transition:transform .2s ease,height .25s ease}.bottom-mixer.resizing{transition:none}.resize-handle{height:14px;margin-top:-7px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;touch-action:none}.resize-handle span{width:44px;height:4px;border-radius:3px;background:#3a4150;display:block}.bottom-mixer.resizing .resize-handle span,.resize-handle:hover span{background:var(--brass)}.bottom-mixer.collapsed .resize-handle{display:none}.bottom-mixer-inner{max-width:1180px;margin:0 auto;padding:10px 20px 14px;overflow-y:auto}.rail-title-toggle{position:absolute;top:-24px;left:50%;transform:translateX(-50%);z-index:5;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:#cfd3da;background:rgba(35,42,54,.72);backdrop-filter:blur(4px);border:1px solid #3a4150;border-bottom:none;padding:8px 18px 6px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;clip-path:polygon(9% 0%,91% 0%,100% 100%,0% 100%);display:flex;align-items:center;gap:6px}.rail-title-toggle:hover{color:var(--brass-soft);border-color:var(--brass)}.mixer-toggle-arrow{font-size:9.5px;transition:transform .15s ease}.rail-title-toggle:active{transform:translateX(-50%) translateY(1px)}.bottom-mixer.collapsed #staff-list{max-height:0;opacity:0;margin-top:0}.bottom-mixer.collapsed .bottom-mixer-inner{padding-bottom:10px}#staff-list{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;align-items:stretch;justify-content:center;justify-content:safe center;max-height:320px;opacity:1;margin-top:0;transition:max-height .28s ease,opacity .2s ease}.staff-card{background:linear-gradient(180deg,#20262f 0,#171b22 100%);border:1px solid #2b3140;border-top:3px solid var(--stc,var(--brass));border-radius:6px 6px 8px 8px;padding:8px 6px 10px;width:90px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:box-shadow .15s ease}.staff-card.playing{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(160,160,160,.5),0 0 14px -3px rgba(160,160,160,.6)}.sc-led{width:7px;height:7px;border-radius:50%;background:#2f9e4f;box-shadow:0 0 4px .5px rgba(47,158,79,.6),inset 0 1px 1px rgba(0,0,0,.3);transition:background .1s,box-shadow .1s}.staff-card.playing .sc-led{background:#e0403f;box-shadow:0 0 7px 1.5px #e0403f}.sc-name{font-size:10px;font-weight:700;text-align:center;color:#c7cbd3;line-height:1.25;min-height:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:.01em}.sc-instrument{width:100%;font-family:var(--font-mono);font-size:9.5px;color:#cfd3da;background:#1c212a;border:1px solid #2b3140;border-radius:5px;padding:3px 2px;text-align:center;cursor:pointer;margin-top:-4px}.sc-instrument:hover{border-color:var(--stc,var(--brass))}.sc-instrument.single{-webkit-appearance:none;appearance:none;pointer-events:none;cursor:default}.sc-instrument.single:hover{border-color:#2b3140}.sc-inst-wrap{position:relative;width:100%}.sc-inst-wrap.sung .sc-instrument{padding-left:17px}.sc-inst-ico{position:absolute;left:3px;top:50%;transform:translateY(-50%);margin-top:-2px;width:14px;height:14px;pointer-events:none;color:var(--stc,var(--brass))}.sc-inst-wrap.piano .sc-instrument{padding-left:17px}.sc-piano-ico{position:absolute;left:3px;top:50%;transform:translateY(-50%);margin-top:-2px;width:14px;height:14px;pointer-events:none}.sc-piano-ico svg{width:14px;height:14px;display:block;overflow:visible}.sc-piano-ico .k{fill:#f4f1e8;stroke:#8a8f99;stroke-width:.5;opacity:1;transform-box:fill-box}.sc-piano-ico .b{fill:#0b0d11;stroke:#3a404c;stroke-width:.4}body.notes-playing .sc-piano-ico .k{animation:piano-key 1.2s ease-in-out infinite}body.notes-playing .sc-piano-ico .k2{animation-delay:.3s}body.notes-playing .sc-piano-ico .k3{animation-delay:.6s}body.notes-playing .sc-piano-ico .k4{animation-delay:.9s}@keyframes piano-key{0%,100%,60%{opacity:1;transform:translateY(0)}25%{opacity:.55;transform:translateY(1.2px)}}@media (prefers-reduced-motion:reduce){body.notes-playing .sc-piano-ico .k{animation:none}}.sc-inst-ico[hidden]{display:none}.sc-inst-ico svg{width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sc-inst-ico .m{fill:currentColor}.sc-inst-ico .w{opacity:.9}.staff-card.singing-now .sc-inst-ico .w1{animation:sing-wave 1s ease-in-out infinite}.staff-card.singing-now .sc-inst-ico .w2{animation:sing-wave 1s ease-in-out .25s infinite}@keyframes sing-wave{0%,100%{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.staff-card.singing-now .sc-inst-ico .w{animation:none}}.sc-instrument:disabled{opacity:.5;cursor:wait}.sc-toggles{display:flex;gap:4px;justify-content:center}.toggle-pill.solo-btn{width:auto;padding:0 10px;border-radius:12px;font-size:11px;letter-spacing:.03em}.toggle-pill{width:22px;height:22px;padding:0;font-family:var(--font-mono);font-size:12px;font-weight:700;border-radius:50%;background:#232a36;border:1px solid #333c4b;color:#c7cbd3;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 3px rgba(0,0,0,.45),0 0 0 2px rgba(139,145,154,.3)}.toggle-pill.on-mute{background:rgba(224,64,63,.35);border-color:rgba(224,64,63,.75);color:#ffd9d9;box-shadow:inset 0 1px 3px rgba(0,0,0,.5),0 0 7px -1px rgba(160,160,160,.6)}.toggle-pill.solo-btn.singing{background:color-mix(in srgb,var(--stc,#4ade80) 18%,#1b2029);border-color:var(--stc,#4ade80);color:var(--stc,#4ade80);box-shadow:0 0 8px -2px var(--stc,#4ade80)}.toggle-pill.solo-btn.lead{cursor:default}.sing-ico{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.sing-ico i{display:block;width:3px;height:40%;border-radius:1.5px;background:currentColor;animation:sing-bar .9s ease-in-out infinite;animation-play-state:paused}.sing-ico i:nth-child(2){animation-delay:-.3s;height:80%}.sing-ico i:nth-child(3){animation-delay:-.6s;height:60%}.sing-ico i:nth-child(4){animation-delay:-.15s;height:30%}body.notes-playing .sing-ico i{animation-play-state:running}@keyframes sing-bar{0%,100%{height:25%}50%{height:100%}}@media (prefers-reduced-motion:reduce){.sing-ico i{animation:none}}.toggle-pill.solo-btn.lead,.toggle-pill.solo-btn.singing.lead{padding:0 8px;background:0 0;border-color:transparent;box-shadow:none}.lead-ico{position:relative;display:inline-block;width:40px;height:20px}.lead-fig{position:absolute;left:0;bottom:0;width:19px;height:20px;background:#f4f1e8;-webkit-mask:var(--fig) center/contain no-repeat;mask:var(--fig) center/contain no-repeat}.lead-fig.m{--fig:url(../icons/singer-male.png)}.lead-fig.f{--fig:url(../icons/singer-female.png)}.lead-ico b{position:absolute;left:23px;bottom:6px;font-size:13px;line-height:1;font-weight:400;opacity:1;opacity:0}.lead-ico b:first-of-type{color:#ff6b8b}.lead-ico b:nth-of-type(2){color:#ffd166}.lead-ico b:nth-of-type(3){color:#4dd0e1}.lead-ico b:nth-of-type(2){animation-delay:-.6s;left:30px}.lead-ico b:nth-of-type(3){animation-delay:-1.2s;left:19px}.staff-card.singing-now .lead-ico b{animation:lead-note 1.8s ease-out infinite}.staff-card.singing-now .lead-ico b:nth-of-type(2){animation-delay:-.6s}.staff-card.singing-now .lead-ico b:nth-of-type(3){animation-delay:-1.2s}@keyframes lead-note{0%{transform:translate(0,4px) rotate(-8deg);opacity:0}25%{opacity:1}100%{transform:translate(5px,-14px) rotate(12deg);opacity:0}}@media (prefers-reduced-motion:reduce){.staff-card.singing-now .lead-ico b{animation:none;opacity:1}}.toggle-pill.on-solo{background:rgba(58,138,74,.35);border-color:rgba(92,194,108,.75);color:#daffe0;box-shadow:inset 0 1px 3px rgba(0,0,0,.35),0 0 7px -1px rgba(160,160,160,.6)}.ch-fader-row{display:flex;align-items:center;justify-content:center;gap:6px}.vu-meter{width:6px;height:var(--fader-h,98px);border-radius:3px;background:linear-gradient(0deg,#2f9e4f 0,#2f9e4f 55%,#e0b34d 55%,#e0b34d 82%,#e0403f 82%,#e0403f 100%);border:1px solid #262c38;position:relative;overflow:hidden;flex-shrink:0;transition:height .12s ease}.vu-meter::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.55) 1px,transparent 1px,transparent 20%)}.vu-fill{position:absolute;top:0;left:0;right:0;height:95%;background:#0f1217;transition:height .09s ease-out}.staff-card.playing .vu-fill{height:calc(100% - var(--vu-level,80%))}.fader-wrap{width:32px;height:var(--fader-h,98px);display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:none;transition:height .12s ease}.fader-wrap input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;width:calc(var(--fader-h,98px) - 6px);height:32px;margin:0;transform:rotate(-90deg);accent-color:var(--stc);touch-action:none}.fader-wrap input[type=range]::-webkit-slider-runnable-track{height:4px;background:#0f1217;border-radius:2px;border:1px solid #262c38}.fader-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:18px;margin-top:-7px;border-radius:4px;border:1px solid rgba(0,0,0,.5);box-shadow:0 2px 4px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.15);background:linear-gradient(180deg,var(--stc) 0,var(--stc) 44%,#fff 44%,#fff 56%,var(--stc) 56%,var(--stc) 100%)}.fader-wrap input[type=range]::-moz-range-track{height:4px;background:#0f1217;border-radius:2px;border:1px solid #262c38}.fader-wrap input[type=range]::-moz-range-thumb{width:32px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.5);box-shadow:0 2px 4px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.15);background:linear-gradient(180deg,var(--stc) 0,var(--stc) 44%,#fff 44%,#fff 56%,var(--stc) 56%,var(--stc) 100%)}.sc-value{font-family:var(--font-mono);font-size:14px;font-weight:700;color:#e9e6de}.empty-note{color:#6b7280;font-size:12px;padding:8px 2px}#error-box{display:none;background:#3a2323;border:1px solid #6b3232;color:#f3c6c6;padding:12px 14px;border-radius:8px;font-size:13px;margin-bottom:18px}.lib-bar{display:flex;gap:10px;align-items:center;justify-content:center;margin:30px auto 0;max-width:720px;width:100%}.lib-path{flex:1;min-width:0;padding:9px 12px;border-radius:9px;border:1px solid #454c5b;background:rgba(0,0,0,.25);color:#e9e6de;font:inherit;font-size:13px;text-align:left}.lib-path::placeholder{color:#6b7280}select.lib-source{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:rgba(0,0,0,.25) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23c9a15a' stroke-width='1.5'/%3E%3C/svg%3E") right 11px center/10px no-repeat}select.lib-source:focus-visible{outline:2px solid var(--brass);outline-offset:2px}select.lib-source optgroup,select.lib-source option{background:#1d222c;color:#e9e6de}.lib-btn{font:inherit;font-size:13px;padding:9px 15px;border-radius:9px;border:1px solid rgba(201,161,90,.45);background:rgba(201,161,90,.1);color:var(--brass-soft);cursor:pointer;white-space:nowrap}.lib-btn:hover{border-color:var(--brass);background:rgba(201,161,90,.2)}#audio-player-panel .lib-bar{margin-top:4px;gap:8px}#audio-player-panel .lib-btn,#audio-player-panel .lib-path{font-size:10.5px;padding:7px 12px;border-radius:7px}#audio-player-panel .lib-path{padding:7px 10px}.lib-note{font-family:var(--font-mono);font-size:12px;color:#6b7280;margin:10px 0 0;min-height:15px}.lib-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;width:100%;max-width:1040px;margin:8px auto 0}.lib-dl-all{margin-right:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:6px 12px}.lib-dl-all[hidden]{display:none}.lib-dl-all svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.lib-dl-all:disabled{opacity:.55;cursor:default}#lib-shelf .lib-card{cursor:pointer}#lib-shelf .lib-card:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:8px}.pl-act.lib-saved{color:#4ade80;border-color:rgba(74,222,128,.5)}.pl-act.lib-update{color:#f0c674;border-color:rgba(240,198,116,.6)}.pl-act.lib-busy{opacity:.6;cursor:progress}.pl-act.lib-saved,.pl-act.pl-remove{position:relative}.pl-upd{position:absolute;top:-7px;left:50%;transform:translateX(-50%);min-width:11px;padding:0 2px;border-radius:6px;font:600 8px/11px system-ui,sans-serif;text-align:center;color:#0f141b;background:#ffd8a8;pointer-events:none;animation:pl-upd-blink 1.2s ease-in-out infinite}@keyframes pl-upd-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.pl-upd{animation:none}}.pl-act.pl-remove:has(.pl-upd) svg{width:15px;height:15px}.pl-act.pl-remove .pl-upd{top:50%;left:50%;transform:translate(-50%,-50%);min-width:0;padding:0;border-radius:0;background:0 0;font:700 7px/1 system-ui,sans-serif;color:#ffd8a8}.lib-rstat{order:-1;flex:0 0 auto;width:32px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:help}.lib-rstat[hidden]{display:none}.lib-rstat svg{width:30px;height:25px;overflow:visible}.lib-rstat .mic path,.lib-rstat .mic rect{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.lib-rstat .mic-halo path,.lib-rstat .mic-halo rect{fill:#14181f;stroke:#14181f;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}.lib-rstat .mic-halo path{fill:none}.lib-rstat[data-state=none] .mic path,.lib-rstat[data-state=none] .mic rect{stroke:#5b6270}.lib-rstat[data-state=partial] .mic path,.lib-rstat[data-state=partial] .mic rect{stroke:#f0c674}.lib-rstat[data-state=full] .mic path,.lib-rstat[data-state=full] .mic rect{stroke:#4ade80}.lib-rstat .bg-cloud{fill:#60a5fa;opacity:.85}.lib-rstat .bg-disk{fill:#4ade80}.lib-rstat .bg-disk-line{stroke:#0f2a18;stroke-width:1.2;stroke-linecap:round;opacity:.7}.lib-rstat .bg-disk-led{fill:#0f2a18;opacity:.75}.lib-rstat .mic{fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.lib-rstat[data-state=none] .mic{stroke:#5b6270}.lib-rstat[data-state=partial] .mic{stroke:#f0c674}.lib-rstat[data-state=partial] .fill{fill:#f0c674}.lib-rstat[data-state=full] .mic{stroke:#4ade80}.lib-rstat[data-state=full] .fill{fill:#4ade80}.sheet-hero{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 2px}.sheet-hero svg{width:28px;height:28px;fill:none;stroke:var(--brass);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sheet-hero h2{margin:0;font-family:var(--font-display);font-size:22px;color:#f0ede4;font-weight:700}#sheet-player-panel .lib-bar{margin-top:12px}#sheet-player-panel .lib-note,#sheet-player-panel .lib-toolbar,#sheet-shelf{max-width:720px;margin-left:auto;margin-right:auto}#sheet-note:empty{display:none}#sheet-shelf{margin-top:8px}#sheet-shelf .lib-card{cursor:pointer}#sheet-shelf .lib-card:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:8px}html.pin-pending body>:not(.pin-gate){visibility:hidden}.pin-gate{position:fixed;inset:0;z-index:5000;display:flex;overflow-y:auto;padding:20px;background:radial-gradient(ellipse at 50% 0,#232a36 0,#0b0d11 75%)}.pin-gate[hidden]{display:none}.pin-card{position:relative;margin:auto;width:100%;max-width:320px;text-align:center;padding:28px 24px 22px;background:rgba(20,24,31,.9);border:1px solid #2b3140;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.6)}.pin-card.shake{animation:pin-shake .35s ease}.pin-contact-btn{position:absolute;top:12px;right:12px;width:38px;height:38px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;background:#16a34a;box-shadow:0 4px 12px rgba(22,163,74,.35)}.pin-contact-btn svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.pin-contact-btn:hover{background:#15803d}.contact-anim{animation:ci-halo 2.4s ease-out infinite}.contact-anim .ci-phone{transform-box:fill-box;transform-origin:50% 50%;animation:ci-ring 5s ease-in-out infinite}.contact-anim .ci-mail{transform-box:fill-box;transform-origin:50% 50%;animation:ci-send 5s ease-in-out infinite}.contact-anim .ci-flap{transform-box:fill-box;transform-origin:50% 0%;transform:scaleY(-.5);animation:ci-flap 5s ease-in-out infinite}@keyframes ci-ring{0%,100%,13%,38%,51%{transform:rotate(0)}2%,40%{transform:rotate(-16deg)}4%,42%{transform:rotate(14deg)}44%,6%{transform:rotate(-12deg)}46%,8%{transform:rotate(10deg)}10%,48%{transform:rotate(-5deg)}}@keyframes ci-flap{0%,14%{transform:scaleY(-.5)}22%,64%{transform:scaleY(1)}100%,73%{transform:scaleY(-.5)}}@keyframes ci-send{0%,24%{transform:none;opacity:1}37%,51%{transform:translate(8px,-8px) scale(.3);opacity:0}52%{transform:translate(-5px,5px) scale(.5);opacity:0}100%,63%{transform:none;opacity:1}}@keyframes ci-halo{0%{box-shadow:0 4px 12px rgba(22,163,74,.35),0 0 0 0 rgba(22,163,74,.55)}70%{box-shadow:0 4px 12px rgba(22,163,74,.35),0 0 0 12px rgba(22,163,74,0)}100%{box-shadow:0 4px 12px rgba(22,163,74,.35),0 0 0 0 rgba(22,163,74,0)}}@media (prefers-reduced-motion:reduce){.contact-anim,.contact-anim .ci-flap,.contact-anim .ci-mail,.contact-anim .ci-phone{animation:none}}.pin-contact-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.contact-view{position:fixed;inset:0;z-index:5200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(8,10,14,.75)}.contact-view[hidden]{display:none}.contact-card{width:100%;max-width:340px;padding:16px 16px 18px;border-radius:16px;background:#14181f;border:1px solid #2b3140;box-shadow:0 20px 50px rgba(0,0,0,.6);color:#e9e6de}.contact-card h2{margin:0;font-family:var(--font-display);font-size:20px;color:#f0ede4}.contact-list{margin:0;font-size:14px}.contact-list p:not(.pin-contact-head){padding:4px 0}@keyframes pin-shake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}.pin-logo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--brass);background:#fff}.pin-card h1{margin:12px 0 4px;font-family:var(--font-display);font-size:22px;color:#f0ede4}.pin-sub{margin:0 0 16px;font-size:13.5px;color:#9aa0aa}.pin-input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:10px;border:1px solid #3a4150;background:#0d1014;color:#f0ede4;font-family:var(--font-mono);font-size:22px;letter-spacing:.35em;text-align:center}.pin-input:focus{outline:0;border-color:var(--brass);box-shadow:0 0 0 3px rgba(201,161,90,.25)}.pin-btn{width:100%;margin-top:12px;padding:11px;border-radius:10px;cursor:pointer;border:1px solid var(--brass);background:var(--brass);color:#1a1406;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pin-btn:disabled{opacity:.5;cursor:default}.pin-cancel{width:100%;margin-top:8px;padding:9px;border-radius:10px;cursor:pointer;border:1px solid #3a4150;background:0 0;color:#c4c8d0;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.pin-cancel[hidden]{display:none}.pin-msg{min-height:18px;margin:10px 0 0;font-size:12.5px;color:#f87171}.pin-contact{margin:10px 0 4px;padding:10px 12px;text-align:left;font-size:12.5px;line-height:1.5;border:1px solid #3a4150;border-radius:10px;background:#0d1014;color:#c4c8d0}.pin-contact[hidden]{display:none}.pin-msg:empty:has(+ .pin-contact:not([hidden])){min-height:0;margin:0}.pin-contact p{margin:0}.pin-contact .pin-contact-title{margin-bottom:2px;color:#f87171;font-weight:600}.pin-contact .pin-contact-head{margin-bottom:4px;color:#f0ede4;font-weight:600}.pin-contact b{color:#9aa0aa;font-weight:600}.pin-contact p:not(.pin-contact-head){display:flex;align-items:center;gap:8px}.pin-contact-ico{flex:0 0 auto;display:inline-flex;width:20px;height:20px}.pin-contact-ico svg{width:20px;height:20px}.pin-contact a{color:var(--brass-soft);text-decoration:none}.pin-contact a:hover{text-decoration:underline}.pin-readme{margin-top:4px;text-align:left;font-size:12px;line-height:1.4;color:#c4c8d0}.pin-readme summary{cursor:pointer;list-style-position:inside}.pin-readme summary:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:6px}.pin-readme-title{margin:0;text-align:center;padding:4px 0;color:var(--brass);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pin-readme p{margin:4px 0 6px}.pin-device{border-top:1px solid #2b3140}.pin-device>summary{padding:5px 0;font-weight:600;color:#f0ede4}.pin-device ol{margin:0 0 4px;padding-left:18px}.pin-device li{margin:1px 0}.pin-copy{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:26px;height:24px;margin:0 2px;padding:0;cursor:pointer;border:1px solid var(--brass);border-radius:6px;background:rgba(201,161,90,.15);color:var(--brass-soft)}.pin-copy svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.pin-copy:hover{background:rgba(201,161,90,.3)}.pin-copy.ok{border-color:#4ade80;color:#4ade80;background:rgba(74,222,128,.15)}.pin-copy-done{color:#4ade80;font-weight:600;font-size:.9em}.pin-copy-done[hidden]{display:none}.pin-readme-note{color:#9aa0aa}.pin-readme-bless{text-align:center;font-weight:700;color:#fff}.pin-readme b{color:#f0ede4}.app-menu-sep{height:1px;margin:6px 4px;background:#2b3140}.app-menu-item[hidden],.app-menu-sep[hidden]{display:none}.set-view{position:fixed;inset:0;z-index:4500;display:flex;overflow-y:auto;padding:16px;background:rgba(8,10,14,.86)}.set-view[hidden]{display:none}.set-card{margin:auto;width:100%;max-width:560px;padding:16px 16px 18px;background:#14181f;border:1px solid #2b3140;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.6);color:#e9e6de}.set-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.set-head h2{margin:0;font-family:var(--font-display);font-size:21px;color:#f0ede4}.set-x{width:34px;height:34px;border-radius:50%;border:1px solid #3a4150;background:0 0;color:#c4c8d0;font-size:22px;line-height:1;cursor:pointer}.set-x:hover{border-color:var(--brass);color:var(--brass-soft)}.r2u-btn{margin:0 10px 0 auto;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid #3a4150;background:#1b2029;color:var(--brass-soft);font-family:var(--font-mono);font-size:11px;cursor:pointer}.r2u-btn[hidden]{display:none}.r2u-btn:hover{border-color:var(--brass)}.r2u-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.r2u-view{position:fixed;inset:0;z-index:4600;display:flex;overflow-y:auto;padding:16px;background:rgba(8,10,14,.7)}.r2u-view[hidden]{display:none}.r2u-card{margin:auto;width:100%;max-width:440px;padding:16px 16px 14px;background:#14181f;border:1px solid var(--brass);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.6);color:#e9e6de;font-size:13px}.r2u-sec{margin:12px 0 6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}.r2u-meter{margin:8px 0}.r2u-meter-top{display:flex;justify-content:space-between;gap:8px}.r2u-meter-top b{font-weight:600}.r2u-meter-top span{font-family:var(--font-mono);font-size:11px;color:#aeb3bd}.r2u-bar{height:8px;margin-top:5px;border-radius:99px;background:#262c37;overflow:hidden}.r2u-bar i{display:block;height:100%;min-width:2px;border-radius:99px;background:#3fae6a}.r2u-bar i.warn{background:#d9a43a}.r2u-bar i.over{background:#d9534f}.r2u-rows{width:100%;border-collapse:collapse;font-size:12px}.r2u-rows td{padding:5px 0;border-top:1px solid #232934}.r2u-rows td:last-child{text-align:right;font-family:var(--font-mono);font-size:11px;color:#c4c8d0;white-space:nowrap;padding-left:10px}.r2u-rows small{color:#8a8f99}.r2u-note{color:#aeb3bd;font-size:12px;line-height:1.45}.r2u-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:11px;color:#8a8f99}.r2u-refresh{height:30px;padding:0 14px;border-radius:999px;border:1px solid var(--brass);background:0 0;color:var(--brass-soft);cursor:pointer;font-size:12px}.r2u-refresh:disabled{opacity:.5;cursor:default}.set-lock{max-width:300px;margin:8px auto 4px;text-align:center}.set-body[hidden],.set-lock[hidden],.set-out[hidden]{display:none}.set-h{margin:6px 0 10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-soft)}.set-h small{margin-left:6px;text-transform:none;letter-spacing:0;color:#9aa0aa;font-weight:400}.set-users{display:grid;gap:10px}.set-user{padding:12px;border:1px solid #2b3140;border-radius:12px;background:#1a1f28}.set-user.expired{border-color:rgba(248,113,113,.55)}.set-user.soon{border-color:rgba(248,113,113,.4);box-shadow:inset 3px 0 0 rgba(248,113,113,.7)}.set-top{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.set-top:focus-visible{outline:2px solid var(--brass);outline-offset:4px;border-radius:6px}.set-caret{flex:none;width:12px;height:8px;fill:none;stroke:#9aa0aa;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}.set-user.open .set-caret{transform:rotate(180deg)}.set-inner[hidden]{display:none}.set-name{flex:1 1 auto;min-width:0;font-weight:700;color:#f0ede4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-chips{flex:none;display:flex;gap:6px}.set-chip{padding:2px 8px;border-radius:999px;font-family:var(--font-mono);font-size:10.5px;border:1px solid #3a4150;color:#c4c8d0;white-space:nowrap}.set-chip.ok{border-color:rgba(74,222,128,.45);color:#86efac}.set-chip.soon{border-color:rgba(251,191,36,.5);color:#fcd34d}.set-chip.bad{border-color:rgba(248,113,113,.55);color:#fca5a5}.set-chip.warn{border-color:rgba(248,113,113,.55);color:#fca5a5;background:rgba(248,113,113,.1)}.set-chip.admin{border-color:var(--brass);color:var(--brass-soft)}.set-chip.dev{border-color:#3a4150;color:#c4c8d0}.set-row{display:flex;align-items:center;gap:8px 12px;margin-top:10px}.set-pin{font-family:var(--font-mono);font-size:18px;letter-spacing:.2em;color:#f0ede4}.set-pin s{color:#6b7280;font-size:14px;margin-right:6px}.set-pin b{color:#86efac}.set-copy-pin{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:-4px;border:1px solid #3a4150;border-radius:7px;background:0 0;cursor:pointer;padding:0}.set-copy-pin svg{width:15px;height:15px;fill:none;stroke:#9aa0aa;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.set-copy-pin:hover{border-color:var(--brass)}.set-copy-pin:hover svg{stroke:var(--brass-soft)}.set-copy-pin.done{border-color:rgba(74,222,128,.55)}.set-copy-pin.done svg{stroke:#86efac}.set-row .set-btn{margin-left:auto}.set-btn{padding:7px 12px;border-radius:9px;cursor:pointer;border:1px solid var(--brass);background:rgba(201,161,90,.14);color:var(--brass-soft);font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.04em}.set-btn:hover{background:rgba(201,161,90,.24)}.set-btn.primary{background:var(--brass);color:#1a1406}.set-btn.ghost{border-color:#3a4150;background:0 0;color:#c4c8d0}.set-folders{margin:10px 0 0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:12px}.set-folders dt{color:#6b7280}.set-folders dd{margin:0;color:#c4c8d0}.set-switches{margin-top:10px;padding:8px 0 6px;border-top:1px solid #2b3140;border-bottom:1px solid #2b3140}.set-switch-head{margin:0 0 4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.set-switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}.set-switch-label{font-size:12.5px;color:#c4c8d0}.set-switch{position:relative;flex:none;width:40px;height:22px;padding:0;border-radius:999px;cursor:pointer;border:1px solid #3a4150;background:#0d1014;transition:background .15s ease,border-color .15s ease}.set-switch::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#6b7280;transition:transform .15s ease,background .15s ease}.set-switch[aria-checked=true]{background:rgba(201,161,90,.25);border-color:var(--brass)}.set-switch[aria-checked=true]::after{transform:translateX(18px);background:var(--brass-soft)}.set-switch:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.set-h-types{margin-top:18px}.set-types{display:grid;gap:2px}.set-type-row{display:flex;align-items:center;justify-content:space-between;gap:6px 12px;padding:5px 0;flex-wrap:wrap}.set-type-row+.set-type-row{border-top:1px solid #2b3140}.set-type-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.set-type{padding:3px 9px;border-radius:999px;cursor:pointer;border:1px solid #3a4150;background:0 0;font-family:var(--font-mono);font-size:11px;color:#6b7280;text-decoration:line-through}.set-type[aria-pressed=true]{border-color:var(--brass);background:rgba(201,161,90,.16);color:var(--brass-soft);text-decoration:none}.set-type.sealed[aria-pressed=true]{border-color:rgba(74,222,128,.55);background:rgba(74,222,128,.1);color:#86efac}.set-type:disabled{cursor:default;opacity:.6}.set-type:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.set-types .set-note{margin:8px 0 0}.set-folders,.set-when+.set-folders{grid-template-columns:118px 1fr}.set-when{padding-bottom:10px;border-bottom:1px solid #2b3140}@media (max-width:520px){.set-view{padding:10px}.set-card{padding:14px 12px 16px}.set-user{padding:12px 11px}.set-name{font-size:15px}.set-chip{padding:2px 7px;font-size:10px}.set-pin{font-size:17px;letter-spacing:.16em}.set-folders,.set-when+.set-folders{grid-template-columns:1fr;gap:0}.set-folders dt{margin-top:7px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}.set-folders dt:first-child{margin-top:0}.set-folders dd{font-size:12.5px}}.set-folders .missing{color:#fca5a5}.set-out{margin-top:16px;padding-top:12px;border-top:1px solid #2b3140}.set-note{margin:0 0 8px;font-size:12px;color:#9aa0aa}.set-lines{margin:0 0 10px;padding:10px;border-radius:10px;background:#0d1014;border:1px solid #2b3140;font-family:var(--font-mono);font-size:11.5px;color:#e9e6de;white-space:pre-wrap;word-break:break-word}.set-ok{color:#86efac}.help-btn{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;padding:0;border-radius:50%;border:1px solid #3a4150;background:rgba(20,24,31,.9);cursor:pointer;color:var(--brass-soft);font:700 15px/1 var(--font-display)}.help-btn:focus-visible,.help-btn:hover{border-color:var(--brass);outline:0;box-shadow:0 0 0 3px rgba(201,161,90,.2)}.help-card{max-width:640px}.help-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#f87171;box-shadow:0 0 0 2px rgba(20,24,31,.97);animation:help-dot 1.8s ease-in-out infinite}.help-dot[hidden]{display:none}@keyframes help-dot{50%{box-shadow:0 0 0 2px rgba(20,24,31,.97),0 0 0 6px rgba(248,113,113,.25)}}.help-warn{margin:0 0 12px;border-color:rgba(248,113,113,.55)}.help-tabs{display:flex;gap:6px;margin:0 0 12px;border-bottom:1px solid #2b3140}.help-tab{padding:8px 12px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:0 0;cursor:pointer;color:#9aa0aa;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.04em}.help-tab.active{color:var(--brass-soft);border-bottom-color:var(--brass)}.help-tab[hidden]{display:none}.help-doc{font-size:13.5px;line-height:1.55;color:#c4c8d0;text-align:left}.help-doc h1{margin:0 0 10px;font-family:var(--font-display);font-size:19px;color:#f0ede4}.help-doc h2{margin:16px 0 6px;font-size:12px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--brass-soft)}.help-sec{border-top:1px solid #2b3140}.help-sec:last-child{border-bottom:1px solid #2b3140}.help-sec>summary{display:flex;align-items:center;gap:10px;padding:11px 2px;cursor:pointer;list-style:none;font-size:12px;font-family:var(--font-mono);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brass-soft)}.help-sec>summary::-webkit-details-marker{display:none}.help-sec>summary::after{content:'';margin-left:auto;flex:none;width:7px;height:7px;border-right:1.6px solid #9aa0aa;border-bottom:1.6px solid #9aa0aa;transform:rotate(45deg) translateY(-2px);transition:transform .15s ease}.help-sec[open]>summary::after{transform:rotate(225deg) translateY(-2px)}.help-sec>summary:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:4px}.help-sec-body{padding:0 2px 12px}.help-doc h3{margin:12px 0 4px;font-size:13.5px;color:#f0ede4}.help-doc p{margin:6px 0}.help-doc ol,.help-doc ul{margin:6px 0;padding-left:20px}.help-doc li{margin:3px 0}.help-doc strong{color:#f0ede4}.help-doc a{color:var(--brass-soft)}.help-doc .help-note{color:#6b7280;font-size:12px}.help-contact{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:24px;height:24px;margin:0 2px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#16a34a}.help-contact.contact-anim{animation:none}.help-contact svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.help-contact:hover{background:#15803d}.help-contact:focus-visible{outline:2px solid #fff;outline-offset:2px}.help-doc .help-img{display:block;width:100%;max-width:340px;height:auto;margin:8px auto 10px}.set-next{margin:0 0 12px;padding:10px 12px;border:1px solid var(--brass);border-radius:10px;background:rgba(201,161,90,.08)}.set-next .set-note{color:#e9e6de}.set-next .set-actions{margin:8px 0 0}.set-ok:empty{display:none}.set-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.dl-warn{position:fixed;inset:0;z-index:4500;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,7,10,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.dl-warn[hidden]{display:none}.dl-warn-card{width:100%;max-width:320px;text-align:center;padding:22px 20px 18px;background:#171b22;border:1px solid #2b3140;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.6);animation:dl-warn-in .18s ease-out}@keyframes dl-warn-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.dl-warn-ico{width:46px;height:46px;margin:0 auto 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.45)}.dl-warn-ico svg{width:22px;height:22px;fill:none;stroke:#fbbf24;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dl-warn-card h2{margin:0 0 8px;font-family:var(--font-display);font-size:19px;color:#f0ede4}.dl-warn-text{margin:0 0 6px;font-size:13.5px;line-height:1.45;color:#c9cdd4}.dl-warn-text b{color:#f0ede4}.upd-pop .dl-warn-ico{background:rgba(74,222,128,.14);border-color:rgba(74,222,128,.45)}.upd-pop .dl-warn-ico svg{stroke:#4ade80}.dl-warn-tip{margin:0 0 16px;font-size:12px;color:#8a909a}.dl-warn-btns{display:flex;gap:10px}.dl-warn-btns button{flex:1;padding:10px;border-radius:10px;cursor:pointer;font-family:var(--font-mono);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dl-warn-cancel{background:0 0;border:1px solid #3a4150;color:#c9cdd4}.render-fail-ico{background:rgba(248,113,113,.14);border-color:rgba(248,113,113,.45)}.render-fail-ico svg{stroke:#f87171}.render-parts-list{list-style:none;margin:4px 0 16px;padding:0;text-align:left}.render-parts-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-top:6px;border:1px solid #2b3140;border-radius:10px;font-size:14px;color:#c9cdd4}.render-parts-list li .mark{width:18px;text-align:center;font-weight:700}.render-parts-list li.yes .mark{color:#4ade80}.render-parts-list li.no .mark{color:#5b6270}.render-parts-list li.yes{color:#f0ede4}.render-parts-list li .state{margin-left:auto;font-size:12px;color:#8a909a}.render-parts-list li .state.icons{display:flex;align-items:center;gap:8px}.render-parts-list .rp-ico{width:19px;height:19px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.render-parts-list .rp-ico.dev{stroke:#c9a15a}.render-parts-list .rp-ico.cloud{stroke:#6fa8ff}.render-parts-del{display:flex;align-items:center;gap:10px;margin:-4px 0 14px;padding:8px 10px;text-align:left;border:1px dashed #4a3438;border-radius:10px;font-size:13px;color:#f3b4b4;cursor:pointer}.render-parts-del[hidden]{display:none}.render-parts-del input{width:16px;height:16px;accent-color:#f87171;cursor:pointer}#render-fail.side,#sv-parts{align-items:flex-start;justify-content:flex-end;padding:var(--top,80px) 14px 14px;background:0 0;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}#render-fail.side{align-items:center;justify-content:center;padding:20px}#render-fail.side .dl-warn-card,#sv-parts .dl-warn-card{pointer-events:auto;max-width:270px;padding:16px 14px 14px}#sv-parts .dl-warn-ico{width:36px;height:36px;margin-bottom:6px}#sv-parts .dl-warn-card h2{font-size:17px;margin-bottom:6px}.sv-parts-list{max-height:50vh;overflow:auto}.sv-parts-list li{padding:0;border-left:4px solid var(--pc,#2b3140)}.sv-parts-list label{display:flex;align-items:center;gap:10px;padding:9px 10px;cursor:pointer;width:100%;color:var(--pc,#c9cdd4);font-weight:600}.sv-parts-list li{gap:6px;padding-right:8px}.sv-parts-list label{flex:1 1 auto;min-width:0}#sv-parts .dl-warn-card{max-width:340px}.sv-parts-voice{flex:0 0 auto;max-width:140px;font-family:var(--font-mono);font-size:11px;color:#e9e6de;padding:5px 22px 5px 8px;border-radius:7px;border:1px solid #3a4150;cursor:pointer;background:#161a21 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23c9a15a' stroke-width='1.5'/%3E%3C/svg%3E") right 7px center/8px no-repeat;-webkit-appearance:none;appearance:none;text-overflow:ellipsis}.sv-parts-list input{width:18px;height:18px;accent-color:var(--pc,var(--brass));cursor:pointer}.dl-warn-ok:disabled{opacity:.45;cursor:default}.dl-warn-ok{background:var(--brass);border:1px solid var(--brass);color:#1a1406}.sheet-viewer{position:fixed;inset:0;z-index:2500;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0,#1d222c 0,#0b0d11 75%)}.sheet-viewer[hidden]{display:none}.sv-head{display:flex;align-items:center;gap:12px;flex:0 0 auto;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));border-bottom:1px solid #232a36;background:rgba(13,16,20,.85)}.sv-title{flex:1 1 auto;min-width:0;font-family:var(--font-display);font-size:16px;font-weight:700;color:#f0ede4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-count{flex:0 0 auto;font-family:var(--font-mono);font-size:12px;color:#9aa0aa}.sheet-viewer .sv-title{flex:0 1 auto}.sv-play{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px}.sv-pick{display:flex;align-items:center;gap:5px;min-width:0;flex:0 1 260px}.sv-pico{flex:0 0 auto;font-size:14px}.sv-clef{cursor:pointer;position:relative;display:flex;justify-content:center;width:30px;height:22px}.sv-phones .sv-g{display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.sv-phones:not(.playing){cursor:default}.sv-clef svg.sv-g{width:22px;height:100%;fill:none;stroke:var(--brass,#c9a15a);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(201,161,90,.35))}.sv-fly{position:absolute;inset:-3px -2px;width:calc(100% + 4px);height:calc(100% + 6px);overflow:visible;opacity:0;transition:opacity .25s ease}.sv-fly .st{fill:none;stroke:#8a909a;stroke-width:.6;opacity:.7}.sv-fly .fn path{fill:none;stroke:var(--c);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.sv-fly .fn ellipse{fill:var(--c)}.sv-fly .fn{transform-box:fill-box;transform-origin:50% 100%}.sv-clef .sv-g{transition:opacity .25s ease,transform .25s ease}.sv-clef.playing .sv-g{opacity:0;transform:scale(.6)}.sv-clef.playing .sv-fly{opacity:1}.sv-clef.playing .fn{animation:svfly 1.4s ease-in-out infinite}.sv-clef.playing .fn:nth-of-type(2){animation-delay:-.35s}.sv-clef.playing .fn:nth-of-type(3){animation-delay:-.7s}.sv-clef.playing .fn:nth-of-type(4){animation-delay:-1.05s}@keyframes svfly{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-3px) rotate(8deg)}}@media (prefers-reduced-motion:reduce){.sv-clef.playing .fn{animation:none}}.sv-clef circle{fill:var(--brass,#c9a15a);stroke:none}.sv-pick select{flex:1 1 auto;min-width:0;font-family:var(--font-mono);font-size:11px;color:#e9e6de;padding:6px 24px 6px 9px;border-radius:7px;border:1px solid #3a4150;background:#161a21 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23c9a15a' stroke-width='1.5'/%3E%3C/svg%3E") right 8px center/9px no-repeat;-webkit-appearance:none;appearance:none;text-overflow:ellipsis;cursor:pointer}.sv-selwrap{flex:1 1 auto;min-width:0;display:flex;cursor:pointer}.sv-selwrap select{width:100%;pointer-events:none}.sv-menu{position:fixed;z-index:3000;max-width:260px;max-height:60vh;overflow:auto;padding:5px;background:#171b22;border:1px solid #2b3140;border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.6);animation:dl-warn-in .14s ease-out}.sv-menu-row{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:7px;background:0 0;font-family:var(--font-mono);font-size:12px;color:#e9e6de;text-align:left;cursor:pointer}.sv-menu-row:focus-visible,.sv-menu-row:hover{background:#232937;outline:0}.sv-menu-row .nm{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-menu-row .ct{font-size:10.5px;color:#8a909a}.sv-menu-row .go{color:var(--brass,#c9a15a);font-size:15px;line-height:1}.sv-menu-row.folder{font-weight:700}.sv-menu-row.folder.has .nm{color:var(--brass,#c9a15a)}.sv-menu-row.back{font-weight:700;color:var(--brass,#c9a15a);border-bottom:1px solid #2b3140;border-radius:7px 7px 0 0;margin-bottom:3px}.sv-menu-row.file.on{background:rgba(201,161,90,.16);color:#f0ede4}.sv-pbtn{--glow:#2bff4a;position:relative;flex:0 0 auto;width:44px;height:44px;border-radius:50%;cursor:pointer;border:0;padding:0;background:0 0;color:var(--glow);touch-action:none;display:flex;align-items:center;justify-content:center}.sv-pbtn::after{content:'';position:absolute;inset:5px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 35%,#163a6b 0,#0b1a35 70%);box-shadow:inset 0 0 0 1px rgba(80,140,255,.28)}.sv-pbtn::before{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 210deg,var(--glow) 0 285deg,rgba(43,255,74,.18) 285deg 335deg,transparent 335deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));filter:drop-shadow(0 0 3px var(--glow))}.sv-pbtn::before{opacity:0;transition:opacity .2s ease}.sv-pbtn.loading::before,.sv-pbtn.playing.prog::before,.sv-pbtn.scrub::before{opacity:1}.sv-knob{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transform:rotate(calc(var(--p) * 360deg));transition:--p .4s linear,opacity .2s ease}.sv-pbtn.scrub .sv-knob{transition:opacity .2s ease}.sv-knob::after{content:'';position:absolute;top:-2px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#eafff0;box-shadow:0 0 4px 1px var(--glow),0 0 10px 2px var(--glow);animation:svknob 1.2s ease-in-out infinite}.sv-pbtn.playing.prog .sv-knob,.sv-pbtn.scrub .sv-knob{opacity:1}@keyframes svknob{0%,100%{transform:scale(.8)}50%{transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.sv-knob::after{animation:none}}.sv-pbtn svg{position:relative;z-index:1;width:22.4px;height:22.4px;fill:currentColor;filter:drop-shadow(0 0 4px var(--glow))}.sv-pbtn .i-pause{display:none}.sv-pbtn:hover:not(:disabled)::after{box-shadow:inset 0 0 0 1px rgba(80,140,255,.28),0 0 12px rgba(43,255,74,.35)}.sv-pbtn.prog{cursor:pointer}.sv-pbtn.scrub::before{transition:none!important}@property --p{syntax:'<number>';inherits:true;initial-value:0}.sv-pbtn.prog::before{background:conic-gradient(from 0deg,var(--glow) calc(var(--p) * 360deg),rgba(43,255,74,.2) 0);transition:--p .4s linear}.sv-pbtn.loading::before{animation:svspin .7s linear infinite}.sv-pbtn.loading svg{opacity:.35}@keyframes svspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sv-pbtn.loading::before{animation:none}}.sv-pbtn.playing .i-play{display:none}.sv-pbtn.playing .i-pause{display:block}.sv-pbtn:disabled{opacity:.45;cursor:default}.sv-pbtn.loading:disabled{opacity:1}.sv-pstat{flex:0 0 auto;font-family:var(--font-mono);font-size:11px;color:#9aa0aa;white-space:nowrap}.sv-pstat:empty{display:none}.sv-pick.dim{opacity:.4;filter:grayscale(1)}@media (max-width:760px){.sv-head{flex-wrap:wrap;row-gap:8px}.sheet-viewer .sv-title{flex:1 1 auto}.sv-play{order:5;flex:1 1 100%;justify-content:flex-start;gap:8px}.sv-pick{flex:1 1 0}}.sv-close{width:34px;height:34px;border-radius:50%;flex:0 0 auto;cursor:pointer;border:1px solid #3a4150;background:rgba(35,42,54,.7);color:#e9e6de;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}.sv-stage{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;perspective:2400px;touch-action:none;-webkit-user-select:none;user-select:none;padding-bottom:env(safe-area-inset-bottom)}.sv-book{position:relative;margin:0 auto;filter:drop-shadow(0 14px 30px rgba(0,0,0,.55))}.sv-zoom{position:relative;transform-origin:0 0;will-change:transform}.sheet-viewer.zoomed .sv-zoom{cursor:grab}.sheet-viewer.zoomed .sv-nav{opacity:.35}.sv-zoomreset{flex:0 0 auto;font-family:var(--font-mono);font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:999px;cursor:pointer;border:1px solid var(--brass);background:rgba(201,161,90,.16);color:var(--brass-soft)}.sv-zoomreset[hidden]{display:none}.sv-leaf{background:#fff;overflow:hidden}.sv-leaf canvas{display:block;width:100%;height:100%}.sv-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:64px;border-radius:10px;cursor:pointer;border:1px solid #3a4150;background:rgba(20,24,31,.6);color:#e9e6de;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center}.sv-nav:disabled{opacity:.2;cursor:default}.sv-prev{left:8px}.sv-next{right:8px}.sv-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;color:#9aa0aa;z-index:4;pointer-events:none}.sv-loading[hidden]{display:none}#audio-dl-all.done{color:#4ade80;border-color:rgba(74,222,128,.5)}#audio-dl-all.busy{opacity:.6;cursor:progress}.lib-view-toggle{display:flex;gap:2px;background:#151920;border:1px solid #2b3140;border-radius:8px;padding:2px}.lib-view-btn{display:flex;align-items:center;gap:6px;padding:6px 11px;background:0 0;border:0;border-radius:6px;cursor:pointer;font-family:var(--font-mono);font-size:11px;color:#7b8290;transition:background .12s ease,color .12s ease}.lib-view-btn svg{fill:currentColor}.lib-view-btn:hover{color:#cfd3da}.lib-view-btn.active{background:#2b3140;color:var(--brass-soft)}@media (max-width:520px){.lib-view-btn,.lib-view-btn span{font-size:10px}}.lib-shelf{display:grid;gap:18px 14px;margin:18px auto 0;width:100%;max-width:1040px;grid-template-columns:repeat(auto-fill,minmax(clamp(92px,26vw,126px),1fr));max-height:44vh;overflow-y:auto;padding:2px}.lib-shelf.list-view{display:flex;flex-direction:column;gap:2px;max-height:50vh}.lib-shelf.list-view .lib-card{flex-direction:row;align-items:center;gap:12px;width:100%;padding:9px 12px;border-radius:8px;text-align:left;border:1px solid transparent}.lib-shelf.list-view .lib-card:hover{background:#1c212a;border-color:rgba(201,161,90,.28)}.lib-shelf.list-view .lib-cover{width:34px;height:34px;aspect-ratio:auto;flex:0 0 auto;border-radius:5px}.file-ico{display:none}.lib-shelf:not(.list-view) .lib-cover.has-ico::before,.lib-shelf:not(.list-view) .lib-cover.has-ico>span{display:none}.lib-shelf:not(.list-view) .lib-cover.has-ico .file-ico{display:block;width:50%;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));transition:transform .15s ease}.lib-shelf:not(.list-view) .lib-card:hover .lib-cover.has-ico .file-ico{transform:scale(1.05)}.lib-shelf.list-view .lib-cover.has-ico{width:28px;height:35px;background:0 0;border:0;box-shadow:none;overflow:visible}.lib-shelf.list-view .lib-cover.has-ico::before{display:none}.lib-shelf.list-view .lib-cover.has-ico .file-ico{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.lib-shelf.list-view .lib-card:hover .lib-cover.has-ico .file-ico{transform:translateY(-1px)}.lib-shelf.list-view .lib-cover::before{top:38%;height:11px}.lib-shelf.list-view .lib-cover span{display:none}.lib-shelf.list-view .lib-card:hover .lib-cover{transform:none}.lib-shelf.list-view .lib-name,.lib-shelf.list-view .lib-sub{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;-webkit-line-clamp:unset}.lib-shelf.list-view .lib-name{flex:1 1 auto;min-width:0}#audio-shelf.list-view{gap:1px}#audio-note:empty{display:none}#audio-shelf{margin-top:8px}#audio-shelf.list-view .lib-card{padding:5px 10px;gap:10px}#audio-shelf.list-view .lib-cover{width:26px;height:26px;border-radius:4px}#audio-shelf.list-view .lib-cover.has-ico{width:24px;height:30px}#audio-shelf.list-view .lib-cover::before{height:8px}#audio-shelf.list-view .lib-name{font-size:12.5px}#audio-shelf.list-view .lib-card.now-playing .lib-cover::after{width:12px;height:12px;margin:-6px 0 0 -6px}body.audio-fit:not(.workspace-active){padding-bottom:6px}body.audio-fit:not(.workspace-active) #dropzone{padding-bottom:7px;margin-bottom:0}body.audio-fit #audio-shelf,body.audio-fit #audio-shelf.list-view{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#audio-player-panel .lib-toolbar{flex-wrap:nowrap;gap:8px}#audio-view-toggle{margin-left:auto;flex:0 0 auto}#audio-player-panel .lib-note,#audio-player-panel .lib-toolbar,#audio-shelf{max-width:720px;margin-left:auto;margin-right:auto}#audio-view-toggle .lib-view-btn{padding:7px 9px}.pl-bar{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto}.pl-select{font-family:var(--font-mono);font-size:11px;color:#e9e6de;flex:0 1 auto;min-width:0;max-width:240px;padding:6px 26px 6px 10px;border-radius:7px;border:1px solid #3a4150;background:#161a21 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23c9a15a' stroke-width='1.5'/%3E%3C/svg%3E") right 9px center/9px no-repeat;-webkit-appearance:none;appearance:none;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pl-select:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.pl-act,.pl-icon{flex:0 0 auto;width:28px;height:28px;padding:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #3a4150;background:rgba(35,42,54,.6);color:#9aa0aa;cursor:pointer}.pl-act svg,.pl-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pl-act:hover,.pl-icon:hover{color:var(--brass-soft);border-color:var(--brass)}.pl-icon[hidden]{display:none}.pl-gap-select{flex:0 0 auto;max-width:none}.pl-gap-select[hidden]{display:none}@media (max-width:560px){.pl-bar:has(.pl-gap-select:not([hidden])){gap:4px}.pl-gap-select{padding:6px 18px 6px 8px;background-position:right 6px center}}.pl-act{width:24px;height:24px;border-radius:50%}.pl-act svg{width:12px;height:12px}.pl-act.pl-remove:hover{color:#f87171;border-color:#f87171}.pl-act.pl-add.added{color:#4ade80;border-color:rgba(74,222,128,.5)}.pl-act:disabled{opacity:.3;cursor:default}.pl-act:disabled:hover{color:#9aa0aa;border-color:#3a4150}.pl-actions{display:flex;gap:4px;flex:0 0 auto}.lib-shelf.list-view .pl-actions{margin-left:8px}.lib-shelf:not(.list-view) .pl-actions{justify-content:center}.pl-edit{display:flex;gap:8px;max-width:720px;margin:10px auto 0}.pl-edit[hidden]{display:none}.pl-edit-input{flex:1;min-width:0;padding:7px 10px;border-radius:7px;font:inherit;font-size:12px;border:1px solid var(--brass);background:rgba(0,0,0,.3);color:#e9e6de}#audio-player-panel .pl-edit .lib-btn{font-size:11px;padding:7px 12px}.pl-menu{position:absolute;z-index:1000;min-width:200px;max-width:260px;padding:6px;background:#1d222c;border:1px solid #3a4150;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.6)}.pl-menu[hidden]{display:none}.pl-menu-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;padding:4px 8px 6px}.pl-menu button{display:flex;width:100%;align-items:center;gap:8px;padding:8px;border:0;border-radius:6px;background:0 0;color:#e9e6de;font:inherit;font-size:13px;text-align:left;cursor:pointer}.pl-menu button:hover{background:#2b3140}.pl-menu button .tick{width:14px;color:#4ade80;flex:0 0 auto}.pl-menu button .cnt{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:#6b7280}.pl-menu .pl-menu-new{color:var(--brass-soft);border-top:1px solid #2b3140;border-radius:0 0 6px 6px;margin-top:4px}#audio-shelf .lib-card{cursor:pointer}#audio-shelf .lib-card:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:8px}.lib-card.now-playing .lib-cover{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e,0 0 12px rgba(34,197,94,.35)}.lib-card.now-playing .lib-cover::before{opacity:.25}.lib-card.now-playing .lib-cover::after{content:'';position:absolute;z-index:2;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#22c55e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/62% no-repeat;box-shadow:0 1px 4px rgba(0,0,0,.5)}.lib-shelf.list-view .lib-card.now-playing .lib-cover::after{width:13px;height:13px;margin:-6.5px 0 0 -6.5px}.lib-card.now-playing .lib-name{color:#4ade80}.lib-shelf.list-view .lib-sub{margin-left:auto;flex:0 0 auto;padding-left:10px}.app-version{font-family:var(--font-mono);font-size:10.5px;color:#4b515e;text-align:center;margin:22px 0 4px;letter-spacing:.03em}.app-version .av-name,.app-version .av-num{display:block}.app-version .av-num{margin-top:3px}#dropzone .app-user,.app-user{font-family:var(--font-mono);font-size:11.2px;color:#6b7280;text-align:center;margin:2px 0 4px;letter-spacing:.03em;word-break:break-all}.app-user[hidden]{display:none}html.no-browse-audio #audio-browse,html.no-browse-audio #audio-scan,html.no-browse-notes #lib-browse,html.no-browse-notes #lib-scan,html.no-browse-notes #tab-add-btn,html.no-browse-sheets #sheet-browse,html.no-browse-sheets #sheet-scan{display:none!important}.app-user .au-ch{display:inline-block}.app-user.enter .au-ch{opacity:0;animation:au-in .6s cubic-bezier(.2,1.5,.4,1) calc(.25s + var(--i) * 45ms) forwards,au-wave .7s ease-in-out calc(.25s + var(--n) * 45ms + .45s + var(--i) * 35ms)}@keyframes au-in{0%{opacity:0;transform:translateY(12px) scale(.3) rotate(-14deg);filter:blur(4px);color:#fff;text-shadow:0 0 14px var(--brass)}55%{opacity:1;transform:translateY(-3px) scale(1.25);filter:blur(0);color:var(--brass-soft);text-shadow:0 0 10px rgba(227,201,138,.9)}100%{opacity:1;transform:none;color:#6b7280;text-shadow:none}}@keyframes au-wave{0%,100%{transform:none}40%{transform:translateY(-3px);color:var(--brass-soft);text-shadow:0 0 8px rgba(227,201,138,.85)}}@media (prefers-reduced-motion:reduce){.app-user.enter .au-ch{animation:none;opacity:1}}#dropzone .app-update{font-family:var(--font-mono);font-size:10.5px;text-align:center;margin:0 0 4px;min-height:14px;color:#4b515e}#dropzone .app-update:empty{display:none}.ver-ok{color:#3f8f5a;margin-left:6px;font-weight:700}.ver-ok[hidden]{display:none}#dropzone .app-update.offline{color:#8b93a7}.app-update button{font:inherit;color:#f0c674;background:rgba(201,161,90,.12);border:1px solid rgba(201,161,90,.5);border-radius:6px;padding:4px 10px;cursor:pointer}.app-update button:hover{border-color:var(--brass);background:rgba(201,161,90,.22)}.player-tabs{display:flex;justify-content:center;gap:8px;margin:0 0 18px}.player-tab{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;padding:7px 18px;border-radius:8px;border:1px solid #2b3140;background:rgba(35,42,54,.5);color:#8b93a7;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.player-tab:hover{color:#cfd3da;border-color:#4a5364}.player-tab.active{color:var(--room);background:var(--brass);border-color:var(--brass);font-weight:700}.player-panel{display:none}.player-panel.active{display:block}.turntable{--disc-size:210px;--arm-col:76px;--vol-col:116px;display:grid;grid-template-columns:minmax(0,1fr) var(--arm-col) var(--disc-size) var(--vol-col) minmax(0,1fr);grid-template-areas:". arm disc vol ." "deck deck deck deck deck";column-gap:18px;row-gap:16px;max-width:720px;margin:0 auto;padding:16px;position:relative;background:radial-gradient(ellipse 70% 45% at 50% 0,rgba(201,161,90,.1),rgba(201,161,90,0) 70%),linear-gradient(180deg,#1d222c 0,#14181f 100%);border:1px solid #2b3140;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04)}.tt-col{background:rgba(10,12,16,.55);border:1px solid #2b3140;border-radius:12px}.tt-arm-col{grid-area:arm;position:relative;height:var(--disc-size)}.tt-vol-col{grid-area:vol;height:var(--disc-size);box-sizing:border-box}.tt-disc-area{grid-area:disc;display:flex;justify-content:center;align-items:center}.tt-deck{grid-area:deck;padding:8px 12px;min-width:0}.vinyl-wrap{position:relative;width:var(--disc-size);aspect-ratio:1}.vinyl-disc{width:100%;height:100%;border-radius:50%;position:relative;background:repeating-radial-gradient(circle at center,#101317 0,#101317 1.4px,#1b1f26 2px,#1b1f26 2.4px);box-shadow:0 10px 26px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 3px rgba(200,205,215,.35);display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none}.vinyl-label{width:40%;height:40%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #0b0d12,0 0 0 3px rgba(201,161,90,.5),0 2px 8px rgba(0,0,0,.5);position:relative;z-index:1;pointer-events:none}.vinyl-shine{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,rgba(255,255,255,0) 0deg,rgba(255,255,255,.12) 16deg,rgba(255,255,255,0) 38deg,rgba(255,255,255,0) 360deg)}.vinyl-spindle{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f2efe8,#8b93a7);z-index:2;pointer-events:none}.tt-arm-col{--plinth:52px;--bearing:22px}.tt-pivot{position:absolute;left:50%;top:0;width:var(--plinth);height:var(--plinth);margin:calc(var(--plinth)/ -2) 0 0 calc(var(--plinth)/ -2);border-radius:50%;z-index:4;background:radial-gradient(circle at 50% 50%,#2a2e35 0 38%,transparent 39%),radial-gradient(circle at 40% 32%,#2b3038,#0c0e11 72%);box-shadow:0 0 0 1px #3b414c,0 6px 14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08)}.tt-pivot-cap{position:absolute;left:50%;top:0;width:var(--bearing);height:var(--bearing);margin:calc(var(--bearing)/ -2) 0 0 calc(var(--bearing)/ -2);border-radius:50%;z-index:6;pointer-events:none;background:radial-gradient(circle at 36% 30%,#fff 0,#d4d8df 22%,#8a909b 58%,#3f444d 100%);box-shadow:0 0 0 2px #15181d,0 3px 6px rgba(0,0,0,.6)}.tt-lever{position:absolute;z-index:4;width:5px;height:26px;border-radius:3px;background:linear-gradient(90deg,#6b7280,#eef0f3 45%,#8a909b);transform:rotate(18deg);transform-origin:50% 100%;box-shadow:0 2px 3px rgba(0,0,0,.5)}.tt-lever::before{content:'';position:absolute;left:50%;top:-5px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#9aa0aa 70%)}.tt-arm{position:absolute;left:50%;top:0;width:30px;margin-left:-15px;height:200px;transform-origin:50% 0;transform:rotate(-180deg);z-index:5;cursor:grab;touch-action:none;filter:drop-shadow(0 6px 5px rgba(0,0,0,.55));transition:filter .3s ease}.tt-arm.lifted{filter:drop-shadow(0 14px 10px rgba(0,0,0,.45))}.tt-arm.dragging{cursor:grabbing}.tt-arm-rod{position:absolute;left:50%;top:0;bottom:34px;width:6px;margin-left:-3px;border-radius:3px;background:linear-gradient(90deg,#4b515c 0,#c9ced6 22%,#fff 38%,#b3b9c3 60%,#5d636e 100%)}.tt-arm-collar{position:absolute;left:50%;bottom:30px;width:10px;height:8px;margin-left:-5px;border-radius:2px;background:linear-gradient(90deg,#3f444d,#d9dde3 40%,#7d838e 75%,#3f444d)}.tt-arm-weight{position:absolute;left:50%;top:-40px;width:24px;height:24px;margin-left:-12px;border-radius:4px;background:repeating-linear-gradient(180deg,rgba(0,0,0,.18) 0 1px,transparent 1px 4px),linear-gradient(90deg,#3b4049 0,#bfc4cc 30%,#f4f5f7 45%,#9ba1ab 70%,#3b4049 100%);box-shadow:0 2px 4px rgba(0,0,0,.5)}.tt-arm-stub{position:absolute;left:50%;top:-18px;width:5px;height:18px;margin-left:-2.5px;background:linear-gradient(90deg,#4b515c,#e6e9ed 40%,#6b717c)}.tt-arm-head{position:absolute;left:50%;bottom:0;width:18px;height:32px;margin-left:-9px;border-radius:3px 3px 2px 2px;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:linear-gradient(90deg,#6b717c 0,#e9ecf0 35%,#fff 48%,#b5bbc4 70%,#555b66 100%)}.tt-arm-head::before{content:'';position:absolute;left:3px;right:3px;bottom:2px;height:14px;border-radius:2px;background:linear-gradient(180deg,#2a2e35,#0f1114);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}.tt-arm-head::after{content:'';position:absolute;left:50%;bottom:0;width:2px;height:4px;margin-left:-1px;background:var(--brass);border-radius:1px}.tt-arm-lift{position:absolute;left:calc(50% + 7px);bottom:16px;width:13px;height:3px;border-radius:2px;transform:rotate(-28deg);transform-origin:0 50%;background:linear-gradient(180deg,#f2f4f6,#8a909b)}.tt-arm-led{position:absolute;left:50%;bottom:21px;width:6px;height:6px;margin-left:-3px;border-radius:50%;z-index:1;background:radial-gradient(circle at 38% 35%,#7a2a2a,#3a0d0d 70%);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.6)}.tt-arm.playing .tt-arm-led{animation:tt-led-blink 1s steps(1,end) infinite}@keyframes tt-led-blink{0%{background:radial-gradient(circle at 38% 35%,#fff 0 18%,#ff7070 38%,#ff1a1a 80%);box-shadow:0 0 3px 1px #fff0f0,0 0 7px 2px #ff3232,0 0 16px 5px rgba(255,0,0,.7)}55%{background:radial-gradient(circle at 38% 35%,#7a2a2a,#3a0d0d 70%);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.6)}}@media (prefers-reduced-motion:reduce){.tt-arm.playing .tt-arm-led{animation:none;background:radial-gradient(circle at 38% 35%,#fff 0 18%,#ff7070 38%,#ff1a1a 80%);box-shadow:0 0 3px 1px #fff0f0,0 0 7px 2px #ff3232,0 0 16px 5px rgba(255,0,0,.7)}}.tt-arm-rest{position:absolute;left:50%;width:14px;height:14px;margin-left:-7px;top:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3b414c,#111418 70%);box-shadow:0 0 0 1px #4a5364,0 3px 6px rgba(0,0,0,.6)}.tt-arm-label,.tt-vol-label{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#4b515e;pointer-events:none}.tt-vol-col{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:8px 8px 6px;gap:4px}.tt-vol-head{display:flex;align-items:center;justify-content:space-between;gap:4px}.tt-vol-val{text-align:center;font-family:var(--font-mono);font-size:13px;font-weight:700;color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.35)}.tt-vol-val.muted{color:#f43f5e;text-shadow:0 0 8px rgba(244,63,94,.4)}.tt-vol-body{flex:1 1 auto;display:flex;gap:6px;align-items:stretch;min-height:0;justify-content:center;padding:12px 0}.tt-vol-scale{position:relative;width:34px;flex:0 0 auto}.tt-vol-scale span{position:absolute;right:0;transform:translateY(50%);font-family:var(--font-mono);font-size:9.5px;line-height:1;color:#8b93a7;white-space:nowrap}.tt-vol-scale span.boost{color:#f472b6}.tt-vol-track{position:relative;width:30px;flex:0 0 auto;cursor:pointer;touch-action:none}.tt-vol-track::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:6px;margin-left:-3px;border-radius:3px;background:#050608;box-shadow:inset 0 1px 3px rgba(0,0,0,.9),0 0 0 1px #2b3140}.tt-vol-track:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:6px}.tt-vol-knob{position:absolute;left:50%;width:28px;height:30px;margin:0 0 -15px -14px;border-radius:6px;pointer-events:none;background:linear-gradient(180deg,transparent 47%,#ff2d8a 47%,#ff2d8a 53%,transparent 53%),repeating-linear-gradient(180deg,rgba(255,255,255,.07) 0 1px,transparent 1px 4px),linear-gradient(180deg,#4a4f58 0,#2a2e35 45%,#1a1d22 55%,#2e3239 100%);box-shadow:0 0 10px rgba(255,45,138,.35),0 4px 8px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.15),inset 0 0 0 1px #0e1013}.tt-meter{display:flex;flex-direction:column-reverse;gap:3px;width:12px;flex:0 0 auto}.tt-meter i{--led:#22c55e;flex:1 1 0;border-radius:2px;background:color-mix(in srgb,var(--led) 16%,#0b0d10);transition:background .06s linear,box-shadow .06s linear}.tt-meter i.yel{--led:#eab308}.tt-meter i.org{--led:#f97316}.tt-meter i.red{--led:#ef4444}.tt-meter i.on{background:var(--led);box-shadow:0 0 6px var(--led)}.audio-tbtn.tt-mute{width:24px;height:24px;flex:0 0 auto}.audio-tbtn.tt-mute svg{width:13px;height:13px}.audio-spectrum-box{position:relative;width:100%;height:65px;background:radial-gradient(ellipse at 50% -10%,#171a22 0,#0a0c10 70%);border:1px solid #2b3140;border-radius:10px;overflow:hidden}.audio-spectrum-box canvas{display:block;width:100%;height:100%}.audio-nowplaying{position:absolute;left:0;right:0;bottom:0;z-index:1;margin:0;padding:2px 12px 3px;pointer-events:none;text-align:center;font-family:var(--font-mono);font-size:10.5px;font-weight:700;line-height:12px;color:var(--brass-soft);text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(180deg,rgba(10,12,16,0),rgba(10,12,16,.75) 55%)}.audio-nowplaying.marquee{text-align:left;text-overflow:clip;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.audio-nowplaying.marquee .np-track{display:inline-block;animation:np-scroll var(--np-dur,10s) linear infinite}.np-gap{display:inline-block;width:48px}@keyframes np-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.audio-nowplaying.marquee .np-track{animation:none}}@media (max-width:560px){.turntable{--disc-size:clamp(112px, calc(100vw - 228px), 170px);--arm-col:50px;--vol-col:84px;column-gap:8px;row-gap:10px;padding:10px;margin-left:-17px;margin-right:-17px}.tt-arm-col{--plinth:36px;--bearing:16px}.tt-arm-weight{width:18px;height:18px;margin-left:-9px;top:-30px}.tt-arm-stub{top:-12px;height:12px}.tt-lever{height:18px}.tt-vol-scale .m-hide{display:none}.tt-vol-col{padding:6px 5px 4px}.tt-vol-val{font-size:11px}.audio-tbtn.tt-mute{width:20px;height:20px}.audio-tbtn.tt-mute svg{width:11px;height:11px}.tt-vol-body{padding:10px 0}.tt-vol-scale{width:26px}.tt-vol-scale span{font-size:8px}.tt-vol-track{width:24px}.tt-vol-knob{width:22px;height:22px;margin:0 0 -11px -11px}.tt-meter{width:9px}.tt-arm-label,.tt-vol-label{display:none}.tt-deck{padding:8px}.tt-deck .audio-transport{gap:4px}.audio-transport .audio-tbtn{width:28px;height:28px}.audio-spectrum-box{height:60px}.audio-transport .audio-tbtn-play{width:47px;height:47px}.audio-transport .audio-tbtn-play svg{width:29px;height:29px}}.audio-seek{display:flex;align-items:center;gap:10px;max-width:640px;margin:6px auto 0;padding:0 4px}.audio-time{font-family:var(--font-mono);font-size:10.5px;color:#7b8290;flex:0 0 auto;width:32px}#audio-time-dur{text-align:right}.audio-seek-track{position:relative;flex:1 1 auto;height:14px;display:flex;align-items:center;cursor:pointer}.audio-seek-track::before{content:'';position:absolute;left:0;right:0;height:4px;border-radius:2px;background:#2b3140}.audio-seek-fill{position:absolute;left:0;height:4px;border-radius:2px;width:0%;background:linear-gradient(90deg,var(--brass),var(--brass-soft))}.audio-seek-knob{position:absolute;left:0;width:11px;height:11px;border-radius:50%;background:var(--brass-soft);transform:translateX(-50%);box-shadow:0 0 0 3px rgba(201,161,90,.2);transition:transform .15s ease,box-shadow .15s ease}.audio-seek-track.dragging .audio-seek-knob{transform:translateX(-50%) scale(1.9);box-shadow:0 0 0 2px rgba(201,161,90,.35),0 0 10px 2px rgba(232,200,140,.55)}.audio-transport{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 0;position:relative}.audio-gap{position:absolute;left:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:3px;height:24px;padding:0 7px 0 5px;border-radius:12px;border:1px solid #2b3140;background:rgba(35,42,54,.6);color:#6b7280;font:600 10.5px/1 var(--font-mono);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.audio-gap[hidden]{display:none}.audio-gap svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.audio-gap:hover{color:#c9cdd4;border-color:#4a5364}.audio-gap.on{color:#1a1406;background:var(--brass);border-color:var(--brass)}.audio-gap.counting{color:#0f2a18;background:#86efac;border-color:#86efac}@media (max-width:560px){.audio-gap{position:static;transform:none;flex:0 0 auto;width:24px;padding:0;justify-content:center}.audio-gap span{display:none}.audio-gap.counting svg{display:none}.audio-gap.counting span{display:inline;font-size:9.5px}}@media (max-width:360px){.audio-transport.with-gap .audio-tbtn:not(.audio-tbtn-play){width:26px;height:26px}}.audio-tbtn{flex:0 0 auto;width:29px;height:29px;border-radius:50%;background:rgba(35,42,54,.6);border:1px solid #2b3140;color:#9aa0aa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,border-color .15s ease,background .15s ease}.audio-tbtn svg{width:14.5px;height:14.5px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.audio-tbtn:hover{color:#e9e6de;border-color:#4a5364}.audio-tbtn.active{color:var(--room);background:var(--brass);border-color:var(--brass)}.audio-tbtn-play{width:53px;height:53px;background:#aaadb2;border-color:#aaadb2;color:#181c22;position:relative;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background .3s ease,border-color .3s ease,filter .2s ease}.audio-tbtn-play.is-playing{background:#86efac;border-color:#86efac;color:#0f2a18}.audio-tbtn-play svg{width:32px;height:32px;fill:currentColor;stroke:none}.audio-tbtn-play::after{content:'';position:absolute;inset:-2px;border-radius:50%;pointer-events:none;border:2px solid rgba(232,200,140,.85);opacity:0}@media (hover:hover){.audio-tbtn-play:hover{transform:scale(1.12);filter:brightness(1.08);box-shadow:0 0 0 3px rgba(201,161,90,.28),0 0 18px rgba(232,200,140,.5)}.audio-tbtn-play.is-playing:hover{box-shadow:0 0 0 3px rgba(74,222,128,.3),0 0 18px rgba(134,239,172,.55)}.audio-tbtn-play:hover::after{animation:play-ripple 1.3s ease-out infinite}.audio-tbtn-play:hover svg{animation:play-nudge .5s ease}}.audio-tbtn-play:active{transform:scale(.95);transition-duration:.08s}@keyframes play-ripple{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.65)}}@keyframes play-nudge{0%,100%{transform:scale(1)}40%{transform:scale(1.18)}70%{transform:scale(.94)}}@media (prefers-reduced-motion:reduce){.audio-tbtn-play,.audio-tbtn-play:hover{transform:none;transition:box-shadow .2s ease}.audio-tbtn-play:hover svg,.audio-tbtn-play:hover::after{animation:none}}.lib-toolbar.with-label{justify-content:space-between}.playlist-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:#8b93a7;text-transform:uppercase}.lib-card{background:0 0;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}.lib-cover{width:100%;aspect-ratio:3/4;border-radius:7px;position:relative;background:linear-gradient(155deg,#2b3040 0,#1a1d25 62%);border:1px solid rgba(201,161,90,.28);box-shadow:0 6px 16px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.lib-card:hover .lib-cover{transform:translateY(-3px);border-color:var(--brass);box-shadow:0 10px 22px rgba(0,0,0,.55)}.lib-cover::before{content:'';position:absolute;left:11%;right:11%;top:30%;height:27px;background:repeating-linear-gradient(to bottom,rgba(233,230,222,.2) 0 1px,transparent 1px 6.5px)}.lib-cover span{position:relative;z-index:1;padding:0 8px;max-height:74%;overflow:hidden;font-family:var(--font-display);font-size:12.5px;line-height:1.25;color:var(--brass-soft);text-shadow:0 1px 3px rgba(0,0,0,.9)}.lib-name{font-size:12px;line-height:1.3;color:#e9e6de;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lib-sub{font-family:var(--font-mono);font-size:10.5px;color:#6b7280}.mixer-tabs{display:flex;gap:8px;justify-content:center;margin:0 0 10px;grid-column:2;justify-self:center}.mixer-tab{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:6px 20px;border-radius:7px;border:1px solid #3a4150;background:rgba(35,42,54,.6);color:#9aa0aa;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.mixer-tab:hover{color:#e9e6de;border-color:#4a5364}.mixer-tab.active{color:var(--room);background:var(--brass);border-color:var(--brass);font-weight:700}.bottom-mixer.collapsed .mixer-tabs{display:none}.lyrics-tab .lyrics-caret{font-size:9px;margin-left:3px}.lyrics-tab.on,.lyrics-tab.open{color:var(--brass-soft);border-color:var(--brass)}.lyrics-menu{position:fixed;z-index:2100;min-width:180px;padding:6px;background:#1d222c;border:1px solid #3a4150;border-radius:10px;box-shadow:0 -10px 30px rgba(0,0,0,.6)}.lyrics-menu[hidden]{display:none}.lyrics-menu-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;padding:4px 8px 6px}.lyrics-menu button{display:flex;width:100%;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:6px;background:0 0;color:#e9e6de;font:inherit;font-size:13px;text-align:left;cursor:pointer}.lyrics-menu button:focus-visible,.lyrics-menu button:hover{background:#2b3140;outline:0}.lyrics-menu button.current{color:var(--brass-soft)}.lyrics-dot,.lyrics-menu .dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:var(--c,var(--brass))}.lyrics-menu .empty{padding:8px 10px;font-size:12.5px;color:#8b93a7}.lyrics-view{position:fixed;z-index:150;left:12px;right:12px;top:80px;bottom:280px;max-width:760px;margin:0 auto;display:flex;flex-direction:column;background:rgba(10,12,16,.89);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(201,161,90,.35);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.5)}.lyrics-view[hidden]{display:none}.lyrics-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);flex:0 0 auto}.lyrics-voice{font-family:var(--font-display);font-weight:700;font-size:16px;color:#f0ede4;flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyrics-mute{width:30px;height:30px;border-radius:50%;flex:0 0 auto;cursor:pointer;margin-right:auto;border:1px solid #3a4150;background:rgba(35,42,54,.7);color:#cfd3da;display:flex;align-items:center;justify-content:center;padding:0}.lyrics-mute svg{width:17px;height:17px}.lyrics-mute .spk{fill:currentColor}.lyrics-mute .off,.lyrics-mute .on{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.lyrics-mute .off{display:none}.lyrics-mute:hover{color:#fff;border-color:#6b7280}.lyrics-mute.muted{color:#ff7a6b;border-color:rgba(255,122,107,.6);background:rgba(255,122,107,.12)}.lyrics-mute.muted .on{display:none}.lyrics-mute.muted .off{display:inline}.lyrics-play{width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;flex:0 0 auto;background:#f2efe8;color:#181c22;display:flex;align-items:center;justify-content:center}.lyrics-play svg{width:17px;height:17px;fill:currentColor}.lyrics-play:hover{transform:scale(1.05)}.lyrics-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;flex:0 0 auto;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:#cfd3da}.lyrics-toggle[hidden]{display:none}.lyrics-toggle input{position:absolute;opacity:0;width:0;height:0}.lyrics-switch{position:relative;width:32px;height:18px;border-radius:9px;background:#2b3140;border:1px solid #3a4150;transition:background .15s ease}.lyrics-switch::after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#9aa0aa;transition:transform .15s ease,background .15s ease}.lyrics-toggle input:checked+.lyrics-switch{background:rgba(201,161,90,.35);border-color:var(--brass)}.lyrics-toggle input:checked+.lyrics-switch::after{transform:translateX(14px);background:var(--brass-soft)}.lyrics-toggle input:focus-visible+.lyrics-switch{outline:2px solid var(--brass);outline-offset:2px}.lyrics-toggle input:not(:checked)+.lyrics-switch{animation:lyr-sw-glow 2.4s ease-in-out infinite}.lyrics-toggle input:not(:checked)+.lyrics-switch::after{animation:lyr-sw-nudge 2.4s ease-in-out infinite}@keyframes lyr-sw-glow{0%,100%{border-color:#3a4150;box-shadow:0 0 0 0 rgba(201,161,90,0)}50%{border-color:var(--brass);box-shadow:0 0 0 3px rgba(201,161,90,.22),0 0 10px rgba(201,161,90,.35)}}@keyframes lyr-sw-nudge{0%,100%,35%,65%{transform:translateX(0);background:#9aa0aa}50%{transform:translateX(5px);background:var(--brass-soft)}}@media (prefers-reduced-motion:reduce){.lyrics-toggle input:not(:checked)+.lyrics-switch,.lyrics-toggle input:not(:checked)+.lyrics-switch::after{animation:none}}.lyrics-head{position:relative}.lyrics-pvol{position:absolute;top:calc(100% + 6px);z-index:3;display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(20,24,31,.97);border:1px solid var(--brass);border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.55);color:var(--brass-soft);font-family:var(--font-mono);font-size:11px;animation:lyr-pvol-in .18s ease}.lyrics-pvol[hidden]{display:none}.lyrics-pvol svg{width:15px;height:15px;fill:currentColor;flex:0 0 auto}.lyrics-pvol input{width:120px;accent-color:var(--brass);cursor:pointer;margin:0}.lyrics-pvol-val{min-width:2.4em;text-align:right;color:#e9e6de}.lyrics-pvol.out{opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}@keyframes lyr-pvol-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.piano-vol{position:fixed;top:0;left:0;z-index:170}.lyrics-close{width:30px;height:30px;border-radius:50%;flex:0 0 auto;cursor:pointer;border:1px solid #3a4150;background:rgba(35,42,54,.7);color:#cfd3da;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center}.lyrics-close:hover{color:#fff;border-color:#6b7280}.lyrics-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:14px 18px 40%;text-align:center}.lyrics-line{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(17px, 4.4vw, 22px);line-height:1.5;color:#8b93a7;text-wrap:balance}.lyrics-line.stanza-end{margin-bottom:28px}.lyrics-w{cursor:pointer;border-radius:4px;padding:0 2px;transition:color .15s ease,background .15s ease}.lyrics-w:hover{color:#e9e6de}.lyrics-w.sung{color:#d6d2c6}.lyrics-w.now{color:#111418;background:var(--voice,var(--brass-soft));box-shadow:0 0 12px color-mix(in srgb,var(--voice,var(--brass-soft)) 55%,transparent)}.lyrics-empty{color:#8b93a7;font-size:14px;margin-top:20px}.lyrics-view{position:fixed}.lyrics-solo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;max-width:calc(100% - 28px);padding:11px 21px;border-radius:999px;pointer-events:none;z-index:2;background:rgba(20,24,31,.94);border:1px solid var(--solo,var(--brass));box-shadow:0 6px 18px rgba(0,0,0,.55),0 0 12px color-mix(in srgb,var(--solo,var(--brass)) 35%,transparent);font-family:var(--font-mono);font-size:18px;color:#e9e6de;white-space:nowrap;animation:solo-in .25s ease}.lyrics-solo[hidden]{display:none}.lyrics-solo .dots{display:flex;gap:4px}.lyrics-solo .dot{width:14px;height:14px;border-radius:50%;background:var(--c)}.lyrics-solo .txt{overflow:hidden;text-overflow:ellipsis}@keyframes solo-in{from{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:560px){.lyrics-view{left:8px;right:8px}.lyrics-head{gap:8px;padding:8px 10px}.lyrics-voice{font-size:14px}.mixer-tabs .mixer-tab{padding:6px 9px}.mixer-tabs{gap:6px}.export-btn{padding:6px 8px;gap:4px}.export-btn .export-label{display:none}.export-btn .export-ico{width:17px;height:19px}}#piano-panel[hidden],#staff-list[hidden]{display:none!important}#piano-panel{--kw:34px;--kh:clamp(96px, 20vh, 172px)}.bottom-mixer.collapsed #piano-panel{display:none}.piano-nav{position:relative;height:34px;margin:0 auto 8px;max-width:900px;border-radius:5px;overflow:hidden;cursor:pointer;background:linear-gradient(180deg,#2b3244,#1b2130);border:1px solid #39415280;touch-action:none}.piano-nav .pk{position:absolute;top:0}.piano-nav .pk.white{background:linear-gradient(180deg,#f6f7fa,#c8ccd6);height:100%;border-right:1px solid #9aa0ae}.piano-nav .pk.black{background:linear-gradient(180deg,#2a2f3b,#12151c);height:62%;border-radius:0 0 1px 1px;z-index:2}.piano-nav-window{position:absolute;top:0;bottom:0;z-index:3;pointer-events:none;background:rgba(201,161,90,.24);border:1.5px solid var(--brass);border-radius:3px;box-shadow:0 0 0 100vmax rgba(10,12,16,.55)}.piano-stage{display:flex;align-items:stretch;gap:6px;max-width:1140px;margin:0 auto}.piano-arrow{flex:0 0 26px;border:1px solid #3a4150;border-radius:6px;background:rgba(35,42,54,.6);color:#cfd3da;font-size:18px;line-height:1;cursor:pointer;padding:0}.piano-arrow:hover{color:var(--brass-soft);border-color:var(--brass)}.piano-scroll{flex:1 1 auto;overflow-x:auto;overflow-y:hidden;border-radius:6px;background:#0e1116;padding:6px 0 0;scrollbar-width:thin}.piano-keys{position:relative;height:var(--kh);margin:0 auto}.pkey{position:absolute;top:0;box-sizing:border-box}.pkey.white{width:var(--kw);height:100%;background:linear-gradient(180deg,#fffef9 0,#f3f1e9 72%,#ddd9cd 100%);border:1px solid #a8a49a;border-radius:0 0 5px 5px;box-shadow:inset 0 -3px 4px -2px rgba(0,0,0,.28);display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px;z-index:1}.pkey.black{width:calc(var(--kw) * .62);height:62%;background:linear-gradient(180deg,#3a3f4b 0,#15181f 68%,#0a0c11 100%);border:1px solid #05070a;border-radius:0 0 4px 4px;box-shadow:0 3px 5px -1px rgba(0,0,0,.7),inset 0 -2px 3px rgba(255,255,255,.1);z-index:3}.pkey-label{font-family:var(--font-mono);font-size:9.5px;line-height:1;padding:2.5px 3px;border-radius:3px;color:#3a3f47;-webkit-user-select:none;user-select:none}.oct-1,.oct-2{background:#e7e2ef}.oct-3{background:#f6edd4}.oct-4{background:#d9f0da}.oct-5{background:#d2eff5}.oct-6{background:#fbe0e8}.oct-7,.oct-8{background:#e6e4f7}.pkey.on{--lit:var(--brass)}.pkey.white.on{background:linear-gradient(180deg,color-mix(in srgb,var(--lit) 62%,#fffef9) 0,color-mix(in srgb,var(--lit) 78%,#cfcabb) 100%);transform:translateY(1.5px);box-shadow:inset 0 -2px 5px -1px rgba(0,0,0,.35)}.pkey.black.on{background:linear-gradient(180deg,color-mix(in srgb,var(--lit) 70%,#2a2f3b) 0,color-mix(in srgb,var(--lit) 88%,#0a0c11) 100%);transform:translateY(1.5px)}@supports not (background:color-mix(in srgb,red 50%,blue)){.pkey.black.on,.pkey.white.on{background:var(--lit)}}.pkey.white.on .pkey-label{background:rgba(255,255,255,.72)}.sc-show{display:flex;align-items:flex-start;gap:5px;cursor:pointer;width:100%;padding:0 1px}.sc-eye{flex:0 0 auto;width:18px;height:16px;padding:0;margin:-1px 0 0;border:0;border-radius:4px;background:0 0;color:#7b8290;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,filter .15s ease}.sc-eye svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sc-eye .eye-slash{display:none}.sc-eye:hover{color:#c9cdd4}.sc-eye.focused{color:var(--stc,var(--brass));filter:drop-shadow(0 0 3px var(--stc, var(--brass)))}.sc-eye.focused .eye-pupil{fill:currentColor}.staff-card.staff-hidden .sc-eye .eye-slash{display:inline}.sc-show .sc-name{flex:1 1 auto;min-width:0;text-align:left}.staff-card.staff-hidden .sc-name{color:#727884}.staff-card.staff-hidden{border-top-color:#3a4150}.midi-home{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:14px}.midi-home[hidden]{display:none}@media (hover:none) and (pointer:coarse){.midi-home{display:none!important}}.midi-home-btn{font:inherit;font-size:13px;padding:9px 18px;border-radius:9px;border:1px solid rgba(201,161,90,.45);background:rgba(201,161,90,.1);color:var(--brass-soft);cursor:pointer;display:flex;align-items:center;gap:9px}.midi-home-btn:hover{border-color:var(--brass);background:rgba(201,161,90,.2)}.midi-home-btn .dot{width:11px;height:11px;border-radius:50%;background:#e0403f;box-shadow:0 0 6px rgba(224,64,63,.75)}#midi-home-note{font-family:var(--font-mono);font-size:12px;color:#6b7280;min-height:15px}.mixer-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.midi-rec{grid-column:1;justify-self:start;min-width:0;display:flex;align-items:center;gap:9px;max-width:100%}.midi-rec-btn{flex:0 0 auto;width:36px;height:36px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #5a1414;cursor:pointer;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.75) 0,rgba(255,255,255,0) 30%),radial-gradient(circle at 50% 110%,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 55%),linear-gradient(180deg,#ef5a52 0,#c8261f 55%,#8e140f 100%);box-shadow:0 2px 5px rgba(0,0,0,.55);transition:transform .12s ease,box-shadow .12s ease}.rec-dot{width:14px;height:14px;border-radius:50%;background:#15090a;box-shadow:inset 0 1px 2px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.25);animation:rec-dot 1.8s ease-in-out infinite}@keyframes rec-dot{0%,100%{transform:scale(.8);opacity:.75}50%{transform:scale(1.05);opacity:1}}@media (prefers-reduced-motion:reduce){.rec-dot{animation:none}}.rec-ok{display:none;width:18px;height:18px}.rec-ok circle{fill:#0f2a18;stroke:#4ade80;stroke-width:1.5}.rec-ok path{fill:none;stroke:#4ade80;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.midi-rec-btn.connected .rec-dot{display:none}.midi-rec-btn.connected .rec-ok{display:block}.midi-rec-btn.armed .rec-dot,.midi-rec-btn.armed .rec-ok{display:none}.midi-rec-btn:hover{transform:scale(1.06)}.midi-rec-btn.armed{box-shadow:0 0 0 0 rgba(224,64,63,.7);animation:midi-pulse 1.15s ease-out infinite}.midi-rec-btn.armed::after{content:'';display:block;width:12px;height:12px;background:#fff;border-radius:2px}@keyframes midi-pulse{0%{box-shadow:0 0 0 0 rgba(224,64,63,.65)}70%{box-shadow:0 0 0 11px rgba(224,64,63,0)}100%{box-shadow:0 0 0 0 rgba(224,64,63,0)}}.midi-dev{font-family:var(--font-mono);font-size:11px;color:#9aa0aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.midi-dev.live{color:var(--brass-soft)}.midi-dev:empty{display:none}.bottom-mixer.collapsed .midi-rec{display:none}.export-bar{grid-column:3;justify-self:end}.export-ico{display:block;width:15px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.export-ico .fill{fill:currentColor;stroke:none}@media (max-width:380px){.midi-rec-btn{width:32px;height:32px}.rec-dot{width:12px;height:12px}.mixer-tabs .mixer-tab{padding:6px 7px;letter-spacing:.02em}}.export-btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:6px 14px;border-radius:7px;border:1px solid #3a4150;background:rgba(35,42,54,.6);color:#9aa0aa;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:7px}.export-btn:hover{color:var(--brass-soft);border-color:var(--brass)}.export-btn.working{color:var(--room);background:var(--brass);border-color:var(--brass)}.export-caret{font-size:9px;opacity:.8}.export-menu{position:fixed;z-index:200;background:#1b202a;border:1px solid #3a4150;border-radius:9px;padding:5px;min-width:186px;display:flex;flex-direction:column;gap:2px;box-shadow:0 -10px 28px rgba(0,0,0,.6)}.export-menu[hidden]{display:none}.export-menu button{font-family:var(--font-body);font-size:12.5px;text-align:left;padding:8px 10px;border-radius:6px;border:1px solid transparent;background:0 0;color:#cfd3da;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.export-menu button:hover{background:rgba(201,161,90,.14);color:var(--brass-soft)}.export-menu .hint{font-family:var(--font-mono);font-size:10px;color:#6b7280}.export-menu button:hover .hint{color:var(--brass)}.bottom-mixer.collapsed .export-bar{display:none}.mixer-bar:not(.on-piano) .export-bar,.mixer-bar:not(.on-piano) .midi-rec{display:none}.export-bar{display:flex;align-items:center;gap:10px}.export-btn,.key-voice{height:30px;box-sizing:border-box}.key-voice{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;padding:0 26px 0 10px;border-radius:7px;border:1px solid #3a4150;background:rgba(35,42,54,.6);color:#9aa0aa;cursor:pointer;min-width:158px;max-width:208px}.key-voice:hover{color:var(--brass-soft);border-color:var(--brass)}.key-voice optgroup{background:#1b202a;color:#6b7280;font-style:normal}.key-voice option{background:#1b202a;color:#cfd3da}.mixer-bar:not(.on-piano) .key-voice{display:none}.bottom-mixer.collapsed .key-voice{display:none}