*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#fff;width:100%;height:100%;overflow:hidden}.login{color:#122a3d;background:#fafcff;place-items:center;font-family:Inter,system-ui,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.login-bg{pointer-events:none;background:radial-gradient(55% 45% at 30% 22%,#0e81461a,#0000 60%),radial-gradient(60% 50% at 72% 78%,#0e814612,#0000 62%);position:absolute;inset:0}.login-stripe{pointer-events:none;background:linear-gradient(90deg,#0e8146,#14a05a,#0e8146);height:4px;position:absolute;top:0;left:0;right:0}.login-card{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #0e81462e;border-radius:20px;flex-direction:column;align-items:stretch;width:min(92vw,380px);padding:40px 34px 34px;display:flex;position:relative;box-shadow:0 24px 60px -28px #0e3c2659,0 2px 8px #122a3d0d}.login-logo{letter-spacing:.22em;color:#0e8146;text-align:center;margin-bottom:18px;font-family:Orbitron,Inter,sans-serif;font-size:15px;font-weight:700}.login-title{text-align:center;color:#122218;margin-bottom:6px;font-size:28px;font-weight:700}.login-sub{color:#5b6b78;text-align:center;margin-bottom:26px;font-size:14px}.login-field{display:block}.login-field input{color:#122a3d;background:#fff;border:1.5px solid #122a3d29;border-radius:12px;outline:none;width:100%;height:50px;padding:0 16px;font-size:16px;transition:border-color .15s,box-shadow .15s}.login-field input::placeholder{color:#9aa7b1}.login-field input:focus{border-color:#0e8146;box-shadow:0 0 0 4px #0e81461f}.login-field input:disabled{opacity:.6}.login-error{color:#a02428;text-align:center;margin-top:12px;font-size:13.5px;font-weight:500}.login-btn{color:#fff;cursor:pointer;background:#0e8146;border:none;border-radius:12px;height:50px;margin-top:22px;font-size:16px;font-weight:600;transition:background .15s,transform 80ms,opacity .15s}.login-btn:hover:not(:disabled){background:#0c6c3a}.login-btn:active:not(:disabled){transform:translateY(1px)}.login-btn:disabled{opacity:.55;cursor:not-allowed}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:#122a3d;background:#fafcff;font-family:Inter,system-ui,sans-serif;overflow:hidden}.app{--oc:#0e8146;--oc-rgb:14, 129, 70;--tk-green:#0e8146;--tk-green-rgb:14, 129, 70;--tk-red:#ad1d24;--tk-gold:#b88a2e;--tk-cream:#fff;--tk-ivory:#fff;--tk-mist:#fff;--text-strong:#122218;--text-soft:#4a5d50;--text-muted:#8d998f;--line-soft:#0e81462e;grid-template-rows:auto 1fr auto auto;place-items:center;gap:14px;width:100vw;height:100vh;padding:30px 24px 38px;display:grid;position:relative;overflow:hidden}.app>.header{grid-row:1}.app>.subtext{grid-row:3}.app>.bottom-bar{grid-row:4}.bg-grad{z-index:-3;background:radial-gradient(55% 45% at 30% 22%,#9ec8ff0e 0%,#9ec8ff05 40%,#0000 65%),radial-gradient(60% 50% at 72% 78%,#bfd9ff0b 0%,#bfd9ff05 45%,#0000 70%),#fafcff;position:fixed;inset:0}.bg-noise{display:none}.bg-flag-stripe{z-index:-1;pointer-events:none;background:linear-gradient(180deg, transparent 0%, rgba(var(--tk-green-rgb), .55) 18%, rgba(var(--tk-green-rgb), .55) 42%, var(--tk-red) 47%, var(--tk-red) 53%, rgba(var(--tk-green-rgb), .55) 58%, rgba(var(--tk-green-rgb), .55) 82%, transparent 100%);opacity:.5;width:6px;position:fixed;top:0;bottom:0;left:0}.chips{flex-wrap:wrap;justify-content:center;gap:12px;max-width:760px;display:flex}.chip{pointer-events:none;border:1px solid rgba(var(--tk-green-rgb), .45);color:var(--text-strong);letter-spacing:.3px;cursor:default;background:#ffffffeb;border-radius:999px;align-items:center;gap:10px;padding:9px 18px;font-size:13px;font-weight:500;display:inline-flex}.header{text-align:center;margin-top:4px;position:relative}.hi{letter-spacing:2px;color:var(--text-soft);margin-bottom:9px;font-size:38px;font-weight:500}.say-something{letter-spacing:9px;color:var(--tk-green);text-transform:uppercase;font-family:Orbitron,Inter,sans-serif;font-size:clamp(42px,6.6vw,72px);font-weight:600}.title-accent{background:linear-gradient(90deg, transparent 0%, rgba(var(--tk-green-rgb), .8) 18%, rgba(var(--tk-green-rgb), .8) 42%, var(--tk-red) 50%, rgba(var(--tk-green-rgb), .8) 58%, rgba(var(--tk-green-rgb), .8) 82%, transparent 100%);opacity:.75;border-radius:2px;width:138px;height:3px;margin:15px auto 0}.orb-bg{z-index:0;pointer-events:none;opacity:.2;place-items:center;display:grid;position:fixed;inset:0}.app.display .orb-bg{opacity:.2}.header,.subtext,.bottom-bar{z-index:2;position:relative}.orb-svg{width:min(82vmin,760px);height:min(82vmin,760px);position:relative}.app.display .orb-svg{width:min(78vmin,940px);height:min(78vmin,940px)}.orb-aura{pointer-events:none;z-index:-1;background:radial-gradient(circle,#78b4ff38 0%,#a0c8ff12 38%,#0000 70%);border-radius:50%;width:min(92vmin,880px);height:min(92vmin,880px);margin:auto;position:absolute;inset:0}.petals{transform-origin:0 0;transform-box:view-box;will-change:transform;animation:5.5s ease-in-out infinite petal-life}.petals-back{transform-origin:0 0;transform-box:view-box;will-change:transform;animation:5.5s ease-in-out infinite reverse petal-life}@keyframes petal-life{0%,to{transform:scale(.975)rotate(-2.8deg)}50%{transform:scale(1.025)rotate(2.8deg)}}.orb-core{transform-origin:50%;animation:3.4s ease-in-out infinite core-pulse}.orb-spark{animation:2.4s ease-in-out infinite spark-blink}@keyframes core-pulse{0%,to{transform:scale(.995)}50%{transform:scale(1.008)}}@keyframes spark-blink{0%,to{opacity:.88}50%{opacity:1}}.app[data-state=listening][data-muted=false] .petals,.app[data-state=listening][data-muted=false] .petals-back{animation-duration:4.4s}.app[data-state=speaking] .petals,.app[data-state=speaking] .petals-back{animation-duration:3.4s}.app[data-state=thinking] .petals,.app[data-state=thinking] .petals-back{animation-duration:5.2s}.app[data-muted=true] .orb-svg{opacity:.78}.pulses{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.pulse{border:1px solid rgba(var(--oc-rgb), .55);opacity:0;will-change:transform, opacity;border-radius:50%;width:240px;height:240px;animation:6s cubic-bezier(.33,0,.5,1) infinite paused pulse-out;position:absolute}.pulse:nth-child(2){animation-delay:2s}.pulse:nth-child(3){animation-delay:4s}@keyframes pulse-out{0%{opacity:0;border-width:1.4px;transform:scale(.55)}35%{opacity:.32}70%{opacity:.14}to{opacity:0;border-width:.4px;transform:scale(2.2)}}.app[data-state=listening][data-muted=false] .pulse,.app[data-state=speaking] .pulse{animation-play-state:running}.subtext{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:min(680px,88vw);min-height:84px;display:flex}.subtext-line{letter-spacing:.2px;text-shadow:0 0 10px #fffffff2,0 0 4px #fff;font-size:33px;line-height:1.5;animation:.4s ease-out fade-up}.subtext-line.is-bot{color:var(--text-strong);font-weight:500}.subtext-line.is-hint{color:var(--text-muted);font-style:italic}.subtext-line.is-muted{color:var(--tk-red);font-style:italic}.subtext-line.is-error{color:var(--tk-red);font-weight:500}.subtext-line.is-question{color:var(--text-muted);align-items:baseline;gap:7px;font-size:32px;font-style:italic;display:flex}.question-mark{background:var(--text-muted);color:#fff;opacity:.7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-style:normal;display:inline-flex}.lang-tag{letter-spacing:1px;background:var(--tk-green);color:#fff;text-shadow:none;vertical-align:middle;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-right:7px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:700;display:inline-flex}.subtext-line.is-bot.lang-ru .lang-tag{background:var(--tk-red)}.is-typing{justify-content:center;align-items:center;gap:7px;display:flex}.dot{background:var(--text-muted);border-radius:50%;width:10px;height:10px;animation:1.2s infinite blink}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.eq-scene{z-index:1;pointer-events:none;place-items:center;width:min(1200px,94vw);display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.eq-scene:before{content:"";background:radial-gradient(ellipse 55% 70% at 50% 50%, rgba(var(--oc-rgb), .1) 0%, rgba(var(--oc-rgb), .04) 45%, transparent 72%);z-index:0;pointer-events:none;width:100%;height:70%;margin:auto;transition:background .4s;position:absolute;inset:0}.eq-muted-badge{letter-spacing:3px;color:var(--tk-red);z-index:2;pointer-events:none;background:#ffffffc7;border:1px solid #a0242866;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)}.vad-wrap{z-index:1;justify-content:center;align-items:center;gap:clamp(4px,.6vw,9px);width:100%;height:clamp(400px,72vh,800px);display:flex;position:relative}.vad-bar{opacity:.28;background:linear-gradient(180deg, rgba(var(--oc-rgb), .55) 0%, rgb(var(--oc-rgb)) 50%, rgba(var(--oc-rgb), .55) 100%);border-radius:6px;width:clamp(5px,.7vw,11px);height:6px;transition:height 90ms cubic-bezier(.4,0,.2,1),opacity .2s}.bottom-bar{justify-content:center;align-items:center;gap:42px;padding-top:9px;display:flex}.ctrl{cursor:pointer;font:inherit;background:0 0;border:none;place-items:center;transition:transform .15s,background .3s,color .3s,border-color .3s;display:grid}.ctrl:active{transform:translateY(1px)}.ctrl:focus-visible{outline:2px solid rgba(var(--tk-green-rgb), .6);outline-offset:3px}.ctrl-side{width:66px;height:66px;color:var(--text-soft);background:#fff;border:1px solid #0e3c1e2e;border-radius:50%}.ctrl-side:hover{border-color:rgba(var(--tk-green-rgb), .45);color:var(--text-strong)}.ctrl-side svg{width:27px;height:27px}.ctrl-mic{background:radial-gradient(circle at 32% 28%, #ffffff8c 0%, rgba(var(--tk-green-rgb), .95) 38%, #0a5a31 100%);color:#fff;width:108px;height:108px;box-shadow:0 0 0 1px #ffffff8c inset, 0 4px 12px rgba(var(--tk-green-rgb), .35);border-radius:50%;position:relative}.ctrl-mic svg{width:39px;height:39px}.ctrl-mic:before{content:"";border:1px solid rgba(var(--tk-green-rgb), .35);opacity:.7;border-radius:50%;position:absolute;inset:-9px}.ctrl-mic.is-on{animation:1.8s ease-in-out infinite mic-breathe}@keyframes mic-breathe{0%,to{box-shadow:0 0 0 1px #ffffff8c inset, 0 4px 12px rgba(var(--tk-green-rgb), .35)}50%{box-shadow:0 0 0 1px #fff9 inset, 0 6px 18px rgba(var(--tk-green-rgb), .55)}}.ctrl-mic.is-muted{color:var(--tk-red);background:radial-gradient(circle at 32% 28%,#ffffffb3 0%,#f5ebe8 40%,#e6d7d7 100%);box-shadow:inset 0 0 0 1px #ffffffa6,0 3px 10px #a024282e}.ctrl-mic.is-muted:before{border-color:#a0242859}.status{letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);z-index:30;pointer-events:none;align-items:center;gap:21px;font-size:15px;display:flex;position:fixed;bottom:22px;left:24px}.logo{letter-spacing:9px;color:var(--tk-green);font-weight:800}.state-label{letter-spacing:4px;font-weight:700;transition:color .4s}.conn-dot{background:#c8ccc4;border-radius:50%;width:9px;height:9px;transition:background .3s}.conn-dot.ok{background:var(--tk-green)}.latency{letter-spacing:1.5px;color:var(--text-muted);text-transform:none;opacity:.7}.lite-toggle{z-index:40;border:1px solid rgba(var(--tk-green-rgb), .35);letter-spacing:2px;text-transform:uppercase;color:var(--text-soft);cursor:pointer;background:#ffffffeb;border-radius:999px;padding:9px 18px;font-family:inherit;font-size:15px;position:fixed;bottom:18px;right:18px}.lite-toggle:hover{color:var(--text-strong);border-color:rgba(var(--tk-green-rgb), .6)}.app.lite .petals,.app.lite .petals-back{animation:none!important}.app.lite .pulse{display:none}.app.lite .orb-core,.app.lite .orb-spark,.app.lite .ctrl-mic.is-on{animation:none!important}.app.lite .vad-bar{transition:height .18s linear,opacity .25s}.app.lite .subtext-line{animation:none}@media (prefers-reduced-motion:reduce){.petals,.petals-back,.pulse,.orb-core,.orb-spark,.ctrl-mic.is-on,.dot,.subtext-line{animation:none!important}}@media (width<=520px){.chips{gap:8px}.chip{padding:7px 14px;font-size:12px}.say-something{letter-spacing:4px}.bottom-bar{gap:22px}.ctrl-mic{width:64px;height:64px}.status{gap:10px;bottom:14px;left:16px}}.app.display{grid-template-rows:auto 1fr auto auto;gap:2vh;padding:5vh 6vw}.app.display>.header{grid-row:1}.app.display>.subtext{grid-row:3}.app.display>.status{grid-row:4}.app.display .header{margin-top:8vh}.app.display .hi{letter-spacing:2px;font-size:clamp(32px,3.6vh,44px)}.app.display .say-something{letter-spacing:clamp(6px,1.2vh,14px);font-size:clamp(48px,6.5vh,96px)}.app.display .title-accent{width:clamp(120px,16vh,200px);height:3px}.app.display .orb-aura{width:min(96vmin,1100px);height:min(96vmin,1100px)}.app.display .eq-scene{width:min(1600px,96vw)}.app.display .vad-wrap{gap:clamp(6px,1vh,14px);height:clamp(500px,78vh,1200px)}.app.display .vad-bar{border-radius:7px;width:clamp(7px,1vh,16px)}.app.display .eq-muted-badge{letter-spacing:4px;padding:8px 18px;font-size:clamp(14px,1.6vh,22px)}.app.display .subtext-line{font-size:clamp(26px,3.4vh,48px);line-height:1.45}.app.display .subtext-line.is-question{gap:10px;font-size:clamp(24px,3vh,39px)}.app.display .question-mark{width:34px;height:34px;font-size:20px}.app.display .dot{width:12px;height:12px}.app.display .status{z-index:2;justify-content:center;gap:18px;font-size:clamp(12px,1.4vh,18px);display:flex;position:relative}.app.display .status .latency{display:none}.app.display .logo{letter-spacing:3px;font-size:clamp(14px,1.6vh,20px)}.app.display .state-label{letter-spacing:2px;font-size:clamp(13px,1.5vh,18px)}.app.display .bottom-bar,.app.display .lite-toggle,.app.display .chips{display:none!important}.app.display .bg-flag-stripe{opacity:.6;width:10px}