:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080b0d;--panel:#0b1012ad;--panel-solid:#0b1012;--line:#253337;--line-bright:#3e575b;--text:#e7f0ee;--muted:#82918f;--dim:#52605f;--cyan:#60dccb;--green:#8fd86b;--amber:#edae4e;--danger:#ef765f;--focus:#b7f4ea;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.signal-background{z-index:0;pointer-events:none;position:fixed;inset:0}.page-shell{z-index:1;place-items:center;min-height:100vh;padding:38px 22px;display:grid;position:relative}.player{background:var(--panel);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #4d676ab8;border-radius:5px;width:min(100%,1040px);overflow:hidden;box-shadow:0 28px 85px #00000094,inset 0 1px #ffffff06}.player-header,.player-footer{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.13em;justify-content:space-between;align-items:center;padding:13px 20px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68rem;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{border:1px solid var(--cyan);min-width:76px;height:23px;color:var(--cyan);letter-spacing:.04em;place-items:center;padding:0 7px;font-size:.62rem;font-weight:800;display:grid}.brand-link,.brand-link:visited{color:inherit;text-decoration:none}.brand-link:hover,.brand-link:focus-visible{color:inherit;text-decoration:underline}.state{align-items:center;gap:8px;display:flex}.state-light{background:var(--muted);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #82918f14}.state-playing,.state-ready{color:var(--green)}.state-playing .state-light,.state-ready .state-light{background:var(--green);box-shadow:0 0 10px #8fd86bbf}.state-loading-wasm,.state-loading-file,.state-seeking{color:var(--amber)}.state-loading-wasm .state-light,.state-loading-file .state-light,.state-seeking .state-light{background:var(--amber);animation:1.1s steps(2,jump-none) infinite status-pulse}.state-unsupported-format,.state-invalid-file,.state-missing-resource,.state-audio-blocked,.state-browser-unsupported,.state-fatal-error{color:var(--danger)}.state-unsupported-format .state-light,.state-invalid-file .state-light,.state-missing-resource .state-light,.state-audio-blocked .state-light,.state-browser-unsupported .state-light,.state-fatal-error .state-light{background:var(--danger)}@keyframes status-pulse{50%{opacity:.3}}.track-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;padding:34px 34px 24px;display:grid}.track-icon{border:1px solid var(--line-bright);width:48px;height:48px;color:var(--cyan);background:#45c5b90e;border-radius:3px;place-items:center;display:grid}.track-copy{min-width:0}.track-copy h1{color:#f2f8f6;letter-spacing:-.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:0 0 6px;font-family:Arial Narrow,Aptos Display,Impact,sans-serif;font-size:3.75rem;font-weight:800;font-stretch:75%;line-height:.96;overflow:hidden}.track-copy p{color:var(--muted);letter-spacing:.11em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.73rem;overflow:hidden}.open-button{border:1px solid var(--line-bright);min-height:42px;color:var(--text);cursor:pointer;letter-spacing:.08em;background:#131b1d;border-radius:3px;align-items:center;gap:9px;padding:0 15px;font-family:SFMono-Regular,Consolas,monospace;font-size:.69rem;display:inline-flex}.open-button:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}button:disabled,input:disabled{cursor:not-allowed;opacity:.38}.timeline{padding:0 34px 24px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--cyan) var(--progress), #273437 var(--progress));border-radius:0;height:3px}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--cyan) var(--progress), #273437 var(--progress));border:0;border-radius:0;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--panel-solid);background:var(--cyan);width:12px;height:12px;box-shadow:0 0 0 1px var(--cyan);border-radius:1px;margin-top:-4.5px}input[type=range]::-moz-range-thumb{border:2px solid var(--panel-solid);background:var(--cyan);width:9px;height:9px;box-shadow:0 0 0 1px var(--cyan);border-radius:1px}.time-row{color:var(--muted);grid-template-columns:60px minmax(0,1fr) 60px;margin-top:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.7rem;display:grid}.time-row span{color:var(--dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:0 12px;overflow:hidden}.time-row time:last-child{text-align:right}.transport{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#070b0c75;grid-template-columns:1fr auto 1fr;align-items:center;min-height:86px;padding:14px 34px;display:grid}.transport-buttons{align-items:center;gap:10px;display:flex}.icon-button,.play-button,.volume-button{border:1px solid var(--line-bright);cursor:pointer;background:#101719;border-radius:2px;place-items:center;display:grid}.icon-button{width:42px;height:42px;color:var(--muted)}.play-button{border-color:var(--cyan);color:#06110f;background:var(--cyan);width:59px;height:59px;box-shadow:0 0 28px #60dccb1f}.play-button:hover:not(:disabled){background:#8cf4e4}.icon-button:hover:not(:disabled),.volume-button:hover{border-color:var(--cyan);color:var(--cyan)}.volume-control{grid-template-columns:32px minmax(80px,150px) 30px;justify-content:end;align-items:center;gap:8px;display:grid}.volume-button{width:32px;height:32px;color:var(--muted);background:0 0;border-color:#0000}.volume-control output{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:.68rem}.information{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.metadata,.chips{min-width:0;padding:27px 34px 31px}.chips{border-left:1px solid var(--line)}.metadata h2,.chips h2{color:var(--cyan);letter-spacing:.13em;margin:0 0 18px;font-family:SFMono-Regular,Consolas,monospace;font-size:.69rem;font-weight:600}.metadata dl{gap:9px;margin:0;display:grid}.metadata dl div{grid-template-columns:82px minmax(0,1fr);gap:12px;display:grid}.metadata dt,.metadata dd,.comment,.chips li,.empty-data{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;line-height:1.45}.metadata dt{color:var(--dim)}.metadata dd{color:#b7c5c2;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.comment{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:17px 0 0;display:-webkit-box;overflow:hidden}.section-title-row{justify-content:space-between;align-items:start;display:flex}.section-title-row>span{border:1px solid var(--line-bright);color:var(--muted);padding:2px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:.62rem}.chips ul{scrollbar-color:var(--line-bright) transparent;gap:0;max-height:190px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.chips li{border-top:1px solid #253337b8;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:8px 0;display:grid}.chips li.chip-without-system{grid-template-columns:26px minmax(0,1fr) auto}.chip-index{color:var(--dim)}.chip-name{color:#c4d2cf;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip-system{max-width:180px;color:var(--amber);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border:1px solid #364548;padding:1px 4px;font-size:.61rem;overflow:hidden}.chip-clock{color:var(--muted);font-size:.64rem}.empty-data{color:var(--dim);margin:0}.player-footer{border-top:1px solid var(--line);color:var(--dim);border-bottom:0;font-size:.61rem}.drag-overlay{z-index:20;border:4px solid var(--cyan);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040d0ee6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.drag-overlay>div{border:1px dashed var(--cyan);min-width:min(440px,88vw);min-height:270px;color:var(--cyan);align-content:center;place-items:center;gap:13px;display:grid}.drag-overlay strong{letter-spacing:.03em;font-family:Arial Narrow,Impact,sans-serif;font-size:2.2rem}.drag-overlay span{color:var(--muted);letter-spacing:.15em;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem}.error-panel{z-index:30;border:1px solid var(--danger);background:#151010;border-left-width:4px;border-radius:2px;gap:7px;width:min(430px,100vw - 44px);padding:18px 48px 18px 19px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 55px #0000008c}.error-panel button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:10px;right:10px}.error-panel strong{color:var(--danger);letter-spacing:.1em;font-family:SFMono-Regular,Consolas,monospace;font-size:.7rem}.error-panel span,.error-panel small{color:#d8dfdc;font-size:.82rem;line-height:1.45}.error-panel small{color:var(--muted)}@media (max-width:760px){.page-shell{align-items:start;padding:12px}.player{width:100%}.track-heading{grid-template-columns:auto minmax(0,1fr);padding:25px 20px 20px}.track-copy h1{font-size:2.2rem}.open-button{grid-column:1/-1;justify-content:center}.timeline{padding:0 20px 20px}.transport{grid-template-columns:1fr;gap:15px;padding:18px 20px}.transport-spacer{display:none}.transport-buttons{justify-content:center}.volume-control{grid-template-columns:38px minmax(0,1fr) 34px;width:100%}.volume-button{width:38px;height:38px}.information{grid-template-columns:1fr}.metadata,.chips{padding:24px 20px}.chips{border-top:1px solid var(--line);border-left:0}.chips li{grid-template-columns:24px minmax(0,1fr) auto}.chip-clock{grid-column:2}.player-header,.player-footer{padding-inline:14px}.player-footer{flex-direction:column;align-items:start;gap:8px}}@media (max-width:420px){.brand>span:last-child,.open-button span{display:none}.track-icon{width:42px;height:42px}.open-button{min-height:46px}.metadata dl div{grid-template-columns:66px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}