:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f0e8;background:#10100f;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,summary{font:inherit}button{border:1px solid #39362f;border-radius:10px;background:#24221e;color:#efece4;padding:10px 15px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#343025;border-color:#766343}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #edc477;outline-offset:4px}button:disabled{opacity:.4;cursor:default}button.quiet{background:transparent;border-color:transparent;color:#b4afa5}button.primary{background:#eac17a;border-color:#eac17a;color:#231a0d;font-weight:650;padding:12px 22px}[hidden]{display:none!important}.viewer{max-width:1440px;margin:auto;padding:22px 28px 18px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:650;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid #766343;border-radius:12px;font-size:28px;color:#eac17a;background:#272218}.brand-sub{display:block;margin-top:2px;font-size:9px;font-weight:500;letter-spacing:2.2px;color:#b49d78}.stage{position:relative;overflow:hidden;aspect-ratio:16/9;max-height:calc(100dvh - 245px);min-height:180px;border:1px solid #302b22;border-radius:18px;background:#050505;box-shadow:0 14px 60px #0004}.stage video{height:100%;width:100%;object-fit:contain;display:block}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:radial-gradient(ellipse at center,#30291d,#171614 45%,#0b0b0a);gap:13px}.halo{color:#e4bd76;font-size:38px;border:1px solid #5b4930;border-radius:50%;width:75px;height:75px;display:grid;place-items:center;box-shadow:0 0 80px #c5974120}.overlay h1{font-size:clamp(20px,3vw,30px);font-weight:550;letter-spacing:-.7px;margin:5px 0 0}.overlay p{color:#b9b3a7;font-size:14px;max-width:410px;line-height:1.6;margin:0 0 10px}.stage-badge{position:absolute;left:16px;bottom:14px;display:flex;align-items:center;gap:7px;background:#171614de;border:1px solid #ffffff15;border-radius:7px;padding:6px 10px;font-size:11px;color:#e1d8c8;pointer-events:none}.dot{width:6px;height:6px;border-radius:50%;background:#b7aa8f}.dot.playing{background:#b7d690;box-shadow:0 0 10px #b7d69066}#quality:not(:empty){border-left:1px solid #605647;padding-left:8px;color:#c6b896}.track{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:22px 0 19px}.track-meta{min-width:0}.eyebrow{font-size:10px;font-weight:650;color:#d7b779;letter-spacing:1.7px;margin-bottom:7px}h2{font-size:clamp(18px,2.6vw,25px);line-height:1.25;font-weight:580;letter-spacing:-.5px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#artist{margin:6px 0 0;color:#ada79d;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-actions{display:flex;gap:7px;flex-shrink:0;font-size:12px}.timeline{height:3px;border-radius:3px;overflow:hidden;background:#302b22}#progress{height:100%;width:0;background:#dcbc7c;transition:width 1s linear}footer{display:flex;justify-content:space-between;align-items:start;gap:15px;font-size:11px;color:#938c81;padding-top:12px}#time{font-variant-numeric:tabular-nums;white-space:nowrap}.audio-note{line-height:1.6}.audio-note span{padding:0 5px}details{text-align:right;min-width:120px;position:relative}summary{cursor:pointer}details[open]{padding:12px;background:#25221c;border:1px solid #494033;border-radius:10px}details label{display:block;margin-top:12px;font-size:11px;max-width:200px;line-height:1.5}details input{display:block;width:185px;margin:12px 0;accent-color:#eac17a}output{font-variant-numeric:tabular-nums}@media(max-width:680px){.viewer{padding:14px}header{margin-bottom:14px}.stage{border-radius:12px;max-height:none;min-height:170px}.track{display:block;margin:18px 0}.track-actions{margin-top:16px;flex-wrap:wrap}footer{flex-wrap:wrap}.audio-note{order:3;width:100%}h2{white-space:normal}.halo{height:52px;width:52px;font-size:28px}.overlay{gap:7px}.overlay p{font-size:12px}.overlay h1{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}