@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.11x_mcju407z-.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.456c9vb2_utt8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.2fl0vhx7oyatw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_a570d017-module__SQ_YMa__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_a570d017-module__SQ_YMa__variable{--font-display-brico:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_b9709391-module__wmyEaq__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_b9709391-module__wmyEaq__variable{--font-body-geist:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_e29a1590-module__jj3H5G__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_e29a1590-module__jj3H5G__variable{--font-mono-geist:"Geist Mono", "Geist Mono Fallback"}
:root{--bg:#0a0a0f;--card:#14141f;--card2:#1c1c2e;--text:#f2f2f7;--muted:#8e8ea3;--accent:#4f9cff;--accent-strong:#2f7fe0;--danger:#ff5f56;--ok:#3ddc84;--warn:#ffb340;--border:#2a2a3d;--radius:14px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font-display:var(--font-display-brico), ui-rounded, system-ui, sans-serif;--font-body:var(--font-body-geist), -apple-system, system-ui, sans-serif;--font-mono:var(--font-mono-geist), ui-monospace, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.1s;--dur-short:.18s;--dur-long:.42s;--card-elev1:#171725;--ring:color-mix(in srgb, var(--accent) 65%, transparent)}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;min-height:100dvh;margin:0;font-size:16px;line-height:1.55}a{color:var(--accent)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.container{max-width:720px;padding:16px 16px calc(32px + var(--safe-bottom));margin:0 auto}.container:has(.live-workspace){max-width:1240px;padding-top:28px}.topnav{padding:8px 12px;padding-top:calc(8px + var(--safe-top));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid var(--border);gap:4px;display:flex;position:sticky;top:0}.topnav a{color:var(--muted);transition:color var(--dur-short) var(--ease-out), background var(--dur-short) var(--ease-out);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:600;text-decoration:none}.topnav a:hover{color:var(--text)}.topnav a[aria-current=page]{color:var(--text);background:var(--card2);box-shadow:inset 0 -2px 0 var(--accent)}.topnav .brand{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;align-items:center;gap:8px;margin-right:auto;font-size:17px;font-weight:800;display:flex}.topnav .brand:hover{color:var(--text)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin:14px 0;padding:18px}.card h2{margin:0 0 8px;font-size:20px}.card h3{color:var(--accent);margin:14px 0 6px;font-size:16px}.card p{color:var(--muted);margin:6px 0}.card p strong{color:var(--text)}.btn{appearance:none;border:1px solid var(--border);background:var(--card2);color:var(--text);font:inherit;cursor:pointer;min-height:48px;transition:background var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform .1s var(--ease-out);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:650;display:inline-flex}.btn:hover{background:var(--card-elev1);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transform:translateY(-1px)}.btn:active{transition-duration:80ms;transform:translateY(0)scale(.98)}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn.primary{background:var(--accent);border-color:var(--accent-strong);color:#fff}.btn.primary:hover{background:var(--accent-strong)}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn.big{border-radius:14px;min-height:56px;padding:16px 28px;font-size:18px}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--card2)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn:disabled:hover{border-color:var(--border);background:var(--card2);transform:none}.btn-row{flex-wrap:wrap;gap:10px;margin:10px 0;display:flex}.muted{color:var(--muted)}.small{font-size:13.5px}.tag{background:var(--card2);color:var(--muted);border-radius:999px;margin-right:6px;padding:2px 10px;font-size:12.5px;font-weight:700;display:inline-block}.tag.ok{color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 40%, transparent)}.tag.warn{color:var(--warn);border:1px solid color-mix(in srgb, var(--warn) 40%, transparent)}.reveal{opacity:0;animation:reveal var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 70ms);transform:translateY(8px)}@keyframes reveal{to{opacity:1;transform:none}}.live-layout{gap:14px;display:grid}@media (min-width:900px){.live-layout{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:start;gap:20px}}.workspace-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:4px 0 22px;display:flex}.workspace-heading h1{margin:8px 0 9px;font-size:clamp(2rem,4vw,3rem);line-height:1.02}.workspace-heading p{color:var(--muted);max-width:58ch;margin:0}.eyebrow{color:var(--accent);font:700 11px/1 var(--font-mono);letter-spacing:.14em}.privacy-pill{border:1px solid var(--border);color:var(--muted);background:color-mix(in srgb, var(--card) 88%, transparent);border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:650;display:inline-flex}.privacy-pill>span{background:var(--ok);width:7px;height:7px;box-shadow:0 0 12px color-mix(in srgb, var(--ok) 70%, transparent);border-radius:50%}.privacy-pill.is-live{color:var(--text);border-color:color-mix(in srgb, var(--ok) 28%, var(--border))}@media (max-width:620px){.workspace-heading{flex-direction:column;align-items:flex-start;margin-bottom:16px}.privacy-pill{margin-top:-4px}}.camera-wrap{border-radius:var(--radius);aspect-ratio:4/3;border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:#000;position:relative;overflow:hidden;box-shadow:0 22px 70px #0000003d,inset 0 0 0 1px #ffffff06}.camera-wrap video{object-fit:cover;width:100%;height:100%;display:block}.camera-wrap video.mirrored{transform:scaleX(-1)}.camera-wrap canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.camera-overlay{text-align:center;background:radial-gradient(at 50% 45%,#192337ad,#0a0a0fd1);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.live-workspace .card{background:linear-gradient(145deg, color-mix(in srgb, var(--card) 96%, white 4%), var(--card));border-color:color-mix(in srgb, var(--accent) 10%, var(--border));padding:clamp(16px,2vw,22px);box-shadow:0 12px 34px #00000021}.live-workspace .card h2{letter-spacing:-.015em}.live-workspace .tentative-letter{border:1px solid color-mix(in srgb, var(--accent) 21%, var(--border));background:radial-gradient(circle at 16% 50%, var(--workspace-glow), transparent 62%), var(--card2);border-radius:15px;min-height:100px;margin:10px 0 12px;padding:12px 16px}.live-workspace .tentative-letter>span:first-child:not(.muted){color:#fff;text-shadow:0 0 28px color-mix(in srgb, var(--accent) 54%, transparent);animation:letter-arrive .22s var(--ease-out)}@keyframes letter-arrive{0%{opacity:.35;transform:translateY(5px)scale(.94)}to{opacity:1;transform:none}}.live-workspace .transcript-box{border-color:color-mix(in srgb, var(--accent) 18%, var(--border));letter-spacing:.025em;background:#101019;min-height:116px;font-size:clamp(22px,2.4vw,30px)}.signal-meter-wrap{margin:-3px 0 14px}.signal-meter-label{color:var(--muted);font:600 11px/1 var(--font-mono);letter-spacing:.04em;justify-content:space-between;margin-bottom:6px;display:flex}.signal-meter{background:color-mix(in srgb, var(--muted) 18%, var(--card2));border-radius:999px;height:5px;overflow:hidden}.signal-meter>span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-strong), #79c9ff);height:100%;box-shadow:0 0 14px color-mix(in srgb, var(--accent) 48%, transparent);transition:width .12s linear;display:block}.live-workspace .control-grid .btn{min-height:46px}@media (prefers-reduced-motion:reduce){.live-workspace .tentative-letter>span:first-child:not(.muted){animation:none}}.camera-overlay .perm-icon{font-size:40px}.status-line{align-items:center;gap:8px;min-height:32px;font-weight:650;display:flex}.status-dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.status-dot.tracking{background:var(--ok)}.status-dot.searching{background:var(--warn)}.status-dot.lost{background:var(--danger)}.tentative-letter{font-family:var(--font-mono);align-items:center;gap:12px;min-height:76px;font-size:64px;font-weight:700;line-height:1;display:flex}.tentative-letter .conf{font-family:var(--font-body);color:var(--muted);font-size:14px;font-weight:600}.transcript-box{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);word-break:break-word;min-height:84px;padding:14px;font-size:22px;line-height:1.45}.transcript-box .current-word{border-bottom:2px solid var(--accent)}.transcript-box textarea{width:100%;min-height:120px;color:var(--text);font:inherit;resize:vertical;background:0 0;border:none}.transcript-box textarea:focus{outline:2px solid var(--ring);border-radius:8px}.suggestions{flex-wrap:wrap;align-items:center;gap:8px;min-height:48px;display:flex}.suggestion-btn{border:1px dashed var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--card2));color:var(--text);cursor:pointer;min-height:44px;transition:background var(--dur-short) var(--ease-out), transform .1s var(--ease-out);border-radius:10px;padding:10px 16px;font-weight:650}.suggestion-btn:hover{background:color-mix(in srgb, var(--accent) 22%, var(--card2));transform:translateY(-1px)}.suggestion-btn:active{transform:translateY(0)}.suggestion-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.suggestion-btn .sw{color:var(--accent)}.control-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.control-grid .btn{padding:12px 8px;font-size:15px}@media (max-width:420px){.control-grid{gap:6px}.control-grid .btn{padding:11px 6px;font-size:14px}}.stage{border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 60%), var(--card);position:relative;overflow:hidden}.stage canvas{aspect-ratio:1;width:100%;display:block}.stage .stage-caption{font-family:var(--font-mono);letter-spacing:.12em;text-align:center;color:var(--text);text-shadow:0 1px 8px #0000008c;pointer-events:none;font-size:30px;font-weight:700;position:absolute;bottom:10px;left:12px;right:12px}.transport{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.transport .spacer{flex:1}.letter-strip{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 4px;display:flex}.letter-chip{font-family:var(--font-mono);border:1px solid var(--border);background:var(--card2);min-width:44px;min-height:48px;color:var(--text);cursor:pointer;transition:border-color var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out), transform .12s var(--ease-out);border-radius:10px;padding:4px 10px;font-size:22px;font-weight:700}.letter-chip:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.letter-chip:active{transform:scale(.96)}.letter-chip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.letter-chip[data-active=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--card2));color:#fff;animation:chip-pop .12s var(--ease-out)}@keyframes chip-pop{0%{transform:scale(1)}60%{transform:scale(1.06)}to{transform:scale(1)}}.letter-gap{flex:none;width:10px}.progress{background:var(--border);border-radius:3px;height:6px;margin:12px 0 6px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width 60ms linear}.phrase-row{flex-wrap:wrap;gap:8px;display:flex}.phrase-chip{border:1px dashed var(--border);color:var(--muted);min-height:40px;font:inherit;cursor:pointer;transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), background var(--dur-short) var(--ease-out);background:0 0;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.phrase-chip:hover{color:var(--text);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.phrase-chip:active{transform:scale(.98)}.phrase-chip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.letter-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;display:grid}.letter-cell{aspect-ratio:1;background:var(--card2);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.letter-cell[data-state=done]{border-color:var(--ok)}.letter-cell[data-state=partial]{border-color:var(--warn)}.letter-cell small{color:var(--muted);font-size:10px;font-weight:600}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-row .desc{color:var(--muted);font-size:13.5px}select,input[type=range]{font:inherit;background:var(--card2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 10px}input[type=range]{accent-color:var(--accent);padding:0}.switch{flex:none;width:52px;height:30px;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch .track{background:var(--card2);border:1px solid var(--border);transition:background var(--dur-short) var(--ease-out);border-radius:999px;position:absolute;inset:0}.switch .track:after{content:"";background:var(--muted);width:24px;height:24px;transition:transform var(--dur-short) var(--ease-out), background var(--dur-short) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.track{background:color-mix(in srgb, var(--accent) 35%, var(--card2))}.switch input:checked+.track:after{background:var(--accent);transform:translate(22px)}.switch input:focus-visible+.track{outline:2px solid var(--ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.reveal{animation:.15s linear forwards reveal-reduced}@keyframes reveal-reduced{to{opacity:1;transform:none}}}body{background:radial-gradient(ellipse at 12% 0%, #112237 0, transparent 42rem), var(--bg)}.topnav{align-items:center;padding-inline:max(16px,50vw - 600px)}.nav-links{scrollbar-width:none;align-items:center;gap:4px;display:flex;overflow-x:auto}.nav-links a{white-space:nowrap}.topnav .brand-mark{color:#091725;width:34px;height:34px;font:italic 800 23px/1 var(--font-display);background:linear-gradient(135deg,#83e2d2,#79b9ff);border-radius:11px;place-items:center;display:grid}.topnav a:focus-visible,.studio-mode button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.live-workspace{--workspace-glow:#4f9cff19}.workspace-heading{padding:12px 0 8px}.workspace-heading h1{letter-spacing:-.06em;margin-block:18px;font-size:clamp(2.6rem,5.2vw,4.4rem);line-height:1.06}.workspace-heading h1 span{color:#91d9d0}.workspace-heading p{max-width:48ch;font-size:15px;line-height:1.7}.studio-toolbar{border-block:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;padding:15px 0;display:flex}.studio-mode{border:1px solid var(--border);background:#0b111b;border-radius:12px;padding:4px;display:inline-flex}.studio-mode button{color:var(--muted);min-height:42px;font:650 13px var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 17px;transition:background .16s,color .16s}.studio-mode button[aria-pressed=true]{color:#dcf7ff;background:#243648;box-shadow:0 2px 8px #0003}.studio-settings{margin-left:auto;font-size:13px;text-decoration:none}.studio-camera{isolation:isolate;background:radial-gradient(#1b3044,#0b111c 70%);border-radius:23px}.camera-label{z-index:3;color:#d7e8f4;font:600 10px var(--font-mono);letter-spacing:.1em;background:#0c1628cc;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;display:flex;position:absolute;top:18px;left:18px}.live-dot{background:#7ce3bc;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #7ce3bc80}.camera-coach{z-index:3;text-align:center;color:#eff8ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#091222d9;border-radius:10px;padding:10px;font-size:12px;position:absolute;bottom:15px;left:15px;right:15px}.camera-reticle{border:1px dashed #9bc8e34d;border-radius:45% 45% 32% 32%;position:absolute;inset:18% 28%;transform:rotate(-8deg)}.studio-camera .camera-overlay{background:0 0;padding-top:48px}.studio-camera .camera-overlay strong{font-family:var(--font-display);font-size:22px}.studio-camera .perm-icon{filter:drop-shadow(0 6px 24px #79caff40);font-size:58px}.studio-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.studio-guide>div{border-top:1px solid #7bbadc30;padding-top:14px}.studio-guide span{font:600 11px var(--font-mono);color:#87cfc7;margin-bottom:12px;display:block}.studio-guide strong{font-size:13px}.studio-guide p{color:var(--muted);margin:6px 0;font-size:12px;line-height:1.7}.studio-tip{color:#9fdae7;background:#82cfdc08;border:1px solid #82cfdc20;border-radius:13px;align-items:center;gap:12px;margin-top:20px;padding:8px 15px;display:flex}.studio-tip p{color:var(--muted);font-size:12px}.studio-tip a{color:#afdcd6;display:inline-block}.studio-output{min-width:0}.studio-output>.card:first-child{margin-top:0}.live-workspace .card{background:linear-gradient(145deg,#182330,#111823);border-color:#7fb9d923;border-radius:20px;box-shadow:0 14px 34px #0002}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h2{margin:0;font-size:16px}.panel-tag{font:600 9px var(--font-mono);letter-spacing:.1em;color:#9eb9cc;white-space:nowrap;border:1px solid #9eb9cc22;border-radius:6px;padding:6px 8px}.live-workspace .tentative-letter{background:radial-gradient(at 20%,#38668533,#0000 75%),#0d1723;border-color:#a7ceea20;min-height:118px}.live-workspace .btn.primary{color:#10252e;background:linear-gradient(120deg,#a3e7d6,#86c8ed);border-color:#0000;font-weight:750;box-shadow:0 4px 18px #77c8d013}.live-workspace .btn.primary:hover{filter:brightness(1.08)}.live-workspace .transcript-box{background:#0c1520;border:1px solid #9dc1d72b;border-radius:13px;min-height:132px}.message-actions{align-items:center;gap:12px;margin:12px 0;display:flex}.message-actions .btn{min-height:36px;padding:5px 11px;font-size:12px}.studio-notice{border:1px solid var(--border);border-radius:12px;padding:14px;font-size:14px}@media (min-width:900px){.camera-column{align-self:start;position:sticky;top:92px}.live-workspace .live-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px}}@media (max-width:720px){.topnav{flex-wrap:wrap;gap:10px}.nav-links{width:100%}.nav-links a{padding:8px 12px;font-size:13px}.studio-toolbar>.small{flex-basis:100%;order:3}.studio-guide{gap:10px}.studio-guide strong{font-size:12px}.workspace-heading h1{margin-block:14px}.studio-output{margin-top:8px}}@media (prefers-reduced-motion:reduce){.studio-mode button{transition:none}}.word-signs summary{cursor:pointer;min-height:30px;font-weight:700}.word-signs summary span{padding-left:16px;font-weight:400;display:block}.word-signs[open] summary{margin-bottom:16px}.studio-camera-icon{stroke:#9bdcd9;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 16px #7bc9e640);width:64px;height:64px}.studio-help{border-top:1px solid #9eb9cc20;margin-top:18px;padding-top:14px}.studio-help summary{cursor:pointer;color:#a8c9d8;padding:8px 0;font-size:13px}.studio-help .studio-guide{margin-top:12px}.camera-spinner{border:2px solid #9bdcd930;border-top-color:#9bdcd9;border-radius:50%;width:42px;height:42px;animation:1s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.camera-spinner{animation:none}}