.srd{--srd-accent:#3fd0ff;--srd-device:#ffb547;--srd-quiet:#a9b2bf;--srd-good:#57d98c;--srd-bad:#ff6b6b;grid-template-columns:minmax(0,1fr);gap:1.1rem;margin-block:1.25rem 2rem;display:grid}.srd-kicker{font:700 .78rem/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff9e}.srd-dim{color:var(--srd-quiet);margin:0;font-size:.9rem;line-height:1.5}.srd-h3{font:800 1rem/1.3 var(--font-display);color:var(--text);margin:.2rem 0 0}.srd-bar{border:1px solid var(--line);background:radial-gradient(80% 140% at 0% 0%, color-mix(in srgb, var(--srd-accent) 13%, transparent), transparent 60%), var(--panel-2);border-radius:14px;grid-template-columns:minmax(0,1.3fr) auto auto;align-items:center;gap:.8rem 1.4rem;padding:1rem 1.15rem;display:grid}.srd-out{gap:.2rem;min-width:0;display:grid}.srd-out strong{font:800 1.15rem/1.25 var(--font-display);color:var(--text)}.srd-out-note{color:var(--text-2);font-size:.92rem;line-height:1.45}.srd-facts{gap:1.1rem;margin:0;display:flex}.srd-facts dt{font:700 .78rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--srd-quiet)}.srd-facts dd{font:700 1rem/1.2 var(--font-mono);color:var(--text);white-space:nowrap;margin:.2rem 0 0}.srd-actions{justify-items:end;gap:.55rem;display:grid}.srd-volume{color:var(--text-2);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.srd-volume input{width:8.5rem;accent-color:var(--srd-accent)}.srd-volume output{font:700 .9rem/1 var(--font-mono);color:var(--text);min-width:3.6rem}.srd-safe{color:var(--srd-quiet);grid-column:1/-1;margin:0;font-size:.88rem}.srd-controls{flex-wrap:wrap;align-items:center;gap:.7rem 1.4rem;display:flex}.srd-seg{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.srd-seg button{border:1px solid var(--line);background:var(--panel-2);min-height:2.5rem;color:var(--text);font:600 .92rem/1.2 var(--font-body);cursor:pointer;border-radius:999px;padding:.45rem .85rem}.srd-seg button b{font:800 .95rem/1 var(--font-mono)}.srd-seg button[aria-pressed=true]{background:var(--srd-accent);border-color:var(--srd-accent);color:#06121a}.srd-seg button[data-srd-mode=device][aria-pressed=true]{background:var(--srd-device);border-color:var(--srd-device)}.srd-seg button:disabled{opacity:.45;cursor:not-allowed}.srd-seg-small button{min-height:2.25rem;padding:.35rem .75rem;font-size:.9rem}.srd-mode-note{color:var(--text-2);flex:100%;margin:0;font-size:.92rem;line-height:1.5}.srd-tabs{border-bottom:1px solid var(--line);gap:.25rem;display:flex;overflow-x:auto}.srd-tabs button{color:var(--text-2);font:700 1rem/1.2 var(--font-display);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:.7rem 1rem}.srd-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--srd-accent)}.srd-panel{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:1.2rem;display:grid}.srd-panel[hidden]{display:none}.srd-side{gap:.85rem;min-width:0;display:grid}.srd-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.srd-now{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;gap:.25rem;padding:.8rem 1rem;display:grid}.srd-now strong{font:800 1.05rem/1.35 var(--font-display);color:var(--text)}.srd-room{aspect-ratio:1;border:1px solid var(--line);touch-action:manipulation;background:radial-gradient(closest-side,#ffffff0a,#0000),repeating-linear-gradient(0deg,#0000 0 39px,#ffffff06 39px 40px),repeating-linear-gradient(90deg,#0000 0 39px,#ffffff06 39px 40px),linear-gradient(#0d131d,#080b11);border-radius:22px;width:100%;max-width:560px;margin-inline:auto;position:relative;overflow:hidden}.srd-room[data-mode=device]{--srd-accent:var(--srd-device)}.srd-floor{width:100%;height:100%;position:absolute;inset:0}.srd-ring{fill:none;stroke:#ffffff29;stroke-width:.6px}.srd-ring-faint{stroke:#ffffff12;stroke-dasharray:2 3}.srd-tick{stroke:#ffffff38;stroke-width:.6px}.srd-tick-major{stroke:#ffffff73;stroke-width:.9px}.srd-skull{fill:#1b2433;stroke:#ffffff80;stroke-width:.9px}.srd-ear{fill:#273246;stroke:#fff6;stroke-width:.7px}.srd-nose{fill:var(--srd-accent);opacity:.9}.srd-wave{fill:none;stroke:var(--srd-accent);stroke-width:1.4px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:1.4s cubic-bezier(.2,.6,.3,1) forwards srd-wave}.srd-wave-low{stroke-width:3px;stroke-dasharray:1 5}@keyframes srd-wave{0%{opacity:.95;transform:scale(.04)}to{opacity:0;transform:scale(1)}}.srd-dir{font:700 .78rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffff9e;pointer-events:none;position:absolute;left:50%;translate:-50%}.srd-dir-front{top:22%;translate:-50% -50%}.srd-dir-back{top:78%;translate:-50% -50%}.srd-spk{width:3.1rem;height:3.1rem;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;translate:-50% -50%}.srd-spk-dot{border:2px solid var(--srd-accent);background:color-mix(in srgb, var(--srd-accent) 22%, #0b1018);border-radius:50%;transition:transform .15s,box-shadow .2s,background .2s;position:absolute;inset:.2rem;box-shadow:0 0 0 4px #00000059}.srd-room[data-mode=browser] .srd-spk-dot{background:#0b1018d9;border-style:dashed}.srd-spk b{font:800 .88rem/1 var(--font-mono);letter-spacing:.02em;position:relative}.srd-spk[data-ch=LFE]{width:2.9rem;height:2.9rem}.srd-spk[data-ch=LFE] b{font-size:.88rem}.srd-spk:hover .srd-spk-dot,.srd-spk:focus-visible .srd-spk-dot{transform:scale(1.08)}.srd-spk:focus-visible{outline:2px solid var(--text);outline-offset:2px}.srd-spk.is-playing .srd-spk-dot{background:var(--srd-accent);box-shadow:0 0 0 4px #00000059, 0 0 26px 6px color-mix(in srgb, var(--srd-accent) 70%, transparent);transform:scale(1.12)}.srd-spk.is-playing b{color:#06121a}.srd-marks{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.srd-marks li{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem .8rem;padding:.45rem .6rem;display:grid}.srd-marks li[hidden]{display:none}.srd-marks li.is-played{border-color:color-mix(in srgb, var(--srd-accent) 45%, var(--line))}.srd-marks li[data-heard=ok]{border-color:color-mix(in srgb, var(--srd-good) 60%, var(--line))}.srd-marks li[data-heard=wrong],.srd-marks li[data-heard=silent]{border-color:color-mix(in srgb, var(--srd-bad) 60%, var(--line))}.srd-mark-name{align-items:baseline;gap:.55rem;min-width:0;display:flex}.srd-mark-name b{font:800 .9rem/1 var(--font-mono);color:var(--srd-accent);min-width:2.2rem}.srd-mark-name span{color:var(--text);text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.srd-mark-pick{gap:.25rem;display:flex}.srd-mark-pick button{border:1px solid var(--line);min-height:2.1rem;color:var(--text-2);font:600 .88rem/1.1 var(--font-body);cursor:pointer;background:#0d131c;border-radius:8px;padding:.25rem .55rem}.srd-mark-pick button[data-heard=ok][aria-pressed=true]{background:var(--srd-good);border-color:var(--srd-good);color:#06140c}.srd-mark-pick button[data-heard=wrong][aria-pressed=true],.srd-mark-pick button[data-heard=silent][aria-pressed=true]{background:var(--srd-bad);border-color:var(--srd-bad);color:#1a0606}.srd-swap{color:var(--text-2);align-items:center;gap:.5rem;font-size:.92rem;display:flex}.srd-swap[hidden]{display:none}.srd-verdict{border:1px solid var(--line);background:#0b1017;border-radius:12px;padding:.85rem 1rem}.srd-findings{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.srd-findings li{color:var(--text);padding-left:1.3rem;font-size:.94rem;line-height:1.5;position:relative}.srd-findings li:before{content:"";background:var(--srd-good);border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:.45em;left:0}.srd-findings li[data-level=warn]:before{background:var(--warning,#ffb547)}.srd-findings li[data-level=bad]:before{background:var(--srd-bad)}.srd-radar{cursor:crosshair}.srd-radar svg:focus-visible{outline:2px solid var(--srd-accent);outline-offset:-4px;border-radius:22px}.srd-listen{fill:none;stroke:var(--srd-accent);stroke-width:1.2px;opacity:0;transform-box:fill-box;transform-origin:50%}.srd-listen.is-on{animation:1.1s ease-out infinite srd-listen}@keyframes srd-listen{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(3.4)}}.srd-truth{fill:none;stroke:var(--srd-good);stroke-width:2.4px}.srd-answer{fill:var(--srd-accent);stroke:#06121a;stroke-width:1px}.srd-cursor{fill:none;stroke:#ffffffb3;stroke-width:1.2px;stroke-dasharray:2 2}.srd-miss{fill:none;stroke:var(--srd-bad);stroke-width:2.2px;stroke-linecap:round;opacity:.85}.srd-past{fill:var(--srd-good);opacity:.8}.srd-past.is-flip,.srd-past.is-side{fill:var(--srd-bad)}.srd-result{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;gap:.45rem;padding:.9rem 1rem;display:grid}.srd-result[hidden]{display:none}.srd-grade{font:800 1.35rem/1.2 var(--font-display);color:var(--srd-good)}.srd-result[data-grade=rough] .srd-grade{color:var(--warning,#ffb547)}.srd-result[data-grade=guessing] .srd-grade{color:var(--srd-bad)}.srd-result p{color:var(--text-2);margin:0;font-size:.94rem;line-height:1.5}.srd-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1rem;margin:.2rem 0 0;display:grid}.srd-stats dt{color:var(--srd-quiet);font-size:.88rem}.srd-stats dd{font:800 1.2rem/1.1 var(--font-mono);color:var(--text);margin:.1rem 0 0}.srd-compare{gap:.5rem;display:grid}.srd-compare table,.srd-table table{border-collapse:collapse;width:100%;font-size:.92rem}.srd-compare th,.srd-compare td,.srd-table th,.srd-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.5rem .6rem}.srd-compare thead th,.srd-table thead th{font:700 .78rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--srd-quiet)}.srd-compare td b{font:800 1rem/1 var(--font-mono);color:var(--text)}.srd-table{overflow-x:auto}.srd-how{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:.6rem;display:grid}.srd-how>div{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;align-content:start;gap:.6rem;min-width:0;padding:1rem 1.1rem;display:grid}.srd-how>div:nth-child(2){grid-column:span 2}.srd-how h2{font:800 1.1rem/1.3 var(--font-display);color:var(--text);margin:0}.srd-how p{color:var(--text-2);margin:0;font-size:.94rem;line-height:1.55}.srd-table th b{color:var(--text);font-weight:800}.srd-links{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.srd-links a{color:var(--srd-accent);font-weight:700;text-decoration:none}.srd-links a:hover{text-decoration:underline}@media (width<=960px){.srd-panel,.srd-how{grid-template-columns:minmax(0,1fr)}.srd-how>div:nth-child(2){grid-column:auto}}@media (width<=760px){.srd-bar{grid-template-columns:minmax(0,1fr)}.srd-actions{justify-items:start}.srd-facts{flex-wrap:wrap}}@media (width<=520px){.srd-spk{width:2.6rem;height:2.6rem}.srd-spk[data-ch=LFE]{width:2.5rem;height:2.5rem}.srd-marks li{grid-template-columns:minmax(0,1fr)}.srd-mark-pick button{flex:1 1 0}.srd-volume input{width:100%;min-width:0}.srd-volume{width:100%}.srd-tabs button{white-space:normal;text-align:center;flex:1 1 0;padding-inline:.4rem;font-size:.95rem}}@media (prefers-reduced-motion:reduce){.srd-wave,.srd-listen.is-on{animation:none}}