:root{--ink:#e8fff4;--muted:#8fad9d;--signal:#7affb4;--line:#7affb42e;--display:"Syne", "Avenir Next", "Segoe UI", sans-serif;--sans:"DM Sans", "Avenir Next", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", "Consolas", monospace;font-family:var(--sans);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#070b14;font-size:16px;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{touch-action:manipulation;-ms-touch-action:manipulation}body{overscroll-behavior:none;min-height:100svh}button,textarea{font:inherit}p{margin:0}.app{min-height:100svh;padding-top:calc(clamp(1.25rem, 4vw, 2.5rem) + env(safe-area-inset-top,0px));padding-right:calc(clamp(1.25rem, 4vw, 2.5rem) + env(safe-area-inset-right,0px));padding-bottom:calc(clamp(1.25rem, 4vw, 2.5rem) + env(safe-area-inset-bottom,0px));padding-left:calc(clamp(1.25rem, 4vw, 2.5rem) + env(safe-area-inset-left,0px));flex-direction:column;gap:clamp(1.25rem,3vw,2rem);display:flex;position:relative;overflow-x:clip}.atmosphere{z-index:-1;background:radial-gradient(80% 55% at 15% -10%,#78b4ff24,#0000 55%),radial-gradient(60% 45% at 95% 20%,#2e6eb41f,#0000 50%),radial-gradient(70% 50% at 50% 110%,#14326459,#0000 55%),linear-gradient(165deg,#070b14 0%,#0a1220 42%,#0e1a2c 100%);position:fixed;inset:0}.atmosphere:after{content:"";opacity:.35;pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000,#0000 3px,#78b4ff04 3px 4px);animation:14s linear infinite scan-drift;position:absolute;inset:0}@keyframes scan-drift{0%{transform:translateY(0)}to{transform:translateY(28px)}}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;display:flex}.brand-block{text-align:left;flex-direction:row;align-items:center;gap:.85rem;max-width:40rem;display:flex}.brand-block .site-link-qr{order:-1}.brand{appearance:none;font-family:var(--display);letter-spacing:-.04em;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;margin:0;padding:0;font-size:clamp(2.75rem,8vw,4.5rem);font-weight:700;line-height:.95;animation:.7s cubic-bezier(.22,1,.36,1) both brand-in}.brand:hover{color:var(--signal)}.site-link-qr{border:1px solid var(--line);background:#e8fff4;flex:none;padding:3px;line-height:0;animation:.7s cubic-bezier(.22,1,.36,1) 60ms both brand-in;display:block}.site-link-qr canvas{width:72px;height:72px;display:block}@media (width<=520px){.site-link-qr canvas{width:56px;height:56px}}.site-invite-btn{letter-spacing:.04em;flex:none;padding:.4rem .75rem;font-size:.8rem}.app.catch-mode .site-invite-btn{padding:.35rem .65rem;font-size:.75rem}.site-invite-sheet{z-index:80;padding:calc(1rem + env(safe-area-inset-top,0px)) calc(1rem + env(safe-area-inset-right,0px)) calc(1rem + env(safe-area-inset-bottom,0px)) calc(1rem + env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040a14d1;place-items:center;display:grid;position:fixed;inset:0}.site-invite-card{text-align:center;border:1px solid var(--line);background:linear-gradient(165deg,#0a1220 0%,#0e1a2c 100%);justify-items:center;gap:.85rem;width:min(100%,22rem);padding:1.35rem 1.15rem 1.15rem;animation:.35s cubic-bezier(.22,1,.36,1) both panel-in;display:grid}.site-invite-title{font-family:var(--display);color:var(--ink);margin:0;font-size:1.35rem;font-weight:700}.site-invite-blurb{color:var(--muted);margin:0;font-size:.88rem;line-height:1.4}.site-invite-qr{border:1px solid var(--line);background:#e8fff4;padding:.65rem;line-height:0}.site-invite-qr canvas{width:min(70vw,280px);height:auto;display:block}.site-invite-url{font-family:var(--mono);color:var(--signal);word-break:break-all;margin:0;font-size:.72rem}.site-invite-actions{flex-wrap:wrap;justify-content:center;gap:.45rem;width:100%;display:flex}.app.catch-mode{padding-top:calc(.45rem + env(safe-area-inset-top,0px));padding-right:calc(clamp(.75rem, 3vw, 1.25rem) + env(safe-area-inset-right,0px));padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));padding-left:calc(clamp(.75rem, 3vw, 1.25rem) + env(safe-area-inset-left,0px));gap:.5rem;min-height:100svh}.app.catch-mode .brand{font-size:clamp(1.2rem,4.5vw,1.65rem);line-height:1}.app.catch-mode .mode-switch button{padding:.4rem .8rem;font-size:.82rem}.app.catch-mode .site-link-qr canvas{width:44px;height:44px}.app.catch-mode .brand-block{gap:.55rem}.app.catch-mode .top{gap:.45rem .85rem}@keyframes brand-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.mode-switch{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060e1c8c;gap:.35rem;padding:.3rem;display:flex}.mode-switch button{appearance:none;color:var(--muted);font-family:var(--sans);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;padding:.7rem 1.35rem;font-size:.95rem;font-weight:600;transition:color .16s,background .16s}.mode-switch button:hover{color:var(--ink)}.mode-switch button.active{background:var(--signal);color:#061410}.stage{flex:1;align-items:flex-start;width:100%;min-height:0;display:flex}.panel{gap:clamp(1.25rem,3vw,2rem);width:min(1100px,100%);margin:0 auto;animation:.55s cubic-bezier(.22,1,.36,1) both panel-in;display:grid}@keyframes panel-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.panel.transmit{grid-template-columns:minmax(220px,.7fr) minmax(320px,1.4fr);align-content:start;align-items:start;width:min(1400px,100%);max-height:calc(100svh - 6.5rem)}@media (width<=860px){.panel.transmit{grid-template-columns:1fr;max-height:none}.panel-copy{max-height:none;overflow-y:visible}.panel.transmit .signal-stage{order:-1;position:static;top:auto}}.panel-copy{overscroll-behavior:contain;flex-direction:column;gap:.75rem;height:100%;min-height:0;max-height:calc(100svh - 6.5rem);padding-right:.15rem;display:flex;overflow-y:auto}.drop-zone{flex:1;min-height:180px;display:flex;position:relative}.drop-zone .text-input{flex:1;min-height:180px}.drop-zone.over .text-input{border-color:#7affb4bf;box-shadow:0 0 0 3px #7affb42e}.drop-zone.has-file .text-input{pointer-events:none;color:#0000;caret-color:#0000}.drop-zone.next-ready{flex:none;min-height:140px}.drop-zone.next-ready .text-input{min-height:140px}.file-on-deck{z-index:1;text-align:center;pointer-events:none;color:var(--ink);background:#040a148c;place-content:center;gap:.35rem;padding:1rem;display:grid;position:absolute;inset:0}.file-on-deck.next-song-deck strong{letter-spacing:.02em;color:var(--signal);word-break:normal;font-size:1.2rem}.file-on-deck.next-song-deck span{max-width:28rem;margin:0 auto}.file-on-deck strong{font-family:var(--display);word-break:break-all;font-size:1.15rem;font-weight:700}.file-on-deck span{font-family:var(--mono);color:var(--muted);font-size:.75rem}.drop-veil{font-family:var(--display);color:#061410;pointer-events:none;z-index:2;background:#7affb4d1;border:1px dashed #061410;place-items:center;font-size:1.35rem;font-weight:700;display:grid;position:absolute;inset:0}.field-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal);font-size:.75rem}.field-label-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.field-label-row .field-label{margin:0}.field-label-row .paste-btn{padding:.45rem 1rem;font-size:.85rem}.field-label-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.field-label-actions .start-over{padding:.45rem .85rem;font-size:.85rem}.text-input{resize:vertical;border:1px solid var(--line);width:100%;min-height:180px;color:var(--ink);font-family:var(--sans);box-sizing:border-box;background:#040a14b8;outline:none;flex:1;padding:1.1rem 1.15rem;font-size:1.05rem;line-height:1.55;transition:border-color .16s,box-shadow .16s}.text-input:focus{border-color:#7affb48c;box-shadow:0 0 0 3px #7affb41f}.text-input::placeholder{color:#c4dcd059}.gear-row{grid-template-columns:repeat(5,1fr);gap:.4rem;display:grid}.gear-btn{appearance:none;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#040a14a6;gap:.15rem;padding:.55rem .35rem;transition:border-color .14s,background .14s,color .14s;display:grid}.gear-btn:hover{color:var(--ink);border-color:#7affb466}.gear-btn.active{background:var(--signal);border-color:var(--signal);color:#061410}.gear-btn.warp.active{color:#1a1000;background:#ffb347;border-color:#ffb347}.gear-btn.hyper.active{color:#1a0800;background:#ff6b4a;border-color:#ff6b4a}.signal-frame.warp{animation:.35s steps(2,end) infinite warp-flicker}.signal-frame.hyper{animation:.18s steps(2,end) infinite hyper-flicker}@keyframes warp-flicker{50%{box-shadow:0 0 28px #ffb34759}}@keyframes hyper-flicker{50%{box-shadow:0 0 36px #ff6b4a73}}.gear-label{font-family:var(--sans);font-size:.85rem;font-weight:700}.gear-meta{font-family:var(--mono);opacity:.8;font-size:.65rem}.meta-row{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;font-size:.78rem;display:flex}.signal-stage{--beam-size:min(100%, min(calc(100svh - 12.5rem), 640px));flex-direction:column;justify-content:flex-start;align-self:start;align-items:center;gap:.55rem;width:100%;margin:0;padding:0;display:flex;position:sticky;top:0}.signal-stage.accepts-drop .signal-frame{cursor:pointer}.signal-stage.drop-over .signal-frame{outline-offset:4px;outline:3px solid #7affb4d9;box-shadow:0 0 0 8px #7affb42e}.signal-drop-veil{z-index:3;color:var(--signal);font-family:var(--display);pointer-events:none;background:#040a14b8;place-items:center;font-size:1.35rem;font-weight:700;display:grid;position:absolute;inset:0}.signal-drop-hint{font-family:var(--mono);color:var(--muted);text-align:center;margin:0;font-size:.72rem}.tip{color:var(--muted);margin:0;font-size:.85rem;line-height:1.4}.signal-frame{width:var(--beam-size,min(100%, min(calc(100svh - 12.5rem), 640px)));max-height:var(--beam-size,min(100%, min(calc(100svh - 12.5rem), 640px)));aspect-ratio:1;border:1px solid var(--line);background:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.signal-loop-overlay{display:none}.loop-timeline{width:var(--beam-size,min(100%, min(calc(100svh - 12.5rem), 640px)));color:var(--muted);font-family:var(--mono);gap:.35rem;font-size:.72rem;display:grid}.loop-timeline-meta{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.loop-timeline-len{color:var(--signal);font-weight:600}.loop-track{background:#7affb41f;border:1px solid #7affb447;height:10px;position:relative;overflow:hidden}.loop-fill{background:linear-gradient(90deg, #7affb459, var(--signal));transition:width 80ms linear;position:absolute;inset:0 auto 0 0}.loop-playhead{background:var(--ink);width:3px;margin-left:-1px;transition:left 80ms linear;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 8px #7affb48c}.loop-tick{background:#7affb438;width:1px;position:absolute;top:0;bottom:0;transform:translate(-.5px)}.loop-end-mark{background:#ffb347;width:3px;position:absolute;top:0;bottom:0;right:0}.loop-timeline-ends{opacity:.85;justify-content:space-between;align-items:center;display:flex}.loop-wrap-hint{color:#ffb347;letter-spacing:.04em}.signal-frame.live{animation:2.4s ease-in-out infinite beam-pulse}@keyframes beam-pulse{0%,to{box-shadow:0 0 #7affb400}50%{box-shadow:0 0 40px #7affb42e}}.qr-canvas{display:block;width:100%!important;height:100%!important}.signal-idle{color:var(--muted);place-content:center;gap:.75rem;font-size:.95rem;display:grid;position:absolute;inset:0}.signal-frame.prep{background:#070b14;border-color:#7affb459}.signal-prep{z-index:2;text-align:center;background:radial-gradient(60% 50% at 50% 40%,#7affb41f,#0000 70%),#070b14;place-content:center;justify-items:center;gap:.55rem;padding:1.25rem;display:grid;position:absolute;inset:0}.signal-prep-pulse{border:2px solid #7affb459;border-radius:50%;width:52px;height:52px;animation:1.2s ease-out infinite prep-pulse;box-shadow:0 0 #7affb473}@keyframes prep-pulse{0%{transform:scale(.85);box-shadow:0 0 #7affb473}70%{transform:scale(1);box-shadow:0 0 0 18px #7affb400}to{transform:scale(.85);box-shadow:0 0 #7affb400}}.signal-prep-title{font-family:var(--display);color:var(--signal);margin:0;font-size:1.25rem;font-weight:700}.signal-prep-name{max-width:90%;font-family:var(--mono);color:var(--ink);word-break:break-all;margin:0;font-size:.8rem}.signal-prep-sub{max-width:18rem;color:var(--muted);margin:0;font-size:.78rem;line-height:1.35}.signal-idle-mark{border:2px solid #7affb459;border-radius:50%;width:42px;height:42px;margin:0 auto;animation:2.2s ease-in-out infinite idle-breathe;box-shadow:inset 0 0 0 10px #7affb40f}@keyframes idle-breathe{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.signal-hud,.catch-status,.caught-banner{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;font-size:.78rem;display:flex}.signal-stage .signal-hud{width:var(--beam-size,min(100%, min(calc(100svh - 12.5rem), 640px)));justify-content:space-between}.hud-dot{background:var(--signal);width:8px;height:8px;box-shadow:0 0 10px var(--signal);border-radius:50%;animation:1.1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.25}}.hud-id{color:var(--signal);letter-spacing:.08em}.panel.receive{width:100%;max-width:none}.catch-layout{grid-template-columns:minmax(220px,340px) minmax(280px,1fr);align-items:start;gap:.65rem;width:min(1100px,100%);margin:0 auto;display:grid}@media (width<=860px){.catch-layout{grid-template-columns:1fr;gap:.55rem}.catch-layout .panel.receive{max-width:none}.app.catch-mode .scanner-shell,.catch-layout .scanner-shell{aspect-ratio:1;width:min(42vw,148px);max-width:100%;height:auto;max-height:none;margin-inline:auto}.app.catch-has-feed .scanner-shell{width:min(28vw,108px)}.app.catch-has-feed .scanner-hud{padding:.45rem .35rem .3rem}.app.catch-has-feed .scanner-hint-top{font-size:.58rem;line-height:1.25}.app.catch-has-feed .decode-profile{display:none}.app.catch-has-feed .restart-cam{padding:.28rem .55rem;font-size:.72rem}}.catch-layout .restart-cam,.catch-layout .copy-diagnostics{grid-column:1/-1;justify-self:start;padding:.35rem .7rem;font-size:.8rem}.catch-layout .copy-diagnostics{opacity:.75;margin-top:-.35rem}.decode-profile{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.4rem .55rem;margin-top:-.15rem;display:flex}.decode-profile-label{letter-spacing:.04em;text-transform:uppercase;color:#c4dcd073;font-size:.75rem}.decode-profile-btns{flex-wrap:wrap;gap:.3rem;display:flex}.decode-profile-btn{opacity:.7;padding:.3rem .65rem;font-size:.78rem}.decode-profile-btn.active{opacity:1;color:var(--ink);background:#7affb4d9;border-color:#0000}.catch-feed{gap:.4rem;min-width:0;display:grid}.catch-feed.empty{padding:.35rem 0}.catch-feed-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.catch-feed-list{gap:.45rem;margin:0;padding:0 0 1rem;list-style:none;display:grid}.feed-card{border:1px solid var(--line);background:#040a148c;gap:.4rem;padding:.55rem .6rem;animation:.28s cubic-bezier(.22,1,.36,1) both feed-in;display:grid}@keyframes feed-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.feed-card-meta{grid-template-columns:1fr auto;grid-template-areas:"title dismiss""meta dismiss";align-items:start;gap:.15rem .5rem;display:grid}.feed-card-meta strong{font-family:var(--sans);word-break:break-all;grid-area:title;padding-right:.25rem;font-size:.9rem}.feed-card-meta span{font-family:var(--mono);color:var(--muted);grid-area:meta;font-size:.7rem}.feed-dismiss{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:2px;grid-area:dismiss;width:1.75rem;height:1.75rem;padding:0;font-size:1.35rem;line-height:1}.feed-dismiss:hover{color:var(--ink);background:#7affb41f}.feed-thumb{object-fit:contain;border:1px solid var(--line);background:#000;width:100%;max-height:220px}.feed-audio{width:100%;height:32px}.feed-cover{object-fit:cover;width:48px;height:48px;image-rendering:pixelated;image-rendering:crisp-edges;background:#0a1018;border:1px solid #7affb438;border-radius:2px;flex:none;align-self:start;margin-top:.1rem}.feed-card-body{gap:.35rem;min-width:0;display:grid}.feed-card-audio.has-cover{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:.5rem;padding:.45rem .5rem;display:grid}.feed-card-audio:not(.has-cover){gap:.35rem;padding:.45rem .5rem}.feed-card-audio .feed-card-meta strong{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.2;display:-webkit-box;overflow:hidden}.feed-card-audio .feed-card-meta span{font-size:.6rem;line-height:1.25}.feed-card-audio .caught-actions{gap:.35rem}.feed-card-audio .caught-actions .btn{padding:.32rem .55rem;font-size:.75rem}.feed-audio-main{gap:.25rem;min-width:0;display:grid}.feed-audio-host{display:grid}.feed-audio-host audio{width:100%;height:32px}.feed-tap-play{width:100%}.feed-text-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;white-space:pre-wrap;word-break:break-word;max-height:11rem;font-family:var(--sans);color:var(--ink);border:1px solid var(--line);background:#00000059;margin:0;padding:.75rem .8rem;font-size:.95rem;line-height:1.4;overflow:auto}.feed-card-text .caught-actions{margin-top:.1rem}.scanner-shell{border:1px solid var(--line);aspect-ratio:1;background:#000;width:min(100%,420px);margin-inline:auto;transition:box-shadow .12s;position:relative;overflow:hidden}.scanner-shell.hit{box-shadow:0 0 0 3px var(--signal), 0 0 28px #7affb473}.scanner-video{object-fit:cover;object-position:center;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.scanner-work{display:none}.scanner-hud{z-index:2;pointer-events:none;background:linear-gradient(#0000,#00000073,#000000d1);padding:1.1rem .8rem .75rem;position:absolute;inset:auto 0 0}.scanner-hint-top{font-family:var(--mono);letter-spacing:.02em;color:#e8fff4;text-align:center;margin:0;font-size:.72rem}.progress-block.overlay{gap:.4rem;width:100%}.progress-meta{font-family:var(--mono);color:#e8fff4;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.72rem;display:flex}.progress-block.overlay .progress-track{background:#ffffff2e;border:1px solid #7affb459;height:8px}.progress-block.overlay .progress-fill{background:var(--signal);box-shadow:0 0 12px #7affb48c}.progress-block.overlay .frame-dots{max-width:100%;margin-top:.15rem}.frame-dots{flex-wrap:wrap;justify-content:center;gap:4px;max-width:280px;margin:0 auto;display:flex}.frame-dot{background:#7affb426;border:1px solid #7affb440;width:8px;height:8px}.frame-dot.on{background:var(--signal);border-color:var(--signal)}.frame-dot.latest{box-shadow:0 0 8px var(--signal)}.file-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.audio-shrink{border:1px solid var(--line);background:#040a14b8;gap:.65rem;padding:.85rem;display:grid}.audio-shrink-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.audio-shrink-name{font-family:var(--mono);color:var(--signal);word-break:break-all;margin:0;font-size:.82rem}.audio-shrink-actions{flex-wrap:wrap;gap:.5rem;display:flex}.audio-trim{gap:.55rem;display:grid}.audio-trim-row{font-family:var(--mono);color:var(--muted);grid-template-columns:2rem 1fr 3rem;align-items:center;gap:.55rem;font-size:.75rem;display:grid}.audio-trim-row input[type=range]{width:100%;accent-color:var(--signal)}.audio-trim-time{text-align:right;color:var(--ink)}.audio-trim-meta{font-family:var(--mono);color:var(--muted);margin:0;font-size:.72rem}.audio-wave-wrap{gap:.35rem;display:grid}.audio-wave{border:1px solid var(--line);cursor:grab;touch-action:none;background:#040a14d9;border-radius:2px;width:100%;height:76px;display:block}.audio-wave:active{cursor:grabbing}.audio-wave.disabled{opacity:.55;cursor:default}.audio-wave-legend{font-family:var(--mono);color:var(--muted);justify-content:space-between;gap:.5rem;font-size:.68rem;display:flex}.audio-wave-legend span:nth-child(2){text-align:center;opacity:.8}.audio-quality{border:0;gap:.4rem;margin:0;padding:0;display:grid}.audio-quality legend{margin-bottom:.25rem}.audio-quality-option{cursor:pointer;border:1px solid #0000;align-items:flex-start;gap:.55rem;padding:.45rem .55rem;display:flex}.audio-quality-option.active{border-color:var(--line);background:#7affb414}.audio-quality-option strong{color:var(--ink);font-size:.9rem;display:block}.audio-quality-option em{font-style:normal;font-family:var(--mono);color:var(--muted);font-size:.72rem;display:block}.file-input{display:none}.file-chip{font-family:var(--mono);color:var(--signal);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;overflow:hidden}.compress-row{border:0;flex-wrap:wrap;align-items:center;gap:.55rem .85rem;margin:0;padding:0;display:flex}.compress-row legend{margin-right:.25rem;padding:0}.compress-option{color:var(--muted);cursor:pointer;border:1px solid var(--line);align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.9rem;display:inline-flex}.compress-hint{font-family:var(--mono);opacity:.75;font-size:.65rem}.gif-export-row{gap:.45rem;display:grid}.gif-export-row .btn{justify-self:start}.compress-option.active{color:#061410;background:var(--signal);border-color:var(--signal)}.compress-option input{accent-color:#061410}.caught-media{object-fit:contain;border:1px solid var(--line);background:#000;width:100%;max-height:min(55vh,420px)}.caught-audio{width:100%}.scanner-hud .status-error{color:#ffb4a8;text-align:center;text-shadow:0 1px 2px #000;margin:0;font-size:.85rem}.scanner-error-block{justify-items:center;gap:.55rem;display:grid}.scanner-https-fix{padding:.45rem .75rem;font-size:.8rem;text-decoration:none}.status-error{color:#ffb4a8;margin:0;font-size:.9rem}.progress-block{gap:.55rem;width:min(100%,320px);display:grid}.progress-track{background:#7affb41f;height:4px;overflow:hidden}.progress-fill{background:var(--signal);height:100%;transition:width .12s linear}.panel.caught{max-width:720px}.caught-text{min-height:220px}.caught-actions{flex-wrap:wrap;gap:.65rem;display:flex}.btn{appearance:none;border:1px solid var(--line);font-family:var(--sans);cursor:pointer;padding:.8rem 1.25rem;font-size:.95rem;font-weight:600;transition:transform .12s,background .16s,border-color .16s}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--signal);border-color:var(--signal);color:#061410}.btn.primary:hover{background:#a6ffd0}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{border-color:#7affb473}.foot{text-align:left;justify-items:start;gap:.55rem;max-width:36rem;display:grid}.foot .copy-diagnostics{opacity:.75;padding:.35rem .7rem;font-size:.8rem}.foot p{color:#c4dcd073;margin:0;font-size:.9rem}