:root{--bg:#05070a;--bg-soft:#0a0f15;--ink:#eef5f7;--muted:#94a6af;--faint:#64757e;--accent:#5ee0c0;--accent-soft:#5ee0c029;--accent-line:#5ee0c073;--blue:#7cc7ff;--line:#ffffff1a;--line-strong:#ffffff2e;--glass:#090e13bd;--glass-strong:#080c10eb;--shadow:0 24px 70px #0000008c;--radius:18px;--radius-sm:12px;--topbar-h:72px;--ease:cubic-bezier(.22, .61, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}::selection{background:var(--accent);color:#04110d}#stage{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#stage.dragging{cursor:grabbing}.vignette{pointer-events:none;z-index:1;background:radial-gradient(120% 90% at 50% 34%,#0000 42%,#0000006b 100%),linear-gradient(#0006,#0000 22% 72%,#0000008c);position:fixed;inset:0}.grain{pointer-events:none;opacity:.05;z-index:2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");position:fixed;inset:0}.gallery-frame{z-index:6;pointer-events:none;opacity:0;transition:opacity .5s var(--ease);border:2px solid #d4c4a080;border-radius:6px;position:fixed;inset:3.2vmin;box-shadow:inset 0 0 0 8px #18140ebf,inset 0 0 0 10px #d4c4a02e,0 0 60px #00000080}.gallery-frame:before{content:"";border:10px solid #1b1712;border-radius:10px;position:absolute;inset:-18px;box-shadow:inset 0 0 0 1px #d4c4a047,0 18px 50px #0000008c}.frame-plate{color:#d8c9a6;letter-spacing:.34em;text-transform:uppercase;background:#17130e;border:1px solid #d4c4a073;border-radius:4px;padding:5px 16px;font-size:10px;position:absolute;bottom:-46px;left:50%;transform:translate(-50%)}body.framed .gallery-frame{opacity:1}body.framed #stage{width:calc(100% - 10vmin);height:calc(100% - 10vmin);inset:5vmin}body.framed .captions,body.framed .composer,body.framed .view-stack,body.framed .topbar{text-shadow:0 2px 18px #000c}.topbar{z-index:20;min-height:var(--topbar-h);padding:max(14px, env(safe-area-inset-top)) clamp(14px, 3vw, 30px) 14px;pointer-events:none;background:linear-gradient(#030508b8,#0000);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{align-items:center;gap:12px;min-width:0;display:flex}.pulse{background:var(--accent);border-radius:50%;flex:none;width:10px;height:10px;animation:2.6s infinite pulse;position:relative;box-shadow:0 0 #5ee0c08c}@keyframes pulse{0%{box-shadow:0 0 #5ee0c080}70%{box-shadow:0 0 0 12px #5ee0c000}to{box-shadow:0 0 #5ee0c000}}body.thinking .pulse{background:var(--blue);animation-duration:.9s}body.listening .pulse{background:#ffd166;animation-duration:.7s}.brand-text{flex-direction:column;min-width:0;display:flex}.brand-text strong{letter-spacing:.06em;font-size:clamp(27px,3.2vw,38px);font-weight:700;line-height:1.05}.brand-text small{color:var(--muted);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.top-actions{align-items:center;gap:7px;display:flex}#aiBadge,#logBtn{display:none!important}#langShort{justify-content:center;align-items:center;line-height:1;display:inline-flex}#langShort svg{border-radius:2px;display:block}.badge{border:1px solid var(--line);background:var(--glass);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:6px;margin-right:4px;padding:5px 11px;font-size:10.5px;font-weight:600;display:inline-flex}.badge:before{content:"";background:var(--faint);border-radius:50%;width:6px;height:6px}.badge.on{border-color:var(--accent-line);color:var(--accent)}.badge.on:before{background:var(--accent);box-shadow:0 0 8px var(--accent)}.icon-btn{border:1px solid var(--line);background:var(--glass);width:38px;height:38px;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;transition:border-color .2s,background .2s,color .2s,transform .15s;display:inline-flex}.icon-btn:hover{border-color:var(--line-strong);background:#ffffff14}.icon-btn:active{transform:scale(.94)}.icon-btn.on{border-color:var(--accent-line);color:var(--accent)}.icon-btn.off{color:var(--faint)}.lang-btn{letter-spacing:.1em;border-radius:999px;width:auto;min-width:44px;padding:0 11px;font-size:11.5px;font-weight:700}.lang-menu{top:calc(var(--topbar-h) + 4px);z-index:40;border:1px solid var(--line);background:var(--glass-strong);min-width:190px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:drop .18s var(--ease);border-radius:14px;gap:4px;padding:8px;display:grid;position:fixed;right:clamp(14px,3vw,30px)}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}}.lang-option{color:var(--ink);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:9px 11px;font-size:14px;transition:background .15s;display:flex}.lang-option:hover{background:#ffffff12}.lang-option.on{background:var(--accent-soft);color:var(--accent)}.lang-option .flag{border-radius:2px;flex:none;box-shadow:0 0 0 1px #ffffff29}.lang-option small{color:var(--faint);letter-spacing:.1em;margin-left:auto;font-size:10px}.view-stack{z-index:18;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:50%;left:clamp(10px,2vw,24px);transform:translateY(-50%)}.view-bar{border:1px solid var(--line);background:var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;flex-direction:column;gap:4px;padding:5px;display:flex;position:static}.zoom-bar{border:1px solid var(--line);background:var(--glass);width:40px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;flex-direction:column;align-items:center;gap:3px;padding:6px 0;transition:border-color .2s;display:flex}.zoom-bar:hover,.zoom-bar:focus-within{border-color:var(--line-strong,#ffffff38)}.zoom-track{--zoom-len:88px;width:26px;height:var(--zoom-len);position:relative}.zoom-bar input[type=range]{width:var(--zoom-len);height:24px;accent-color:var(--accent);cursor:ns-resize;touch-action:none;background:0 0;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.zoom-step{width:24px;height:24px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:16px;line-height:1;transition:background .2s,color .2s;display:grid}.zoom-step:hover,.zoom-step:focus-visible{background:var(--accent-soft);color:var(--ink)}.quick-actions{z-index:19;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:clamp(10px,2vw,24px);transform:translateY(-50%)}.quick-btn{border:1px solid var(--line);background:var(--glass);width:46px;height:46px;color:var(--muted);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:50%;place-items:center;padding:0;font-size:19px;line-height:1;transition:color .2s,border-color .2s,background .2s,transform .2s;display:grid}.quick-btn:hover,.quick-btn:focus-visible{color:var(--ink);border-color:var(--line-strong);transform:scale(1.05)}.quick-btn.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}#quickAttract{display:none!important}.quick-camera{background:radial-gradient(circle at 50% 35%, #5ee0c029, var(--glass) 70%);border-color:#5ee0c059;width:50px;height:50px;box-shadow:0 12px 30px #0006,inset 0 1px #ffffff14}.quick-camera svg{width:22px;height:22px}.quick-camera.on{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 24px #5ee0c06b}.light-dock{top:calc(var(--topbar-h) + 16px);z-index:19;border:1px solid var(--line);background:var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;flex-direction:row;gap:8px;padding:7px;display:flex;position:fixed;right:clamp(10px,2vw,24px)}.light-dot{background:linear-gradient(145deg, var(--dot-a), var(--dot-b));border:1px solid #ffffff47;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .15s,box-shadow .2s;box-shadow:inset 0 1px 2px #ffffff59}.light-dot:hover{transform:scale(1.12)}.light-dot.on{box-shadow:0 0 0 2px var(--accent), 0 0 14px #5ee0c080}.debug-data{top:calc(var(--topbar-h) + 16px);z-index:30;border:1px solid var(--line);color:#9fe8ff;white-space:pre;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05080cd1;border-radius:10px;max-width:min(540px,100% - 24px);padding:8px 10px;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;position:fixed;left:12px}.view-chip{width:34px;height:34px;color:var(--faint);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background .2s,color .2s;display:grid}.view-chip svg{fill:currentColor;width:17px;height:17px}.view-chip:hover{color:var(--ink)}.view-chip.active{background:var(--accent-soft);color:var(--accent)}.captions{z-index:16;text-align:center;pointer-events:none;width:min(760px,100% - 32px);animation:rise .28s var(--ease);padding:0 4px;position:fixed;bottom:clamp(260px,34vh,380px);left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.cap-who{border:1px solid var(--accent-line);color:var(--accent);letter-spacing:.22em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050c0a99;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:9.5px;font-weight:700;display:inline-block}.cap-text{color:#f7fbfc;text-shadow:0 2px 20px #000000d9,0 0 3px #000000e6;margin:0;font-size:clamp(17px,2.3vw,24px);font-weight:450;line-height:1.4}.cap-trans{color:var(--muted);text-shadow:0 2px 14px #000000d9;margin:8px 0 0;font-size:clamp(12.5px,1.35vw,15px);font-style:italic;line-height:1.4}.cap-trans:before{content:"· ";color:var(--faint);font-style:normal}.composer{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:18;flex-direction:column;gap:9px;width:min(720px,100% - 24px);display:flex;position:fixed;transform:translate(-50%)}.suggestions{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.suggestions:empty{display:none}.sug{border:1px solid var(--line);background:var(--glass);max-width:100%;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;padding:7px 13px;font-size:12.5px;line-height:1.25;transition:border-color .2s,background .2s,color .2s;overflow:hidden}.sug:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.ask{border:1px solid var(--line-strong);background:var(--glass-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:999px;align-items:center;gap:6px;padding:6px;transition:border-color .2s,box-shadow .2s;display:flex}.ask:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px #5ee0c01a, var(--shadow)}#askInput{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:8px 4px;font-size:15px}#askInput::placeholder{color:var(--faint)}.mic,.send{width:40px;height:40px;color:var(--ink);background:#ffffff0f;border:0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:16px;line-height:1;transition:background .2s,color .2s,transform .15s;display:grid}.mic:hover,.send:hover{background:#ffffff1f}.mic:active,.send:active{transform:scale(.93)}.mic.listening{color:#201803;background:#ffd166;animation:1s infinite mic}@keyframes mic{50%{box-shadow:0 0 0 8px #ffd16600}0%{box-shadow:0 0 #ffd16673}}.send{background:var(--accent);color:#04120d;font-weight:700}.send:hover{background:#78eccf}.mic[disabled],.send[disabled]{opacity:.4;cursor:not-allowed}.talk{flex-direction:column;align-items:center;gap:8px;display:flex}.composer .mic{width:82px;height:82px;color:var(--ink);background:radial-gradient(circle at 50% 38%,#5ee0c02e,#070b10f0 72%);border-radius:50%;font-size:30px;position:relative;box-shadow:0 16px 48px #0000008c,0 0 34px #5ee0c024}.composer .mic:hover{transform:translateY(-1px)scale(1.03)}.composer .mic.listening{color:#201803;background:#ffd166}.mic-glyph{z-index:1;width:32px;height:32px;display:block;position:relative}.mic-ring{opacity:.9;pointer-events:none;background:conic-gradient(#5ee0c0,#9a7bff,#ff6fd8,#ffd166,#5ee0c0);border-radius:50%;animation:9s linear infinite ring-spin;position:absolute;inset:-7px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}@keyframes ring-spin{to{transform:rotate(360deg)}}.mic-label{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:12px}body:not(.started) .mic-label{color:var(--accent)}body:not(.started) .composer .mic{box-shadow:0 16px 48px #0000008c,0 0 44px #5ee0c04d}.composer .ask{width:min(340px,100% - 24px);margin:0 auto;padding:5px 6px 5px 16px}.status{min-height:16px;color:var(--muted);letter-spacing:.04em;text-align:center;text-shadow:0 1px 10px #000000e6;font-size:11.5px}.status.error{color:#ff9d9d}body.thinking .send{pointer-events:none;background:var(--blue)}.sheet{z-index:60;border-left:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);width:min(400px,100%);animation:slide .26s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-30px 0 80px #0000008c}@keyframes slide{0%{opacity:0;transform:translate(24px)}}.sheet-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;display:flex}.sheet-head strong{letter-spacing:.16em;text-transform:uppercase;font-size:13px;font-weight:650}.sheet-body{overscroll-behavior:contain;flex:1;padding:6px 18px 30px;overflow-y:auto}.sheet-note{color:var(--faint);margin:12px 0 4px;font-size:11.5px;line-height:1.4}.brief-text{border:1px solid var(--line);color:var(--text);white-space:pre-line;background:#5ee0c00a;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:12px;line-height:1.55}.brief-text:empty:before{content:"—";color:var(--faint)}.group{border-bottom:1px solid var(--line);padding:15px 0}.group:last-child{border-bottom:0}.group h3{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:10.5px;font-weight:700}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--ink);background:#ffffff08;border-radius:999px;padding:7px 12px;font-size:12.5px;line-height:1.2;transition:border-color .2s,background .2s,color .2s}.chip:hover{border-color:var(--line-strong);background:#ffffff12}.chip.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.chip .flag{vertical-align:-2px;border-radius:2px;margin-right:6px}.row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ghost{border:1px solid var(--line);color:var(--ink);background:#ffffff08;border-radius:10px;padding:9px 14px;font-size:12.5px;transition:border-color .2s,background .2s}.ghost:hover{border-color:var(--line-strong);background:#ffffff12}.ghost.on{border-color:var(--accent-line);color:var(--accent)}.field{flex-direction:column;flex:1;gap:5px;min-width:130px;display:flex}.field>span{color:var(--muted);font-size:11px}.field select,.field input[type=color]{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffff0a;border-radius:9px;padding:8px 10px;font-size:12.5px}.field input[type=color]{height:38px;padding:3px}.slider{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;font-size:13px;display:flex}.slider>span{flex-direction:column;gap:2px;display:flex}.slider b{font-weight:500}.slider small{color:var(--faint);font-size:11px;line-height:1.3}.slider i{color:var(--muted);font-size:11px;font-style:normal}.slider input[type=range]{width:130px;accent-color:var(--accent)}.slider input[type=checkbox]{border:1px solid var(--line-strong);appearance:none;cursor:pointer;background:#ffffff14;border-radius:999px;flex:none;width:40px;height:22px;margin:0;transition:background .2s;position:relative}.slider input[type=checkbox]:after{content:"";background:var(--muted);width:16px;height:16px;transition:transform .2s var(--ease), background .2s;border-radius:50%;position:absolute;top:2px;left:2px}.slider input[type=checkbox]:checked{border-color:var(--accent-line);background:var(--accent-soft)}.slider input[type=checkbox]:checked:after{background:var(--accent);transform:translate(18px)}.hint{color:var(--faint);margin:10px 0 0;font-size:11px;line-height:1.45}.editor{border-top:1px solid var(--line);padding:14px 0}.ed-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.ed-head strong{letter-spacing:.14em;text-transform:uppercase;font-size:12px}.ed-head span{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.tex-row{gap:8px;margin-bottom:10px;display:flex}.tex-preview{align-items:center;gap:12px;margin-top:12px;display:flex}.tex-thumb{border:1px solid var(--line);background:#ffffff0a 50%/cover no-repeat;border-radius:10px;flex:none;width:64px;height:64px}.tex-thumb[data-empty=si]{background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25% 75%,#ffffff0d 75%),linear-gradient(45deg,#ffffff0d 25%,#0000 25% 75%,#ffffff0d 75%);background-position:0 0,8px 8px;background-size:16px 16px}.sheet-body.editing>.group,.sheet-body.editing>.sheet-note{display:none}.log{z-index:55;border-right:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);width:min(380px,100%);animation:slide-left .26s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:30px 0 80px #00000080}@keyframes slide-left{0%{opacity:0;transform:translate(-24px)}}.log-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 16px;display:flex}.log-head strong{letter-spacing:.16em;text-transform:uppercase;flex:1;font-size:12px}.log-head .ghost{padding:6px 10px;font-size:11px}.log-body{overscroll-behavior:contain;flex:1;padding:16px;overflow-y:auto}.log-line{margin:0 0 16px}.log-who{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:3px;font-size:9.5px;font-weight:700;display:block}.log-line.you .log-who{color:var(--blue)}.log-text{color:var(--ink);margin:0;font-size:13.5px;line-height:1.5}.log-line.you .log-text{color:var(--muted)}.log-empty{color:var(--faint);font-size:12.5px}.notice{left:50%;top:calc(var(--topbar-h) + 8px);z-index:70;border:1px solid var(--line-strong);background:var(--glass-strong);max-width:min(560px,100% - 28px);box-shadow:var(--shadow);color:var(--ink);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:drop .2s var(--ease);border-radius:999px;padding:10px 16px;font-size:12.5px;position:fixed;transform:translate(-50%)}.notice.error{color:#ffc0c0;border-color:#ff787873}.intro{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .5s var(--ease);background:radial-gradient(90% 70% at 50% 20%,#5ee0c01f,#0000 60%),#030508e0;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.intro.gone{opacity:0;pointer-events:none}.intro-card{border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);text-align:center;animation:rise .5s var(--ease);background:linear-gradient(#10181feb,#070b0ff5);border-radius:26px;padding:clamp(26px,5vw,46px)}.intro-kicker{border:1px solid var(--accent-line);color:var(--accent);letter-spacing:.3em;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:9.5px;font-weight:700;display:inline-block}.intro-card h1{letter-spacing:.26em;text-indent:.26em;margin:0;font-size:clamp(42px,9vw,64px);font-weight:600;line-height:1}.intro-tag{color:var(--accent);letter-spacing:.04em;margin:12px 0 0;font-size:14px}.intro-note{color:var(--muted);margin:18px 0 0;font-size:13px}.intro-choose{color:var(--faint);letter-spacing:.18em;text-transform:uppercase;margin:26px 0 10px;font-size:10.5px;font-weight:600}.intro-langs{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.lang-card{border:1px solid var(--line);color:var(--ink);background:#ffffff08;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:12.5px;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.lang-card .flag{border-radius:2px}.lang-card:hover{border-color:var(--line-strong)}.lang-card.on{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.intro-start{background:var(--accent);color:#04120d;letter-spacing:.06em;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:210px;margin-top:28px;padding:14px 26px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 12px 36px #5ee0c038}.intro-start i{font-style:normal;transition:transform .2s}.intro-start:hover{background:#78eccf;box-shadow:0 16px 44px #5ee0c04d}.intro-start:hover i{transform:translate(4px)}.intro-start:active{transform:scale(.98)}.intro-start[disabled]{opacity:.55;cursor:progress}.intro-hint{color:var(--faint);margin:14px 0 0;font-size:11px}.intro-brand{color:var(--faint);letter-spacing:.2em;text-transform:uppercase;margin:22px 0 0;font-size:10px}#webcam{z-index:12;border:1px solid var(--line);object-fit:cover;opacity:.6;pointer-events:none;border-radius:12px;width:108px;height:81px;position:fixed;bottom:14px;right:14px;transform:scaleX(-1)}.dropzone{z-index:90;border:2px dashed var(--accent-line);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030807d1;border-radius:22px;place-items:center;transition:opacity .2s;display:grid;position:fixed;inset:14px}.dropzone>div{text-align:center;flex-direction:column;gap:6px;display:flex}.dropzone b{color:var(--accent);font-size:20px}.dropzone span{color:var(--muted);letter-spacing:.14em;font-size:12px}body.dropping .dropzone{opacity:1}.ui-toggle{z-index:80;border:1px solid var(--line);background:var(--glass);width:40px;height:40px;color:var(--muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:50%;place-items:center;display:grid;position:fixed;top:14px;right:14px}body.hide-ui .topbar,body.hide-ui .composer,body.hide-ui .view-stack,body.hide-ui .quick-actions,body.hide-ui .light-dock,body.hide-ui .debug-data,body.hide-ui .captions,body.hide-ui .lang-menu,body.hide-ui .badge{opacity:0;pointer-events:none}body.hide-ui .topbar,body.hide-ui .composer,body.hide-ui .view-stack,body.hide-ui .quick-actions,body.hide-ui .light-dock,body.hide-ui .debug-data,body.hide-ui .captions{transition:opacity .3s var(--ease)}@media (max-width:720px){:root{--topbar-h:76px}.brand-text small{white-space:normal;max-width:160px;font-size:9.5px;line-height:1.15;display:block}.brand-text strong{font-size:24px}.badge{display:none}.top-actions{gap:5px}.icon-btn{width:34px;height:34px;font-size:13px}.lang-btn{min-width:38px;padding:0 8px}.view-stack{top:50%;bottom:auto;left:max(8px, env(safe-area-inset-left));align-items:flex-start;gap:6px;transform:translateY(-50%)}.view-bar{flex-direction:column}.zoom-bar{width:36px;padding:4px 0}.zoom-track{--zoom-len:56px;width:24px}.zoom-bar input[type=range]{height:22px}.zoom-step{width:20px;height:20px;font-size:14px}.quick-actions{gap:8px;right:8px}.quick-btn{width:40px;height:40px;font-size:17px}.quick-camera{width:46px;height:46px}.quick-camera svg{width:20px;height:20px}.captions{width:calc(100% - 24px);bottom:392px}.cap-text{font-size:16px}.composer{bottom:max(12px, env(safe-area-inset-bottom));gap:6px;width:calc(100% - 16px)}.composer .mic{width:66px;height:66px;font-size:24px}.mic-glyph{width:27px;height:27px}.light-dock{top:calc(var(--topbar-h) + 12px);gap:5px;padding:5px;right:8px}.light-dot{width:25px;height:25px}.mic-ring{inset:-6px}.mic-label{font-size:10.5px}.composer .ask{width:min(300px,100% - 32px)}.sug{padding:6px 10px;font-size:11.5px}.sheet{border-left:0;width:100%}.log{border-right:0;width:100%}#webcam{display:none}.intro-card{border-radius:20px}body.framed #stage{width:calc(100% - 6vmin);height:calc(100% - 6vmin);inset:3vmin}.gallery-frame{inset:2vmin}}@media (max-height:560px) and (min-width:721px){.captions{bottom:230px}.suggestions{display:none}.composer{bottom:10px}}@media (max-width:380px){#fullBtn{display:none!important}.icon-btn{width:30px;height:30px;font-size:11px}.brand-text strong{font-size:22px}.brand-text small{max-width:132px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}