:root{--bg-0: oklch(.13 .008 255);--bg-1: oklch(.165 .01 255);--bg-2: oklch(.205 .012 255);--bg-3: oklch(.245 .013 255);--line: oklch(.3 .014 255);--line-bright: oklch(.42 .018 255);--text: oklch(.96 .005 255);--text-2: oklch(.78 .012 255);--text-3: oklch(.55 .014 255);--text-4: oklch(.4 .014 255);--signal: oklch(.86 .19 128);--signal-dim: oklch(.86 .19 128 / .18);--live: oklch(.82 .17 75);--live-dim: oklch(.82 .17 75 / .18);--error: oklch(.7 .2 25);--r-sm: 6px;--r-md: 10px;--r-lg: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}#root{height:100%;min-height:100%;min-height:100vh;display:flex;flex-direction:column}body{font-family:Geist,system-ui,sans-serif;background:var(--bg-0);color:var(--text);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,oklch(.3 .014 255 / .12) 1px,transparent 1px),linear-gradient(to bottom,oklch(.3 .014 255 / .12) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 800px 400px at 80% -10%,oklch(.86 .19 128 / .06),transparent 60%),radial-gradient(ellipse 600px 400px at 10% 110%,oklch(.55 .1 255 / .05),transparent 60%);pointer-events:none;z-index:0}#landscape{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.85;mask-image:linear-gradient(to top,black 0%,black 60%,transparent 95%);-webkit-mask-image:linear-gradient(to top,black 0%,black 60%,transparent 95%)}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"zero","ss01"}.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid oklch(1 0 0 / .06);background:linear-gradient(180deg,#ffffff0d,#ffffff03);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);box-shadow:inset 0 1px #ffffff1f,0 1px #00000026}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:28px;height:28px;border-radius:6px;background:linear-gradient(180deg,#ade74ef2,#7cd050f9,#45ba50);box-shadow:0 0 0 1px #ade74e66,0 0 24px #ade74e66;display:grid;place-items:center;color:#0f130a;font-family:JetBrains Mono,monospace;font-weight:700;font-size:13px}.brand-name{font-family:JetBrains Mono,monospace;font-weight:600;letter-spacing:.16em;font-size:13px;color:var(--text)}.brand-sep{color:var(--text-4);margin:0 4px}.brand-tag{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-3);letter-spacing:.1em}.topbar-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.rapidapi-link{position:relative;display:inline-flex;align-items:center;gap:12px;padding:10px 16px 10px 14px;border-radius:var(--r-lg);font-family:JetBrains Mono,monospace;text-decoration:none;color:#9ee9d4;isolation:isolate;background:linear-gradient(145deg,#009d826b,#00746038);background:linear-gradient(145deg,color(xyz 0.148 0.259 0.251 / 0.42),color(xyz 0.082 0.135 0.132 / 0.22));border:1px solid oklch(.72 .14 175 / .65);box-shadow:0 0 0 1px #00000059,inset 0 1px #ffffff1f,0 6px 28px #00856e61,0 0 48px #00856e38;box-shadow:0 0 0 1px #00000059,inset 0 1px #ffffff1f,0 6px 28px oklch(.55 .14 175 / .38),0 0 48px oklch(.55 .14 175 / .22);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease;animation:rapidapi-beacon 2.8s ease-in-out infinite}.rapidapi-link:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;background:linear-gradient(135deg,#00c0a08c,#00856e14);background:linear-gradient(135deg,color(xyz 0.234 0.405 0.393 / 0.549),color(xyz 0.105 0.18 0.175 / 0.078));z-index:-1;opacity:.85;filter:blur(10px);pointer-events:none}.rapidapi-link:hover{transform:translateY(-1px);color:#c2f9e9;border-color:#3fe1bfd9;box-shadow:0 0 0 1px #0006,inset 0 1px #ffffff2e,0 10px 36px #00856e85,0 0 64px #00856e59;box-shadow:0 0 0 1px #0006,inset 0 1px #ffffff2e,0 10px 36px oklch(.55 .14 175 / .52),0 0 64px oklch(.55 .14 175 / .35);animation:none;filter:saturate(1.15)}.rapidapi-link:active{transform:translateY(0)}.rapidapi-link:focus-visible{outline:2px solid oklch(.78 .14 175 / .95);outline-offset:3px}@keyframes rapidapi-beacon{0%,to{box-shadow:0 0 0 1px #00000059,inset 0 1px #ffffff1f,0 6px 28px #00856e57,0 0 40px #00856e2e;box-shadow:0 0 0 1px #00000059,inset 0 1px #ffffff1f,0 6px 28px oklch(.55 .14 175 / .34),0 0 40px oklch(.55 .14 175 / .18)}50%{box-shadow:0 0 0 1px #00000059,inset 0 1px #ffffff24,0 8px 36px #008f7785,0 0 72px #008f7752;box-shadow:0 0 0 1px #00000059,inset 0 1px #ffffff24,0 8px 36px oklch(.58 .16 175 / .52),0 0 72px oklch(.58 .16 175 / .32)}}@media(prefers-reduced-motion:reduce){.rapidapi-link{animation:none}}.rapidapi-icon{flex-shrink:0;filter:drop-shadow(0 0 8px oklch(.65 .14 175 / .7))}.rapidapi-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.15}.rapidapi-eyebrow{font-size:9px;font-weight:700;letter-spacing:.14em;color:#39bda0f2}.rapidapi-title{font-size:13px;font-weight:600;letter-spacing:.04em;color:#e5f6f1}.rapidapi-title-strong{font-weight:700;color:#70ddb1}.rapidapi-arrow{flex-shrink:0;opacity:.75;margin-left:2px;transition:opacity .15s ease,transform .18s ease}.rapidapi-link:hover .rapidapi-arrow{opacity:1;transform:translate(2px,-2px)}main{position:relative;z-index:1;flex:1;min-height:0;display:grid;grid-template-columns:minmax(380px,460px) 1fr;grid-template-rows:minmax(0,1fr);gap:24px;padding:28px;max-width:1400px;width:100%;margin:0 auto}.panel{min-height:0;position:relative;background:linear-gradient(135deg,#ffffff14,#ffffff05,#ffffff0a);border:1px solid oklch(1 0 0 / .1);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(40px) saturate(200%) brightness(1.05);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.05);box-shadow:inset 0 1px #ffffff38,inset 1px 0 #ffffff0f,inset -1px 0 #ffffff08,inset 0 -1px #0003,0 40px 80px -24px #0000008c,0 8px 24px -8px #0006,0 1px 2px #0000004d}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 120% 60% at 50% -10%,oklch(1 0 0 / .18),transparent 55%),linear-gradient(180deg,oklch(1 0 0 / .05) 0%,transparent 20%,transparent 80%,oklch(0 0 0 / .1) 100%);z-index:1;mix-blend-mode:overlay}.panel:after{content:"";position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,oklch(1 0 0 / .4),transparent);z-index:3;pointer-events:none}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 90% 50% at 50% 0%,oklch(1 0 0 / .1),transparent 60%),linear-gradient(180deg,oklch(1 0 0 / .06),transparent 25%,transparent 75%,oklch(0 0 0 / .1));z-index:1}.panel>*{position:relative;z-index:2}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid oklch(1 0 0 / .04);background:linear-gradient(180deg,#ffffff08,#fff0);box-shadow:inset 0 1px #ffffff0f}.panel-head .title{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;color:var(--text-2)}.panel-head .corner{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;color:var(--text-4);display:flex;align-items:center;gap:8px}.source-body{padding:22px;display:flex;flex-direction:column;gap:18px;flex:1;min-height:0;overflow-y:auto}.dropzone{position:relative;border:1px solid oklch(1 0 0 / .1);border-radius:14px;padding:36px 22px;cursor:pointer;background:radial-gradient(ellipse 120% 70% at 50% -10%,oklch(1 0 0 / .1),transparent 60%),linear-gradient(135deg,#ffffff0a,#ffffff03);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);transition:border-color .25s ease,background .25s ease,transform .25s ease;overflow:hidden;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #0000001f,0 8px 24px -8px #00000059,0 1px 2px #0003}.dropzone:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,oklch(1 0 0 / .35),transparent);pointer-events:none}.dropzone:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:8px;border:1px dashed transparent;pointer-events:none;transition:border-color .2s ease}.dropzone:hover,.dropzone.dragover{border-color:var(--signal);background:radial-gradient(circle at 50% 30%,oklch(.86 .19 128 / .1),transparent 60%),var(--bg-2)}.dropzone.dragover{transform:scale(1.005)}.dropzone.dragover:before{border-color:#ade74e59}.drop-icon{width:48px;height:48px;border-radius:12px;background:var(--bg-3);border:1px solid var(--line-bright);display:grid;place-items:center;margin:0 auto 16px;color:var(--signal);box-shadow:0 0 0 4px #ade74e0f}.drop-title{text-align:center;font-size:15px;font-weight:500;color:var(--text);margin-bottom:6px}.drop-hint{text-align:center;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em;color:var(--text-3)}.drop-hint .upload-limit-hint{color:var(--text-3);font-size:11px}.drop-hint .accent{color:var(--signal)}.mobile-record-row{display:none;flex-direction:column;gap:8px}html.mobile-record-capable .mobile-record-row{display:flex}.mobile-record-btn{width:100%;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;touch-action:manipulation}.mobile-record-btn svg{flex-shrink:0;opacity:.92}.mobile-record-btn.recording{border-color:#ff625e8c;border-color:oklch(.7 .2 25 / .55);background:linear-gradient(180deg,#27151380,#1a0e0d59);box-shadow:0 0 0 3px #ff625e1f,inset 0 1px #ffffff14;box-shadow:0 0 0 3px oklch(.7 .2 25 / .12),inset 0 1px #ffffff14;color:#ffedeb}.mobile-record-btn:disabled{opacity:.55;cursor:not-allowed}.mobile-record-note{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.06em;line-height:1.45;color:var(--text-3);text-align:center;margin:0}.dropzone.dropzone--recording-disabled{pointer-events:none;opacity:.58}input[type=file]{display:none}.readout{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff0f;border:1px solid oklch(1 0 0 / .08);border-radius:14px;overflow:hidden;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0000001a,0 8px 24px -8px #00000059;position:relative}.readout:after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,oklch(1 0 0 / .3),transparent);pointer-events:none;z-index:2}.readout .cell{background:linear-gradient(180deg,#ffffff05,#fff0);padding:12px 14px;display:flex;flex-direction:column;gap:4px;position:relative}.readout .cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,oklch(1 0 0 / .04),transparent 50%);pointer-events:none}.readout .k{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;color:var(--text-2);font-weight:600;text-transform:uppercase}.readout .v{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.spectrum-band{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.spectrum-band-visual{flex:1 1 200px;min-width:0}.spectrum-band-side{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;flex:0 1 auto}.visualizer{position:relative;height:96px;background:linear-gradient(180deg,#0003,#0000004d);border:1px solid oklch(1 0 0 / .08);border-radius:14px;overflow:hidden;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 2px 8px #0006,inset 0 1px #ffffff1a,inset 0 -1px #ffffff0a,0 1px #ffffff0d}.visualizer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,oklch(1 0 0 / .08),transparent 35%);pointer-events:none;z-index:2}.visualizer canvas{width:100%;height:100%;display:block}.visualizer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;color:var(--text-4);text-transform:uppercase}.visualizer-overlay.hidden{display:none}.visualizer .scan{position:absolute;top:0;bottom:0;width:2px;background:var(--signal);box-shadow:0 0 12px var(--signal);opacity:0;pointer-events:none;transition:opacity .2s ease}.visualizer.scanning .scan{opacity:.9;animation:scan 2.4s linear infinite}@keyframes scan{0%{left:-2px}to{left:calc(100% + 2px)}}.status-row{display:flex;flex-direction:column;gap:10px}.status-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-label{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;color:var(--text-2);text-transform:uppercase}.status-label .led{width:8px;height:8px;border-radius:50%;background:var(--text-4);box-shadow:0 0 0 0 transparent;transition:all .2s ease}.status-label.active .led{background:var(--signal);box-shadow:0 0 10px var(--signal);animation:led-blink 1.2s ease-in-out infinite}.status-label.live .led{background:var(--live);box-shadow:0 0 10px var(--live);animation:led-blink .8s ease-in-out infinite}.status-label.error .led{background:var(--error);box-shadow:0 0 10px var(--error)}.status-label.done .led{background:var(--signal);box-shadow:0 0 10px var(--signal)}@keyframes led-blink{0%,to{opacity:1}50%{opacity:.35}}.elapsed{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-2);font-variant-numeric:tabular-nums;letter-spacing:.06em}.progress-track{position:relative;height:6px;background:#00000059;border-radius:3px;overflow:hidden;border:1px solid oklch(1 0 0 / .06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 3px #0000008c,0 1px #ffffff14}.progress-fill{position:relative;height:100%;width:0%;background:linear-gradient(90deg,oklch(.86 .19 128 / .6),var(--signal));box-shadow:0 0 10px #ade74e80;transition:width .25s ease}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:50%;left:0;background:linear-gradient(180deg,oklch(1 0 0 / .4),transparent);border-radius:3px 3px 0 0;pointer-events:none}.progress-fill.indeterminate{width:40%!important;animation:indet 1.8s ease-in-out infinite}@keyframes indet{0%{transform:translate(-110%)}to{transform:translate(260%)}}.btn{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid oklch(1 0 0 / .12);background:linear-gradient(180deg,#ffffff1a,#ffffff05);color:var(--text);padding:10px 14px;border-radius:9px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 1px #fff3,inset 0 -1px #0000001a,0 4px 12px -4px #0006,0 1px 2px #0003;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:50%;left:0;background:linear-gradient(180deg,oklch(1 0 0 / .1),transparent);pointer-events:none;border-radius:9px 9px 0 0}.btn:before{content:"";position:absolute;top:0;right:0;bottom:50%;left:0;background:linear-gradient(180deg,oklch(1 0 0 / .1),transparent);pointer-events:none}.btn:hover:not(:disabled){border-color:var(--signal);color:var(--signal);background:#ade74e0f}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#befd5a,#96cc3a);color:#0f130a;border-color:#7db20d;font-weight:600;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0003,0 0 16px #ade74e4d,0 1px 2px #0006}.btn.primary:before{background:linear-gradient(180deg,oklch(1 0 0 / .35),transparent)}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#d6ffa2,#a0da3e);background:linear-gradient(180deg,color(xyz 0.643 0.898 0.263),#a0da3e);color:#0a0f06;box-shadow:inset 0 1px #fff9,0 0 28px #ade74e80,0 2px 4px #0006}.error-box{display:none;border:1px solid oklch(.7 .2 25 / .5);background:#ff625e14;background:oklch(.7 .2 25 / .08);color:var(--error);padding:10px 12px;border-radius:var(--r-sm);font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.6;word-break:break-word}.error-box.show{display:block}.transcript-panel{height:100%}.transcript-panel .panel-head.transcript-head{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.transcript-head-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 12px;margin-left:auto;max-width:min(760px,100%)}.transcript-toolbar-stats{display:flex;flex-wrap:wrap;gap:12px 16px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.08em;color:var(--text-3);font-variant-numeric:tabular-nums}.transcript-toolbar-stats b{color:var(--text);font-weight:500}.transcript-job{font-size:10px;letter-spacing:.06em;color:var(--text-4);max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;padding:4px 10px;border-radius:999px;background:linear-gradient(180deg,#ffffff1a,#ffffff05);color:var(--text-3);border:1px solid oklch(1 0 0 / .1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0000001a,0 2px 6px -1px #00000040}.badge.live{color:var(--live);background:var(--live-dim);border-color:#ffb33466;border-color:oklch(.82 .17 75 / .4)}.badge.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:0 0 8px var(--live);animation:led-blink .8s ease-in-out infinite}.badge.done{color:var(--signal);background:var(--signal-dim);border-color:#ade74e66}.badge.done:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 8px var(--signal)}.transcript-body{flex:1;display:flex;flex-direction:column;min-height:0}.transcript-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 30px;color:var(--text-3)}.empty-orbit{position:relative;width:140px;height:140px;margin-bottom:24px}.empty-orbit .ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--line);border-radius:50%}.empty-orbit .ring.r2{top:14px;right:14px;bottom:14px;left:14px;border-color:var(--line-bright);border-style:dashed;animation:spin 22s linear infinite}.empty-orbit .ring.r3{top:32px;right:32px;bottom:32px;left:32px;border-color:#ade74e40}.empty-orbit .core{position:absolute;top:50px;right:50px;bottom:50px;left:50px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ade74e80,#ade74e0d);box-shadow:0 0 24px #ade74e66}@keyframes spin{to{transform:rotate(360deg)}}.empty-title{font-size:15px;font-weight:500;color:var(--text-2);margin-bottom:6px}.empty-sub{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;color:var(--text-4);max-width:340px;line-height:1.7}.transcript-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:28px 36px;font-size:17px;line-height:1.75;color:var(--text);text-wrap:pretty;font-feature-settings:"ss01"}.transcript-scroll::-webkit-scrollbar{width:10px}.transcript-scroll::-webkit-scrollbar-track{background:transparent}.transcript-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:5px;border:2px solid var(--bg-1)}.transcript-scroll::-webkit-scrollbar-thumb:hover{background:var(--line-bright)}.transcript-text{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;max-width:100%}.visualizer.playback-live{border-color:#ade74e59;box-shadow:inset 0 2px 8px #0006,inset 0 1px #ffffff1a,inset 0 -1px #ffffff0a,0 0 32px -8px #ade74e59,0 1px #ffffff0d}.visualizer.playback-live .scan{opacity:0;animation:none}.sync-audio-row{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid oklch(1 0 0 / .06);background:linear-gradient(180deg,oklch(1 0 0 / .04),transparent);font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-3);letter-spacing:.06em}.sync-audio-row.hidden{display:none!important}.spectrum-sync-row{padding:0;border:none;background:transparent;flex-wrap:wrap}.spectrum-sync-row .hint{flex:1 1 10rem;max-width:min(280px,100%);font-size:10px;letter-spacing:.05em;line-height:1.45}.sync-audio-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.sync-transport{gap:6px;flex-wrap:wrap}.sync-transport .sync-transport-btn{width:36px;height:36px;min-width:36px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;line-height:0}.sync-transport .sync-transport-btn--play{width:44px;height:44px;min-width:44px}.sync-transport .sync-transport-btn:disabled{opacity:.45}.sync-audio-controls .btn svg{flex-shrink:0}.sync-audio-row .hint{flex:1;min-width:0;color:var(--text-4)}.cursor-blink{display:inline-block;width:8px;height:18px;background:var(--live);margin-left:2px;transform:translateY(3px);animation:blink 1s steps(2) infinite;box-shadow:0 0 8px var(--live)}@keyframes blink{50%{opacity:0}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--bg-3);border:1px solid var(--line-bright);color:var(--text);padding:10px 16px;border-radius:var(--r-sm);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;opacity:0;pointer-events:none;transition:all .25s ease;z-index:100}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1024px){html{height:auto;-webkit-text-size-adjust:100%}body{height:auto;min-height:100dvh;min-height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}#root{height:auto;min-height:100dvh;min-height:100vh}main{flex:none;display:flex;flex-direction:column;gap:20px;padding:16px;padding-bottom:max(24px,env(safe-area-inset-bottom,0px));max-width:none;min-height:min-content}.topbar{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top,0px))}.brand{flex-direction:column;align-items:flex-start;gap:6px}.rapidapi-link{padding:8px 12px;gap:8px;flex:1 1 auto;max-width:100%;justify-content:center}.rapidapi-title{font-size:12px}.panel{overflow:visible;flex:none}.source-body{flex:none;min-height:0;overflow:visible;padding:16px;gap:14px}.dropzone{padding:28px 16px}.visualizer{height:88px}.transcript-panel{height:auto;display:flex;flex-direction:column;min-height:min(72vh,640px)}.transcript-head-tools{justify-content:flex-start;margin-left:0;width:100%}.transcript-body{flex:1 1 auto;min-height:min(56vh,480px);display:flex;flex-direction:column}.transcript-scroll{flex:1 1 auto;min-height:min(48vh,400px);max-height:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:20px 16px;font-size:16px}.transcript-empty{padding:40px 20px}.toast{left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom,0px));width:auto;transform:translateY(20px)}.toast.show{transform:translateY(0)}}