:root{--body:#1a2229;--deck:#212b33;--raised:#29353e;--raised-hi:#314049;--line:#36444f;--screen:#05080a;--ink:#eef2f4;--ink-2:#a9b6bf;--amber:#ffb000;--amber-ink:#241900;--lcd:#241a03;--lcd-edge:#4d3a0a;--good:#7ccb7a;--alert:#ff5a4a;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-readout:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--gutter:16px;--safe-l:max(var(--gutter), env(safe-area-inset-left));--safe-r:max(var(--gutter), env(safe-area-inset-right));--deck-h:84px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--body);color:var(--ink);font:16px/1.45 var(--font-ui);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}h2{letter-spacing:-.005em;margin:0;font-size:1.0625rem;font-weight:650}p{margin:0}button,select,input{font:inherit;color:inherit}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.topbar{padding:calc(env(safe-area-inset-top) + 10px) var(--safe-r) 10px var(--safe-l);align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:8px;margin-right:auto;display:flex}.brand-mark{width:24px;height:24px;color:var(--ink)}.brand-name{letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.freq{color:var(--ink-2);white-space:nowrap;font-size:.8125rem}.freq-num{font-family:var(--font-readout);color:var(--ink);font-size:.9375rem}.banner{margin:0 var(--safe-r) 10px var(--safe-l);border:1px solid var(--lcd-edge);background:var(--lcd);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:.9375rem;display:flex}.banner p{flex:1}.layout{padding:0 var(--safe-r) calc(var(--deck-h) + env(safe-area-inset-bottom) + 24px) var(--safe-l);grid-template-columns:minmax(0,1fr);grid-template-areas:"receiver""tools""gallery""help""settings";gap:14px;display:grid}.receiver{grid-area:receiver;gap:10px;min-width:0;display:grid}.deck{grid-area:deck}.tools{grid-area:tools}.gallery{grid-area:gallery}.help{grid-area:help}.settings{grid-area:settings}.lcd{border:1px solid var(--lcd-edge);background:linear-gradient(180deg, #ffb00012, #ffb00000 60%), var(--lcd);color:var(--amber);font-family:var(--font-readout);text-shadow:0 0 10px #ffb00059;border-radius:10px;min-height:96px;padding:12px 14px 11px;box-shadow:inset 0 2px 10px #0000008c,0 1px #ffffff0a}.lcd-main{letter-spacing:-.01em;font-size:1.125rem;font-weight:600;line-height:1.3}.lcd-sub{color:#ffb000b8;text-shadow:none;overflow-wrap:anywhere;margin-top:4px;font-size:.8125rem;line-height:1.35}.screen{border:1px solid var(--line);background:var(--screen);border-radius:12px;padding:6px;position:relative;box-shadow:0 1px #ffffff0a}.picture{background:var(--screen);border-radius:6px;width:100%;height:auto;display:block}.cursor{--row:0;left:6px;right:6px;top:calc(6px + var(--row) * (100% - 12px));background:var(--amber);pointer-events:none;height:2px;margin-top:-1px;position:absolute;box-shadow:0 0 8px #ffb000cc}.screen-empty{text-align:center;color:var(--ink-2);pointer-events:none;background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/100% 8px;border-radius:6px;place-items:center;padding:24px;font-size:.9375rem;display:grid;position:absolute;inset:6px}.progress{background:#ffffff14;border-radius:2px;height:3px;position:absolute;bottom:2px;left:6px;right:6px;overflow:hidden}.progress-fill{--p:0;background:var(--ink-2);transform-origin:0;height:100%;transform:scaleX(var(--p))}.signal{gap:8px;display:grid}.waterfall-wrap{padding-bottom:26px;position:relative}.waterfall{border:1px solid var(--line);background:var(--screen);image-rendering:auto;border-radius:8px;width:100%;height:64px;display:block}.ticks{pointer-events:none;position:absolute;inset:0}.tick{left:var(--pos);color:var(--ink);flex-direction:column;justify-content:flex-end;align-items:center;font-size:.75rem;line-height:1.1;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.tick:before{content:"";border-left:1px dashed #eef2f447;height:63px;position:absolute;top:1px;left:50%}.tick small{color:var(--ink-2);font-size:.6875rem}.meter{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.meter-track{background:linear-gradient(90deg, #ffffff0d 0 25%, #7ccb7a1f 25% 95%, #ff5a4a4d 95%), var(--screen);border:1px solid var(--line);border-radius:6px;height:12px;position:relative;overflow:hidden}.meter-fill{--level:0;transform-origin:0;transform:scaleX(var(--level));background:var(--good);transition:transform 80ms linear;position:absolute;inset:0}.meter-track[data-zone=quiet] .meter-fill{background:#73828d}.meter-track[data-zone=loud] .meter-fill{background:var(--alert)}.meter-track[data-zone=idle] .meter-fill{background:0 0}.meter-peak{--level:0;width:2px;top:0;bottom:0;left:calc(var(--level) * 100% - 1px);background:var(--ink);opacity:.8;position:absolute}.meter-track[data-zone=idle] .meter-peak{opacity:0}.meter-hint{color:var(--ink-2);font-size:.9375rem;font-weight:600}.meter-hint[data-tone=alert]{color:var(--alert)}.meter-hint[data-tone=warn]{color:var(--amber)}.meter-hint[data-tone=good]{color:var(--good)}.deck{z-index:10;padding:10px var(--safe-r) calc(10px + env(safe-area-inset-bottom)) var(--safe-l);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#1a2229f2;grid-template-columns:minmax(0,1fr) minmax(8.5rem,40%);align-items:end;gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0}.listen{border:2px solid var(--amber);background:var(--amber);min-height:62px;color:var(--amber-ink);letter-spacing:-.005em;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:0 18px;font-size:1.25rem;font-weight:750;display:flex;box-shadow:0 6px 18px #ffb0002e,inset 0 -3px #0000002e}.listen:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 -1px #0000002e}.listen-led{background:var(--amber-ink);border-radius:50%;width:12px;height:12px;box-shadow:inset 0 1px 2px #00000080}.listen.active{background:var(--raised);color:var(--ink);box-shadow:inset 0 2px 8px #00000059}.listen.active .listen-led{background:var(--good);box-shadow:0 0 10px var(--good);animation:1.6s ease-in-out infinite led}body[data-state=receiving] .listen.active .listen-led{background:var(--amber);box-shadow:0 0 10px var(--amber);animation:none}body[data-state=holding] .listen.active .listen-led{background:var(--alert);box-shadow:0 0 10px var(--alert)}.listen:disabled{background:var(--raised);border-color:var(--line);color:var(--ink-2);box-shadow:none;cursor:not-allowed}.listen:disabled .listen-led{background:var(--line)}@keyframes led{50%{opacity:.35}}.mode-field,.select-field{gap:4px;display:grid}.field-label{color:var(--ink-2);font-size:.8125rem}select{border:1px solid var(--line);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23a9b6bf' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 12px center, var(--raised);appearance:none;cursor:pointer;border-radius:10px;width:100%;min-height:44px;padding:0 36px 0 12px;font-size:1rem;font-weight:600}.mode-field select{min-height:44px}.tools{gap:10px;display:grid}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.btn{border:1px solid var(--line);background:var(--raised);cursor:pointer;text-align:center;border-radius:10px;min-height:48px;padding:8px 12px;font-size:.9375rem;font-weight:600;line-height:1.2}.btn:hover:not(:disabled){background:var(--raised-hi)}.btn:disabled{color:var(--ink-2);opacity:.5;cursor:not-allowed}.btn-small{min-height:44px;padding:6px 12px;font-size:.875rem}.btn-ghost{background:0 0}.btn-danger{color:#ffb4ab}.hint{color:var(--ink-2);font-size:.875rem}.notice{border-left:3px solid var(--alert);background:#ff5a4a1a;border-radius:4px 10px 10px 4px;padding:10px 12px;font-size:.9375rem}.notice.notice-soft{border-left-color:var(--ink-2);color:var(--ink-2);background:#ffffff0a}.panel{border:1px solid var(--line);background:var(--deck);border-radius:14px;gap:12px;min-width:0;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff0a}.panel-head{align-items:baseline;gap:8px;display:flex}.count{color:var(--ink-2);font-size:.875rem}.grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.thumb{border:1px solid var(--line);background:var(--screen);cursor:pointer;text-align:left;border-radius:8px;width:100%;padding:0;display:grid;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:auto;display:block}.thumb-cap{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;padding:5px 7px 6px;font-size:.75rem;overflow:hidden}.thumb-tag{color:var(--amber);background:#05080acc;border-radius:4px;padding:1px 6px;font-size:.6875rem;font-weight:600;position:absolute;top:5px;left:5px}.empty{color:var(--ink-2);font-size:.9375rem}.help-list{gap:8px;max-width:62ch;margin:0;padding:0 0 0 1.1em;font-size:.9375rem;display:grid}.help-list li::marker{color:var(--amber)}.toggle{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:12px;min-height:44px;display:grid}.toggle input{width:22px;height:22px;accent-color:var(--amber);margin:2px 0 0}.toggle small{color:var(--ink-2);font-size:.8125rem;display:block}.viewer{border:1px solid var(--line);background:var(--deck);width:min(720px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);border-radius:14px;padding:0}.viewer::backdrop{background:#000000bf}.viewer-body{gap:12px;padding:12px;display:grid}.viewer-img{object-fit:contain;background:var(--screen);border-radius:8px;width:100%;max-height:65dvh;display:block}.viewer-meta{gap:2px;display:grid}.viewer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.toast{z-index:20;left:50%;bottom:calc(var(--deck-h) + env(safe-area-inset-bottom) + 16px);background:var(--ink);color:#10161b;opacity:0;pointer-events:none;border-radius:10px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:.9375rem;font-weight:600;transition:opacity .16s,transform .16s;position:fixed;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:419px){.lcd-main{font-size:1rem}}@media (min-width:560px){.actions,.viewer-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:900px){.topbar,.banner,.layout{max-width:1240px;margin-left:auto;margin-right:auto}.banner{margin-bottom:12px}.layout{grid-template:"receiver deck""receiver tools""receiver gallery""receiver help""receiver settings""receiver."1fr/minmax(0,1.35fr) minmax(320px,1fr);gap:16px 24px;padding-bottom:32px}.receiver{align-self:start;position:sticky;top:12px}.deck{-webkit-backdrop-filter:none;background:0 0;border:0;padding:0;position:static}.actions{grid-template-columns:repeat(2,minmax(0,1fr))}.lcd-main{font-size:1.25rem}.waterfall{height:80px}.screen{justify-self:center;width:100%;min-width:320px;max-width:calc(130dvh - 415px)}.tick:before{height:79px}.toast{bottom:24px}}@media (prefers-reduced-motion:reduce){.listen.active .listen-led{animation:none}.meter-fill,.toast{transition:none}}@media (prefers-contrast:more){:root{--ink-2:#d4dde3;--line:#5a6b77}}