:root{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-card: #1a1a3e;--bg-hover: #22224e;--text-primary: #f0f0ff;--text-secondary: #8888aa;--text-muted: #555577;--accent: #6c63ff;--accent-hover: #5a52e0;--accent-glow: rgba(108, 99, 255, .3);--success: #4ecdc4;--error: #ff6b6b;--warning: #ffd93d;--border: #2a2a4e;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:480px;margin:0 auto;padding:0 16px;min-height:100dvh}.page{display:flex;flex-direction:column;min-height:100dvh;padding:16px 0}.page-header{display:flex;align-items:center;gap:12px;padding:8px 0 24px}.page-header h1{font-size:1.5rem;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;min-height:48px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);width:100%}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-large{flex-direction:column;padding:20px 24px;text-align:center}.btn-icon{font-size:1.5rem}.btn-desc{font-size:.8rem;font-weight:400;color:var(--text-secondary);margin-top:4px}.back-btn{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:8px;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent}.back-btn:hover{color:var(--text-primary);background:var(--bg-card)}.language-selector{margin-bottom:24px}.language-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.language-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg-card);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;min-height:48px}.language-option:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border)}.language-option.selected{border-color:var(--accent);background:#6c63ff1a}.language-option:disabled{opacity:.5;cursor:not-allowed}.language-flag{font-size:1.5rem}.language-native{font-size:.8rem;font-weight:600;color:var(--text-primary)}.language-name{font-size:.65rem;color:var(--text-muted)}.chat-prototype-page{gap:14px;padding-block:14px 24px}.chat-prototype-page--room{min-height:100dvh;padding-block:0}.surface-card{background:linear-gradient(180deg,#171a2cfa,#111424fa);border:1px solid rgba(255,255,255,.05);border-radius:20px;box-shadow:0 14px 34px #0000002e;padding:16px}.surface-card--hero{padding:20px 16px}.chat-hero{display:grid;gap:8px}.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7bc8ff}.chat-lobby-card,.chat-room-card{display:grid;gap:14px}.chat-room-card--telegram{min-height:100dvh;padding:0;border-radius:0;border-inline:none;box-shadow:none;background:radial-gradient(circle at top,rgba(60,78,120,.22),transparent 28%),linear-gradient(180deg,#18222d,#121a23)}.field-stack{display:grid;gap:8px}.field-label,.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.field-label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.field-chip,.recognized-room-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.text-input,.text-area,.select-input{width:100%;border:1px solid rgba(255,255,255,.08);background:#080b149e;color:var(--text-primary);border-radius:14px;padding:13px 15px;font:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.text-input:focus,.text-area:focus,.select-input:focus{border-color:#6c63ffbf;box-shadow:0 0 0 3px #6c63ff29}.text-input--code{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.toggle-row{display:flex;align-items:flex-start;gap:10px;color:var(--text-secondary);font-size:.9rem}.toggle-row input{margin-top:3px}.helper-copy{color:var(--text-secondary);font-size:.92rem}.helper-copy--inline{margin-top:4px}.landing-actions--responsive{width:100%}.btn-inline{width:auto;padding-inline:16px}.invite-banner{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:18px;background:#6c63ff1a;border:1px solid rgba(108,99,255,.22)}.invite-banner-title{font-size:1.15rem}.invite-banner-action{align-self:flex-start}.recognized-room-pill{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:14px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.14)}.recognized-room-pill strong{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-primary)}.language-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.language-more-panel{display:grid;gap:10px;margin-top:12px}.language-more-toggle{justify-self:flex-start}.language-more-content{display:grid;gap:10px}.chat-room-shell{display:flex;flex-direction:column;min-height:100dvh}.chat-room-topbar{position:sticky;top:0;z-index:3;display:grid;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px;background:#18222df5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.chat-room-topbar-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chat-room-title-block{min-width:0;display:grid;gap:1px}.chat-room-kicker{font-family:var(--font-mono);font-size:.72rem;color:#7bc8ff;letter-spacing:.08em;text-transform:uppercase}.chat-room-title{font-size:1.02rem;font-weight:700;color:#f6f8fb}.chat-room-presence{font-size:.82rem;color:#f0f0ffb3}.chat-room-subbar{display:grid;gap:8px}.chat-room-actions,.chat-room-meta,.participant-list{display:flex;flex-wrap:wrap;gap:8px}.chat-icon-button{width:34px;height:34px;border:none;border-radius:50%;background:#ffffff14;color:#eff4fb;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer}.chat-icon-button:hover:not(:disabled){background:#ffffff24}.chat-icon-button--danger{color:#ffc3c3}.meta-pill,.participant-pill{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 10px;border-radius:999px;background:#ffffff0d;color:#f0f0ffb8;font-size:.78rem}.meta-pill--status{color:#7bc8ff}.participant-pill strong{color:#f6f8fb;font-size:.74rem;letter-spacing:.05em}.chat-room-layout{display:flex;flex:1;min-height:0;flex-direction:column}.message-thread-panel{flex:1;min-height:0;overflow-y:auto;padding:12px 10px 8px;overscroll-behavior:contain}.message-thread{display:grid;gap:3px;align-content:start}.message-empty{margin:auto 6px;padding:18px 16px;border-radius:16px;background:#070a124d;color:#f0f0ffb8;text-align:center;font-size:.92rem}.message-row{display:grid;justify-items:start;gap:2px}.message-row--self{justify-items:end}.message-row--grouped-prev{margin-top:-1px}.message-row--grouped-next{margin-bottom:1px}.message-sender-line{display:inline-flex;align-items:baseline;gap:8px;padding:0 10px 1px}.message-sender-name{font-size:.78rem;color:#7bc8ff}.message-sender-route{font-size:.7rem;color:#f0f0ff73;letter-spacing:.03em;text-transform:uppercase}.message-bubble{display:grid;gap:6px;width:fit-content;max-width:min(82%,32rem);padding:8px 10px 6px;border-radius:18px 18px 18px 6px;background:#19222efa;border:1px solid rgba(255,255,255,.04);box-shadow:0 1px 1px #00000029}.message-row--grouped-prev .message-bubble{border-top-left-radius:10px}.message-row--grouped-next .message-bubble{border-bottom-left-radius:10px}.message-bubble--self{border-radius:18px 18px 6px;background:linear-gradient(180deg,#2d5876,#234963);border-color:#82c7ff1f}.message-row--self.message-row--grouped-prev .message-bubble{border-top-right-radius:10px}.message-row--self.message-row--grouped-next .message-bubble{border-bottom-right-radius:10px}.message-main{display:grid;gap:8px}.message-translation{font-size:.96rem;line-height:1.36;color:#f6f8fb;word-break:break-word}.message-note{padding:8px 10px;border-radius:12px;background:#ffd93d1f;color:#fff0a6;font-size:.82rem;line-height:1.35}.message-original{color:#f0f0ffb8}.message-original summary{cursor:pointer;list-style:none;font-size:.78rem;color:#f0f0ffa8}.message-original summary::-webkit-details-marker{display:none}.message-original[open] summary{margin-bottom:4px}.message-original p{font-size:.84rem;line-height:1.35}.message-footer{display:inline-flex;justify-content:flex-end;align-items:center;gap:6px;min-width:100%;color:#f0f0ff8a;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.message-footer-flag{color:#bce7ff}.composer-card{position:sticky;bottom:0;display:grid;gap:8px;padding:8px 10px calc(env(safe-area-inset-bottom,0px) + 10px);background:linear-gradient(180deg,#121a2333,#121a23f5 28%)}.chat-composer-shell{display:grid;grid-template-columns:34px minmax(0,1fr) 38px;align-items:center;gap:8px;padding:7px 8px;border-radius:22px;background:#eef2f814;border:1px solid rgba(255,255,255,.06)}.chat-composer-input{min-width:0;border:none;background:transparent;padding:6px 0;border-radius:0;box-shadow:none}.chat-composer-input:focus{border:none;box-shadow:none}.composer-options-button,.composer-send{width:34px;height:34px;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.composer-options-button{background:#ffffff0f;color:#f0f0ffc7;font-size:1.15rem}.composer-options-button--active{background:#6c63ff33;color:#fff}.composer-send{background:linear-gradient(180deg,#3fa6ff,#2c8fe2);color:#fff;box-shadow:0 6px 16px #2c8fe257;font-size:.95rem}.composer-send:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.composer-options-popover{margin-left:4px;margin-right:48px;padding:10px 12px;border-radius:16px;background:#10161ff5;border:1px solid rgba(255,255,255,.06);box-shadow:0 14px 28px #00000038}.toggle-row--composer-menu{gap:8px;font-size:.82rem;line-height:1.35}@media(min-width:640px){.app{max-width:1040px;padding:0 24px}.page{padding-block:24px 40px}.chat-prototype-page--room{padding-block:16px 24px}.surface-card{padding:20px}.chat-room-card--telegram{min-height:calc(100dvh - 40px);border-radius:24px;border-inline:1px solid rgba(255,255,255,.05);box-shadow:0 22px 48px #0000003d}.chat-room-shell{min-height:calc(100dvh - 40px)}.chat-room-topbar{border-top-left-radius:24px;border-top-right-radius:24px;padding-inline:18px}.message-thread-panel,.composer-card{padding-inline:14px}.language-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-actions--responsive{flex-direction:row}.landing-actions--responsive>*{flex:1}.invite-banner{flex-direction:row;align-items:center;justify-content:space-between}.chat-room-subbar{grid-template-columns:auto minmax(0,1fr);align-items:center}.participant-list{justify-content:flex-end}.message-bubble{max-width:min(72%,34rem)}}.conversation-log{flex:1;overflow-y:auto;padding:8px 0 16px;display:flex;flex-direction:column;gap:8px;min-height:0}.conversation-empty{color:var(--text-muted);font-size:.9rem;text-align:center;margin-top:24px}.bubble{max-width:78%;padding:10px 14px;border-radius:var(--radius-lg);word-break:break-word;line-height:1.4}.bubble--self{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.bubble--peer{align-self:flex-start;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble--partial{opacity:.55;font-style:italic}.bubble__text{font-size:.95rem}.bubble__original{font-size:.75rem;opacity:.65;margin-top:4px;font-style:italic}a{color:inherit}button,input,select,textarea{font:inherit}.app{width:min(100%,520px);padding:0 16px 24px}.page-shell{gap:16px}.page-header--stacked{align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:8px}.page-subtitle{color:var(--text-secondary);font-size:.96rem;max-width:36ch}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.surface-card{background:linear-gradient(180deg,#1a1a3ef5,#12122af5);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:18px;box-shadow:0 18px 40px #0000003d}.surface-card--hero{gap:14px}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hero-pill{background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.78rem;padding:6px 10px}.landing-page{justify-content:center;gap:18px}.landing-hero{display:flex;flex-direction:column;align-items:center}.landing-actions--stacked{gap:12px}.mode-card{align-items:stretch;padding:18px}.mode-card-content{align-items:center;display:flex;gap:14px;text-align:left;width:100%}.mode-icon{align-items:center;background:#ffffff14;border-radius:18px;display:inline-flex;font-size:1.5rem;height:52px;justify-content:center;width:52px}.mode-text{display:flex;flex:1;flex-direction:column;gap:4px}.mode-title{font-size:1.05rem;font-weight:700}.mode-desc{color:var(--text-secondary);font-size:.88rem;font-weight:400}.compare-card,.setup-card,.intro-card,.error-panel,.stage-card{display:flex;flex-direction:column;gap:14px}.compare-grid{display:grid;gap:12px}.compare-grid strong{display:block;margin-bottom:4px}.compare-grid p,.info-list p,.status-caption,.footer-hint,.qr-hint,.page-subtitle,.stage-copy p,.error-panel p,.intro-card p,.compare-card p{color:var(--text-secondary)}.info-list{display:flex;flex-direction:column;gap:8px;font-size:.9rem}.action-grid{display:grid;gap:10px}.action-grid--two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.btn-ghost{background:transparent;border:1px dashed rgba(255,255,255,.16);color:var(--text-secondary);width:100%}.btn-ghost:hover:not(:disabled){border-color:#ffffff47;color:var(--text-primary)}.btn-danger{background:#ff6b6b24;color:#ffd7d7;width:auto}.btn-danger:hover:not(:disabled){background:#ff6b6b38}.table-mode-icon{align-items:center;background:#6c63ff1f;border-radius:20px;display:inline-flex;font-size:2rem;height:64px;justify-content:center;width:64px}.language-selector{margin-bottom:0}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.language-option{min-height:92px;padding:14px 10px}.waiting-indicator--stacked{justify-content:center;text-align:center}.mono-inline,.room-code-value,.code-input{font-family:var(--font-mono)}.room-code-value{font-size:clamp(2rem,10vw,2.8rem)}.qr-display{gap:16px}.qr-container{margin:0 auto}.status-banner{border-radius:18px;font-size:.9rem;padding:12px 14px}.status-banner--warning{background:#ffd93d1f;border:1px solid rgba(255,217,61,.3);color:#fff1a6}.status-banner--error{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.28);color:#ffd0d0}.live-session-page,.table-mode-page{gap:12px}.live-session-header,.table-mode-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.table-mode-header{flex-wrap:wrap}.live-session-meta,.table-mode-status{align-items:center;display:flex;gap:10px}.status-caption{font-size:.78rem}.live-session-stage{align-items:center;display:grid;gap:8px;justify-items:center;text-align:center}.stage-copy{display:flex;flex-direction:column;gap:6px}.conversation-log--card{background:#0a0a1a59;border-radius:24px;min-height:280px;padding:18px}.bubble{width:min(100%,100%)}.bubble__meta{color:inherit;display:flex;flex-direction:column;font-size:.72rem;gap:4px;margin-top:6px;opacity:.72}.bubble__original{margin-top:0}.live-session-footer{background:#0a0a1a73;border-radius:24px;padding:18px}.footer-hint{font-size:.82rem;text-align:center}.mic-btn{width:88px;height:88px}.table-mode-actions .btn{width:auto}.stage-card{gap:18px}.speaker-indicator--card{align-items:center;display:flex;gap:12px}.speaker-orb{border-radius:50%;box-shadow:0 0 0 6px #ffffff0a;flex-shrink:0;height:16px;width:16px}.speaker-orb--idle{background:#2a2a4e}.table-mode-conversation{min-height:320px}.utterance{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-left-width:4px;border-radius:18px;padding:14px}.utterance+.utterance{margin-top:10px}.utterance-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.speaker-badge,.lang-tag{border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.lang-tag{background:#ffffff14;color:var(--text-secondary)}.utterance-original{color:var(--text-primary);font-size:.95rem}.utterance-translated,.utterance-translating{color:var(--success);font-size:.9rem;margin-top:6px}.error-panel{align-items:center;text-align:center}@media(min-width:480px){.page{padding-top:24px}.language-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-grid,.action-grid,.action-grid--two-up{grid-template-columns:repeat(2,minmax(0,1fr))}}.chat-prototype-page{gap:16px;padding-bottom:24px}.chat-hero,.chat-lobby-card,.chat-room-card,.composer-card{display:flex;flex-direction:column;gap:16px}.field-stack{display:flex;flex-direction:column;gap:8px}.field-stack--compact{gap:6px}.field-label{color:var(--text-secondary);font-size:.95rem}.text-input,.text-area{width:100%;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:14px 16px;font:inherit}.text-input--code{text-transform:uppercase;letter-spacing:.16em;font-family:var(--font-mono)}.text-area{resize:vertical;min-height:120px}.helper-copy{color:var(--text-secondary);font-size:.9rem}.toggle-row{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.92rem}.chat-room-header,.chat-room-actions,.composer-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.btn-inline{width:auto;min-width:0}.chat-room-code{font-size:1.8rem;letter-spacing:.12em;font-family:var(--font-mono)}.chat-room-meta{display:flex;gap:12px;color:var(--text-secondary);font-size:.9rem}.participant-list{display:flex;gap:10px;flex-wrap:wrap}.participant-pill{display:inline-flex;gap:8px;align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:.88rem}.participant-pill strong{color:var(--success)}.message-thread{display:flex;flex-direction:column;gap:12px;max-height:52dvh;overflow-y:auto;padding-right:4px}.message-empty{color:var(--text-secondary);border:1px dashed var(--border);border-radius:var(--radius-md);padding:16px;text-align:center}.message-bubble{background:#ffffff0a;border:1px solid var(--border);border-radius:18px;padding:14px}.message-bubble--self{border-color:#6c63ff99;box-shadow:0 0 0 1px #6c63ff1f}.message-meta{display:flex;justify-content:space-between;gap:12px;font-size:.82rem;color:var(--text-secondary);margin-bottom:8px}.message-translation{font-size:1rem}.message-note{margin-top:8px;font-size:.85rem;color:#aeb1c9;background:#ffffff0d;border-left:3px solid rgba(255,255,255,.15);padding:8px 10px;border-radius:10px}.message-original{margin-top:8px;color:var(--text-secondary);font-size:.88rem}.error-banner{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.4);color:#ffd1d1;border-radius:var(--radius-md);padding:12px 14px}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Menlo, monospace;--aurora-violet: #8f73ff;--aurora-violet-deep: #6c4dff;--aurora-cyan: #78ebff;--aurora-cyan-deep: #2fcbff;--aurora-rose: #ff84d8;--aurora-bg-1: #080611;--aurora-bg-2: #110b22;--aurora-bg-3: #07131d;--glass-shell: rgba(12, 16, 31, .68);--glass-shell-strong: rgba(15, 18, 38, .84);--glass-border: rgba(146, 202, 255, .16);--glass-highlight: rgba(255, 255, 255, .12);--beam-shadow: 0 16px 34px rgba(61, 157, 255, .2), 0 8px 24px rgba(108, 77, 255, .28), inset 0 1px 0 rgba(255, 255, 255, .22)}body{background:radial-gradient(circle at 20% 0%,rgba(120,235,255,.12),transparent 28%),radial-gradient(circle at 85% 15%,rgba(143,115,255,.2),transparent 30%),radial-gradient(circle at 55% 100%,rgba(255,132,216,.08),transparent 22%),linear-gradient(180deg,var(--aurora-bg-1) 0%,var(--aurora-bg-2) 48%,var(--aurora-bg-3) 100%)}.app:has(.chat-prototype-page){width:min(100%,1120px);max-width:none;padding-inline:clamp(16px,4vw,32px)}.chat-prototype-page{position:relative;isolation:isolate;overflow:clip;min-height:100dvh;gap:18px;padding-block:18px 26px}.chat-prototype-page--room{padding-block:0}.chat-prototype-page>:not(.aurora-bg){position:relative;z-index:1}.aurora-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.aurora-orb{position:absolute;border-radius:999px;filter:blur(28px);opacity:.7;animation:aurora-drift 16s ease-in-out infinite alternate}.aurora-orb--violet{top:-5rem;left:-3rem;width:18rem;height:18rem;background:radial-gradient(circle,#8f73ff99,#8f73ff00)}.aurora-orb--cyan{top:18%;right:-5rem;width:20rem;height:20rem;background:radial-gradient(circle,#78ebff7a,#78ebff00);animation-delay:-5s}.aurora-orb--rose{bottom:-7rem;left:30%;width:16rem;height:16rem;background:radial-gradient(circle,#ff84d857,#ff84d800);animation-delay:-10s}.aurora-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.54),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.54),transparent 88%);opacity:.32}.chat-lobby-shell-v2,.room-ready-shell,.chat-room-stage{min-height:100dvh;display:grid;align-items:center}.chat-lobby-hero-card,.room-ready-card{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.hero-copy-block,.premium-lobby-panel,.room-ready-copy,.room-code-showcase,.room-ready-actions,.ready-grid,.chat-topbar-glass,.message-thread-panel--premium,.composer-dock{min-width:0;opacity:0;animation:premium-fade-up .72s cubic-bezier(.22,1,.36,1) forwards}.hero-copy-block{animation-delay:.04s}.premium-lobby-panel{animation-delay:.12s}.premium-lobby-panel>*{opacity:0;animation:premium-fade-up .64s cubic-bezier(.22,1,.36,1) forwards}.premium-lobby-panel>*:nth-child(1){animation-delay:.18s}.premium-lobby-panel>*:nth-child(2){animation-delay:.24s}.premium-lobby-panel>*:nth-child(3){animation-delay:.3s}.premium-lobby-panel>*:nth-child(4){animation-delay:.36s}.premium-lobby-panel>*:nth-child(5){animation-delay:.42s}.premium-lobby-panel>*:nth-child(6){animation-delay:.48s}.room-ready-copy{animation-delay:.08s}.room-code-showcase{animation-delay:.16s}.room-ready-actions{animation-delay:.24s}.ready-grid{animation-delay:.32s}.eyebrow,.language-trigger__label,.message-empty__eyebrow,.chat-topbar-kicker,.room-code-showcase__label{color:var(--aurora-cyan);font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow--glow{text-shadow:0 0 16px rgba(120,235,255,.42)}.chat-hero-title,.room-ready-title{font-size:clamp(2.4rem,11vw,4.5rem);line-height:.94;letter-spacing:-.04em;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}.chat-hero-subtitle,.room-ready-subtitle,.chat-lobby-footnote--premium{color:#e8efffc2;font-size:1rem;line-height:1.6;max-width:34rem;overflow-wrap:anywhere;text-wrap:pretty}.surface-card--heroic{position:relative;overflow:hidden;padding:20px;border-radius:28px;border:1px solid var(--glass-border);background:linear-gradient(180deg,#ffffff17,#fff0 22%),linear-gradient(180deg,#10162ceb,#0a0e1ce0);box-shadow:0 22px 48px #00000052,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2)}.surface-card--heroic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(120,235,255,.12),transparent 26%),linear-gradient(120deg,rgba(255,255,255,.08),transparent 42%)}.premium-lobby-panel,.room-ready-card{gap:18px}.segmented-toggle{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0d,inset 0 -8px 16px #0000002e}.segmented-toggle__option{position:relative;z-index:1;border:none;background:transparent;color:#ebf4ffad;border-radius:999px;padding:12px 16px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .22s ease,transform .22s ease}.segmented-toggle__option:hover:not(:disabled){color:#fff}.segmented-toggle__option.is-active{color:#08111d}.segmented-toggle__option:active:not(:disabled){transform:scale(.985)}.segmented-toggle__pill{position:absolute;top:6px;left:6px;width:calc(50% - 9px);bottom:6px;border-radius:999px;background:linear-gradient(135deg,#fffffff5,#d6fcfff0 42%,#78ebffe0);box-shadow:0 10px 26px #2fcbff2e,0 6px 18px #6c4dff29;transition:transform .34s cubic-bezier(.22,1,.36,1)}.segmented-toggle__pill--join{transform:translate(calc(100% + 6px))}.field-stack--premium{gap:10px}.field-label,.field-chip--premium,.recognized-room-label{color:#dfe9ffc7}.field-chip--premium{padding:4px 10px;border-radius:999px;background:#78ebff14;border:1px solid rgba(120,235,255,.14);font-size:.68rem;font-weight:700;letter-spacing:.12em}.lobby-mode-note,.recognized-room-pill--premium{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#e7eeffbd}.recognized-room-pill--premium{justify-content:space-between}.recognized-room-pill--premium strong,.room-code-showcase__value,.ready-share-card__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.recognized-room-pill--premium strong{color:#f6fbff;letter-spacing:.18em}.text-input--aurora{padding:14px 2px 12px;border:none;border-bottom:1px solid rgba(143,115,255,.3);border-radius:0;background:linear-gradient(180deg,#ffffff0a,#fff0 78%);box-shadow:inset 0 -1px #78ebff0f,0 14px 28px #0408121f}.text-input--aurora::placeholder{color:#dae1f566}.text-input--aurora:focus{border:none;border-bottom:1px solid rgba(143,115,255,.88);background:linear-gradient(180deg,#ffffff0f,#fff0 78%);box-shadow:inset 0 -2px #8f73ffeb,0 14px 28px #6c4dff29,0 0 20px #8f73ff24}.text-input--aurora.text-input--code{letter-spacing:.24em}.language-selector--sheet{display:grid;gap:12px}.language-trigger{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--glass-border);border-radius:24px;background:linear-gradient(180deg,#ffffff14,#fff0 26%),linear-gradient(180deg,#0d1425e0,#0a0e1ceb);color:inherit;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:13px 14px;text-align:left;box-shadow:0 18px 36px #0000003d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer}.language-trigger:hover:not(:disabled){border-color:#78ebff38;transform:translateY(-1px)}.language-trigger__orb{width:54px;height:54px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.65rem;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.26),transparent 38%),linear-gradient(135deg,#8f73ffd6,#2fcbffe0);box-shadow:inset 0 1px #ffffff52,0 10px 24px #2fcbff2e}.language-trigger__copy{min-width:0;display:grid;gap:3px}.language-trigger__value{font-size:1.02rem;font-weight:700;color:#f8fbff}.language-trigger__meta{color:#dfe9ff9e;font-size:.84rem}.language-trigger__chevron{color:#ecf4ffb3;font-size:1.3rem;line-height:1}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:none;background:#0508128a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20}.language-sheet{position:fixed;left:0;right:0;bottom:0;z-index:21;display:grid;gap:18px;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 18px);border-radius:28px 28px 0 0;background:linear-gradient(180deg,#ffffff14,#fff0 16%),linear-gradient(180deg,#0f1428fa,#070b15fa);border:1px solid rgba(255,255,255,.08);box-shadow:0 -24px 60px #00000070;max-height:min(84dvh,42rem);overflow-y:auto}.language-sheet__handle{width:56px;height:5px;margin:0 auto;border-radius:999px;background:#ffffff2e}.language-sheet__header,.language-sheet__section{display:grid;gap:12px}.language-sheet__header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.language-sheet__header h3{font-size:1.3rem;line-height:1.1}.language-sheet__close,.chat-topbar-action,.chat-icon-button,.composer-options-button--premium{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#f2f7ff;box-shadow:inset 0 1px #ffffff14}.language-sheet__close{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer}.language-chip-grid,.language-list{display:grid;gap:10px}.language-chip{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#ffffff0a;color:inherit;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;text-align:left;cursor:pointer}.language-chip__flag{font-size:1.4rem}.language-chip__copy,.language-list__item{min-width:0}.language-chip__copy strong{display:block;color:#f9fcff}.language-chip__copy span,.language-list__item small{color:#dfe9ff9e}.language-chip__badge{padding:4px 8px;border-radius:999px;background:#78ebff1f;color:var(--aurora-cyan);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.language-chip.is-selected,.language-list__item.is-selected{border-color:#78ebff4d;background:linear-gradient(135deg,#78ebff1a,#8f73ff1f);box-shadow:inset 0 1px #ffffff1a,0 10px 24px #2fcbff1f}.language-sheet__section--divider{padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.language-sheet__toggle,.language-list__item{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff08;color:#f1f7ffd1;cursor:pointer}.language-sheet__toggle{padding:12px 14px;font-size:.86rem;font-weight:600}.language-list__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;text-align:left}.lux-toggle-card,.composer-setting-row{position:relative;display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer}.premium-switch-card>div,.composer-setting-row--switch>div{min-width:0;display:grid;gap:4px}.lux-toggle-card:has(input:focus-visible),.composer-setting-row:has(input:focus-visible){outline:2px solid rgba(120,235,255,.4);outline-offset:2px}.lux-toggle-card input,.composer-setting-row input{position:absolute;opacity:0;pointer-events:none}.lux-toggle-title{display:block;font-weight:700;color:#f8fbff}.composer-setting-row__title{color:#f8fbff;font-weight:700}.lux-toggle-copy,.composer-setting-row small{color:#ecf3ffd1;font-size:.88rem;line-height:1.5;overflow-wrap:anywhere;text-wrap:pretty}.premium-switch-card .switch,.composer-setting-row--switch .switch{justify-self:end;align-self:center}.switch{position:relative;width:56px;height:32px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 6px #0000005c;transition:background .26s ease,border-color .26s ease,box-shadow .26s ease;flex-shrink:0}.switch__thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#fff,#dce4ff);box-shadow:0 4px 10px #00000052,inset 0 1px #ffffffbd;transition:transform .26s cubic-bezier(.22,1,.36,1),background .26s ease}.switch--on{background:linear-gradient(135deg,#8f73ffbd,#2fcbffd1);border-color:#78ebff4d;box-shadow:inset 0 1px #ffffff24,0 0 18px #78ebff29}.switch--on .switch__thumb{transform:translate(24px);background:linear-gradient(180deg,#fff,#ebfdff)}.switch--small{width:52px;height:30px}.switch--small .switch__thumb{width:22px;height:22px}.switch--small.switch--on .switch__thumb{transform:translate(22px)}.lobby-cta-stack,.room-ready-actions{display:grid;gap:12px}.btn-premium,.composer-send--premium{position:relative;overflow:hidden;border:none;color:#08111b;font-weight:800;background:linear-gradient(135deg,#fffffff5,#8f73fff0 32%,#2fcbffe6);box-shadow:var(--beam-shadow),0 0 0 1px #ffffff1a,0 0 30px #78ebff1f;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn-premium:before,.composer-send--premium:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 10%,rgba(255,255,255,.3) 50%,transparent 90%);transform:translate(-135%);transition:transform .68s ease}.btn-premium:hover:not(:disabled),.composer-send--premium:hover:not(:disabled){transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 22px 44px #3d9dff3d,0 10px 30px #6c4dff57,0 0 42px #78ebff29,inset 0 1px #ffffff3d}.btn-premium:hover:not(:disabled):before,.composer-send--premium:hover:not(:disabled):before{transform:translate(135%)}.btn-premium:active:not(:disabled),.composer-send--premium:active:not(:disabled){transform:scale(.98)}.btn-glass{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#edf6ff;box-shadow:inset 0 1px #ffffff1a,0 12px 26px #00000029}.btn-glass:hover:not(:disabled){background:#ffffff17;border-color:#78ebff2e}.invite-banner--premium{align-items:start;gap:16px;padding:18px;border-radius:24px;background:linear-gradient(135deg,#2fcbff14,#8f73ff24 60%,#ff84d814);border:1px solid rgba(120,235,255,.16);box-shadow:0 16px 30px #00000038,inset 0 1px #ffffff14}.invite-banner-title{font-size:clamp(1.16rem,4vw,1.44rem);line-height:1.18;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.glass-inline-action{min-height:44px;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:0 14px 0 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0d;color:#edf7ff;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.glass-inline-action:before{content:"✎";width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#78ebff1f;color:var(--aurora-cyan);font-size:.78rem}.glass-inline-action:hover:not(:disabled){background:#ffffff14;border-color:#78ebff38}.room-ready-card{padding:22px}.room-code-showcase{position:relative;display:grid;justify-items:center;gap:8px;padding:18px 16px;border-radius:26px;background:linear-gradient(180deg,#ffffff0f,#fff0 42%),linear-gradient(135deg,#8f73ff29,#2fcbff24);border:1px solid rgba(120,235,255,.16);overflow:hidden}.room-code-showcase__value{position:relative;z-index:1;font-size:clamp(2.2rem,11vw,3.5rem);letter-spacing:.2em;color:#fbfdff;text-shadow:0 0 22px rgba(120,235,255,.18)}.room-code-showcase__halo{position:absolute;inset:auto;width:10rem;height:10rem;border-radius:50%;background:radial-gradient(circle,#78ebff42,#78ebff00);filter:blur(6px)}.ready-grid{display:grid;gap:14px}.ready-qr-placeholder,.ready-share-card{display:grid;gap:12px;padding:18px;border-radius:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.ready-qr-placeholder{justify-items:center;text-align:center;color:#e2ebffb8}.ready-qr-placeholder svg{width:min(100%,216px);height:auto;border-radius:18px;box-shadow:0 18px 34px #00000038}.ready-share-card__label{color:#dfe9ff9e;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.ready-share-card__value{word-break:break-all;color:#f8fbff;line-height:1.55}.ready-share-card__meta{display:flex;flex-wrap:wrap;gap:8px}.meta-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.meta-pill--status,.status-dot--live{color:var(--aurora-cyan);background:#78ebff1a}.status-dot--live{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px #78ebff1f}.chat-room-shell-v2{display:flex;flex-direction:column;min-height:100dvh}.chat-topbar-glass{position:sticky;top:0;z-index:4;display:grid;gap:14px;padding:calc(env(safe-area-inset-top,0px) + 14px) 12px 14px;margin-inline:-4px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#111629f0,#0a0e1ce0);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.chat-topbar-glass__main,.chat-topbar-meta{display:grid;gap:12px}.chat-topbar-title h2{font-family:var(--font-mono);font-size:1.28rem;letter-spacing:.16em}.chat-topbar-presence{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#dfe9ffb3;font-size:.86rem}.chat-topbar-divider{color:#dfe9ff57}.chat-topbar-actions{display:flex;gap:8px;flex-wrap:wrap}.chat-topbar-action,.chat-icon-button{min-height:40px;padding:0 14px;border-radius:999px;cursor:pointer}.chat-topbar-action:hover:not(:disabled),.chat-icon-button:hover:not(:disabled),.composer-options-button--premium:hover:not(:disabled),.language-sheet__close:hover:not(:disabled){background:#ffffff1a;border-color:#78ebff2e}.chat-topbar-action--danger{color:#ffd0d0}.chat-topbar-me{display:flex;align-items:center;gap:12px}.chat-topbar-me p{font-weight:700}.chat-topbar-me span{color:#dfe9ffb3;font-size:.84rem}.avatar-orb{width:48px;height:48px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8f73ffe6,#2fcbffe0);color:#07111d;font-weight:800;box-shadow:inset 0 1px #ffffff3d,0 12px 22px #2fcbff29}.participant-list--compact{gap:8px}.participant-pill--premium{background:#ffffff0d;border-color:#ffffff14;color:#ecf3ffcc}.participant-pill--premium strong{color:var(--aurora-cyan)}.message-thread-panel--premium{padding:16px 6px 10px;animation-delay:.12s}.message-thread--premium{gap:10px;padding-bottom:18px}.message-empty--premium{border:1px dashed rgba(120,235,255,.14);background:#070a147a;color:#dfe9ffbd}.message-empty__eyebrow{display:block;margin-bottom:6px}.message-bubble--premium{background:linear-gradient(180deg,#ffffff0d,#fff0 26%),linear-gradient(180deg,#111929f5,#0b101dfa);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 28px #0000002e,inset 0 1px #ffffff0d}.message-bubble--self.message-bubble--premium{background:linear-gradient(180deg,#ffffff14,#fff0 26%),linear-gradient(180deg,#38688afa,#1f4864fa);border-color:#78ebff29;box-shadow:0 14px 28px #040e1c3d,inset 0 1px #ffffff14}.message-translation--premium{font-size:.98rem;line-height:1.5}.message-note--premium{border:1px solid rgba(255,217,61,.18);background:linear-gradient(180deg,#ffd93d1f,#ffd93d0f)}.message-original-toggle{border:none;background:transparent;color:var(--aurora-cyan);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:0;cursor:pointer}.message-original-inline{color:#e7eeffad;font-size:.85rem;line-height:1.45}.message-footer--premium{color:#dfe9ff8f}.composer-dock{position:sticky;bottom:0;z-index:4;display:grid;gap:10px;padding:0 4px calc(env(safe-area-inset-bottom,0px) + 14px);animation-delay:.2s}.composer-options-popover--premium{margin:0 0 0 4px;padding:12px;border-radius:22px;background:#0a0f1cf0;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 34px #00000047}.chat-composer-shell--premium{grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:8px;border-radius:28px;background:linear-gradient(180deg,#ffffff12,#fff0 24%),linear-gradient(180deg,#0f1424f5,#080c18fa);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 34px #00000038,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chat-composer-input--premium{padding:10px 0;border:none;background:transparent;box-shadow:none}.chat-composer-input--premium:focus{border:none;box-shadow:none}.composer-options-button--premium{width:44px;height:44px;border-radius:16px;font-size:1rem;cursor:pointer}.composer-options-button--active{background:#8f73ff2e;border-color:#8f73ff3d}.composer-send--premium{width:auto;min-width:60px;height:44px;border-radius:16px;padding:0 16px;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.error-banner--floating{position:fixed;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#3d0e19db;border-color:#ff6b6b5c;box-shadow:0 18px 32px #00000047}@keyframes aurora-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(16px,-24px,0) scale(1.06)}to{transform:translate3d(-18px,18px,0) scale(.96)}}@keyframes premium-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(min-width:720px){.room-ready-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.ready-grid{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:stretch}.chat-topbar-glass__main{grid-template-columns:minmax(0,1fr) auto;align-items:start}.chat-topbar-meta{grid-template-columns:minmax(0,1fr) auto;align-items:center}}@media(max-width:420px){.hero-copy-block,.premium-lobby-panel,.room-ready-copy{gap:16px}.chat-hero-subtitle,.room-ready-subtitle,.chat-lobby-footnote--premium,.helper-copy{max-width:100%;overflow-wrap:anywhere}.lux-toggle-card,.composer-setting-row{gap:12px;padding:15px 16px}}@media(min-width:900px){.chat-lobby-hero-card{grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);align-items:center;gap:32px}.chat-hero-title,.room-ready-title{font-size:clamp(3.3rem,6vw,4.9rem)}.premium-lobby-panel,.room-ready-card{padding:28px}.invite-banner--premium{grid-template-columns:minmax(0,1fr) auto;align-items:center}.chat-topbar-glass{padding-inline:18px}.message-thread-panel--premium{padding-inline:12px}.composer-dock{padding-inline:10px}}@media(prefers-reduced-motion:reduce){.aurora-orb,.hero-copy-block,.premium-lobby-panel,.premium-lobby-panel>*,.room-ready-copy,.room-code-showcase,.room-ready-actions,.ready-grid,.chat-topbar-glass,.message-thread-panel--premium,.composer-dock{animation:none;opacity:1;transform:none}.segmented-toggle__pill,.switch,.switch__thumb,.btn-premium,.btn-premium:before,.composer-send--premium,.composer-send--premium:before{transition:none}}.typing-indicator{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;margin:0 10px 6px;border-radius:12px;background:#ffffff0a;color:#f0f0ffb8;font-size:.8rem;animation:fadeInUp .25s ease both}.typing-dots{display:inline-flex;gap:3px;align-items:center}.typing-dots span{width:5px;height:5px;border-radius:50%;background:#7bc8ff;animation:typingBounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-4px);opacity:1}}.chat-room-stage{transition:opacity .3s ease,transform .3s ease}.message-empty--premium{display:grid;gap:10px;place-items:center;padding:28px 20px;border-radius:20px;background:#070a1259;border:1px solid rgba(255,255,255,.04)}.message-empty__eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7bc8ff}.message-empty__icon{font-size:2.2rem;opacity:.85}:root{--telegram-bg: #17212b;--telegram-surface: #1f2c39;--telegram-surface-2: #223242;--telegram-border: rgba(255, 255, 255, .08);--telegram-blue: #4ea4f6;--telegram-blue-strong: #3390ec;--telegram-text-soft: #9fb1c4}html,body,#root{min-height:100%;background:var(--telegram-bg)}body{background:radial-gradient(circle at top,rgba(78,164,246,.12),transparent 32%),linear-gradient(180deg,#213040,#17212b)}.app.app--prototype{width:min(100%,860px);max-width:860px;min-height:100dvh;padding-inline:0}.chat-prototype-page{min-height:100dvh;gap:0;overflow-x:hidden;padding:0 0 calc(env(safe-area-inset-bottom,0px) + 16px)}.chat-prototype-page--room{padding-bottom:0}.chat-prototype-page>:not(.telegram-bg){position:relative;z-index:1}.telegram-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.telegram-bg__glow{position:absolute;width:24rem;height:24rem;border-radius:50%;filter:blur(40px);opacity:.55}.telegram-bg__glow--top{top:-12rem;right:-8rem;background:#3390ec33}.telegram-bg__glow--bottom{bottom:-14rem;left:-10rem;background:#4ea4f61f}.telegram-bg__grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent 92%)}.aurora-bg{display:none}.chat-lobby-shell-v2,.room-ready-shell,.chat-room-stage{min-height:100dvh;display:block}.chat-lobby-hero-card,.room-ready-card{display:grid;gap:14px;width:min(100%,100%)}.chat-lobby-shell-v2,.room-ready-shell{padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 0}.chat-room-stage{background:linear-gradient(180deg,#151f29f5,#17212bfa)}.surface-card--heroic,.premium-lobby-panel,.room-ready-card,.ready-qr-placeholder,.ready-share-card,.composer-options-popover--premium{background:#1f2c39f0;border:1px solid var(--telegram-border);box-shadow:0 10px 24px #0000002e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.surface-card--heroic:before,.room-code-showcase__halo,.btn-premium:before,.composer-send--premium:before{display:none}.chat-appbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-appbar--lobby{padding:6px 2px 4px}.chat-appbar__brand{display:flex;align-items:center;gap:10px;min-width:0}.chat-appbar__brand strong{display:block;color:#f5fbff;font-size:.96rem}.chat-appbar__brand span:last-child{color:var(--telegram-text-soft);font-size:.78rem}.chat-appbar__logo,.chat-appbar__button,.chat-appbar__status{width:36px;height:36px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.chat-appbar__logo{background:#3390ec2e;color:#8fd0ff;font-weight:800}.chat-appbar__button{border:1px solid var(--telegram-border);background:#ffffff0a;color:#eff6fb;cursor:pointer}.chat-appbar__center{min-width:0;flex:1;display:grid;gap:2px;text-align:center}.chat-appbar__center strong{color:#f6fbff;font-family:var(--font-mono);font-size:.95rem;letter-spacing:.12em}.chat-appbar__center span{color:var(--telegram-text-soft);font-size:.78rem;display:inline-flex;justify-content:center;align-items:center;gap:6px}.chat-appbar__actions{display:flex;align-items:center;gap:8px}.hero-copy-block{gap:8px}.eyebrow,.language-trigger__label,.message-empty__eyebrow,.chat-topbar-kicker,.room-code-showcase__label,.ready-share-card__label{color:var(--telegram-blue);font-size:.73rem;letter-spacing:.05em;text-transform:none;text-shadow:none}.chat-hero-title,.room-ready-title{font-size:clamp(1.7rem,7vw,2.5rem);line-height:1.02;letter-spacing:-.03em}.chat-hero-subtitle,.room-ready-subtitle{font-size:.92rem;line-height:1.45;color:#ebf3f9d1;max-width:34rem}.premium-lobby-panel{gap:14px;padding:14px;border-radius:18px}.segmented-toggle{padding:4px;border-radius:14px;background:#111921b3;box-shadow:none}.segmented-toggle__option{padding:10px 12px;border-radius:12px;font-size:.86rem;letter-spacing:0;text-transform:none}.segmented-toggle__option.is-active{color:#0d1822}.segmented-toggle__pill{top:4px;bottom:4px;left:4px;width:calc(50% - 6px);border-radius:12px;background:linear-gradient(180deg,#76bcff,var(--telegram-blue-strong));box-shadow:0 6px 18px #3390ec3d}.segmented-toggle__pill--join{transform:translate(calc(100% + 4px))}.invite-banner--premium,.lobby-mode-note,.recognized-room-pill--premium,.lux-toggle-card{padding:12px 14px;border-radius:16px;background:#ffffff09;border:1px solid var(--telegram-border);box-shadow:none}.invite-banner--premium{gap:12px}.invite-banner-title{font-size:1rem;line-height:1.25}.glass-inline-action{min-height:36px;padding:0 10px;border-radius:12px;font-size:.78rem;letter-spacing:0;text-transform:none}.glass-inline-action:before{display:none}.field-chip--premium{letter-spacing:.03em;text-transform:none}.text-input--aurora,.language-trigger{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:#111921b8;box-shadow:none}.text-input--aurora{border-bottom:1px solid rgba(255,255,255,.09)}.text-input--aurora:focus,.language-trigger:hover:not(:disabled){border-color:#4ea4f673;box-shadow:0 0 0 3px #3390ec24;transform:none}.text-input--aurora.text-input--code{letter-spacing:.18em}.language-trigger{gap:12px;padding-block:10px;border-radius:16px}.language-trigger__orb{width:44px;height:44px;font-size:1.3rem;background:linear-gradient(180deg,#76bcffeb,#3390eceb);box-shadow:none}.language-trigger__value{font-size:.97rem}.language-trigger__meta{display:none}.language-sheet{border-radius:20px 20px 0 0;padding-inline:12px;background:#1f2c39}.language-sheet__header h3{font-size:1.08rem}.language-chip,.language-list__item,.language-sheet__toggle{border-radius:14px;background:#ffffff0a}.switch--on{background:linear-gradient(180deg,#76bcff,var(--telegram-blue-strong));box-shadow:none}.btn-premium{background:linear-gradient(180deg,#5eb5ff,var(--telegram-blue-strong));color:#fff;box-shadow:0 10px 22px #3390ec47}.btn-premium:hover:not(:disabled),.btn-glass:hover:not(:disabled){transform:none;filter:none}.btn-glass{background:#ffffff0a;box-shadow:none}.lobby-cta-stack .btn-premium,.room-ready-actions .btn-premium{order:-1}.room-ready-card{padding:14px;border-radius:18px}.room-code-showcase{justify-items:start;gap:6px;padding:14px;border-radius:16px;background:#3390ec14;border-color:#4ea4f633}.room-code-showcase__value{font-size:clamp(1.9rem,10vw,2.6rem);letter-spacing:.16em;text-shadow:none}.room-ready-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.room-ready-actions .btn:last-child{grid-column:1 / -1}.ready-grid{gap:12px}.ready-qr-placeholder,.ready-share-card{padding:14px;border-radius:16px}.ready-qr-placeholder{overflow:visible}.ready-qr-placeholder svg{display:block;width:min(100%,216px);max-width:100%;height:auto;border-radius:14px;box-shadow:none}.chat-room-shell-v2{min-height:100dvh;background:transparent}.chat-topbar-glass{position:sticky;top:0;z-index:4;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 10px;margin:0;border-bottom:1px solid var(--telegram-border);background:#17212beb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chat-room-context-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-topbar-me{min-width:0;gap:10px}.avatar-orb{width:38px;height:38px;background:linear-gradient(180deg,#78bcff,var(--telegram-blue-strong));color:#0d1822;box-shadow:none}.chat-topbar-me p{font-size:.9rem}.chat-topbar-me span{color:var(--telegram-text-soft);font-size:.77rem}.translation-chip{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border-radius:999px;background:#3390ec1a;border:1px solid rgba(78,164,246,.18);color:#dff1ff;font-size:.77rem}.translation-chip strong{white-space:nowrap;color:#f6fbff;font-size:.76rem}.chat-room-menu{position:relative}.chat-room-menu__popover{position:absolute;top:calc(100% + 8px);right:0;display:grid;gap:4px;min-width:9.5rem;padding:6px;border-radius:14px;border:1px solid var(--telegram-border);background:#1f2c39fa;box-shadow:0 12px 28px #00000038}.chat-room-menu__item{border:none;background:transparent;color:#eef6fb;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer}.chat-room-menu__item:hover:not(:disabled){background:#ffffff0d}.chat-room-menu__item--danger{color:#ffb8b8}.message-thread-panel--premium{padding:10px 10px 8px;background:transparent;border:none;box-shadow:none}.message-thread--premium{gap:8px;padding-bottom:10px}.message-sender-line{gap:6px;padding-inline:8px}.message-sender-name{color:#86c6ff;font-size:.75rem}.message-sender-route,.message-original-toggle,.message-footer{letter-spacing:0;text-transform:none}.message-bubble{max-width:min(88%,32rem);padding:8px 10px 7px;border-radius:16px 16px 16px 6px}.message-bubble--premium{background:#1f2c39fa;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 14px #0000001f}.message-bubble--self.message-bubble--premium{background:linear-gradient(180deg,#4ea4f6,#3390ec);border-color:#ffffff14}.message-translation--premium{font-size:.95rem;line-height:1.42}.message-note--premium{font-size:.8rem;border-radius:10px}.message-empty--premium{gap:6px;padding:18px 16px;border-radius:16px;border-style:solid;border-color:#ffffff0f;background:#ffffff08}.message-empty__icon{display:none}.message-empty__hint{color:var(--telegram-text-soft);font-size:.88rem}.typing-indicator{margin:0 10px 2px;border-radius:999px;background:#ffffff0a}.composer-dock{gap:8px;padding:0 10px calc(env(safe-area-inset-bottom,0px) + 10px);background:linear-gradient(180deg,#17212b00,#17212bf0 28%)}.composer-options-popover--premium{margin:0 44px 0 0;padding:10px;border-radius:16px}.chat-composer-shell--premium{grid-template-columns:40px minmax(0,1fr) 40px;align-items:end;gap:8px;padding:6px;border-radius:20px;background:#1f2c39fa;border:1px solid var(--telegram-border);box-shadow:0 8px 18px #00000029}.chat-composer-input--premium{padding:8px 2px;min-height:40px;color:#f2f7fb}.chat-composer-input--premium::placeholder{color:var(--telegram-text-soft)}.composer-options-button--premium,.composer-send--premium{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;padding:0}.composer-options-button--premium{border-color:#ffffff0f;font-size:1.3rem}.composer-send--premium{background:linear-gradient(180deg,#5eb5ff,var(--telegram-blue-strong));box-shadow:0 8px 18px #3390ec47;font-size:1rem}.lobby-cta-stack .btn,.room-ready-actions .btn{min-height:44px}.error-banner--floating{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}@media(min-width:720px){.app.app--prototype{padding-inline:12px}.chat-lobby-shell-v2,.room-ready-shell{padding-inline:0}.chat-lobby-hero-card{grid-template-columns:minmax(0,.92fr) minmax(20rem,1fr);align-items:start;gap:18px;padding-top:10px}.room-ready-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.room-ready-actions .btn:last-child{grid-column:auto}.ready-grid{grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:stretch}}.message-empty__hint{max-width:28ch;color:#f0f0ffb8;font-size:.92rem;line-height:1.45}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.landing{justify-content:center;gap:48px}.landing-hero{text-align:center}.landing-title{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:12px}.logo-icon{font-size:2rem}.landing-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-top:8px}.landing-actions{display:flex;flex-direction:column;gap:16px}.build-time{font-size:.7rem;color:var(--text-secondary);opacity:.5;text-align:center;margin-top:auto;padding-top:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.divider{display:flex;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.create-step{display:flex;flex-direction:column;gap:16px;flex:1}.qr-display{align-items:center;text-align:center}.room-code{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px}.room-code-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.room-code-value{font-family:var(--font-mono);font-size:2.5rem;font-weight:800;letter-spacing:.1em;color:var(--accent)}.qr-container{background:#fff;padding:16px;border-radius:var(--radius-lg);display:inline-block}.qr-hint{color:var(--text-secondary);font-size:.9rem}.waiting-indicator{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem}.pulse-dot{width:10px;height:10px;background:var(--accent);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.join-step{display:flex;flex-direction:column;gap:16px;flex:1}.room-code-input{margin-bottom:8px}.room-code-input label{display:block;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.code-input{width:100%;padding:16px;font-family:var(--font-mono);font-size:1.8rem;font-weight:700;letter-spacing:.15em;text-align:center;text-transform:uppercase;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color .15s ease}.code-input:focus{border-color:var(--accent)}.code-input.invalid{border-color:var(--error)}.code-input:disabled{opacity:.5}.code-hint{display:block;font-size:.8rem;color:var(--text-muted);margin-top:6px;text-align:center}.code-error{display:block;font-size:.8rem;color:var(--error);margin-top:6px;text-align:center}.paired,.error{align-items:center;text-align:center;justify-content:center}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--success);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.error-icon{width:64px;height:64px;border-radius:50%;background:var(--error);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.redirect-hint{color:var(--text-muted);font-size:.85rem}.session{gap:16px}.session-intro{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px}.session-intro p{color:var(--text-secondary);font-size:.95rem}.dual-speaker-grid{display:grid;gap:12px}.speaker-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px}.speaker-card h2{font-size:1rem}.session-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.session-select{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px;font-size:.95rem}.session-meta{color:var(--text-muted);font-size:.82rem}.session-actions{display:flex;flex-direction:column;gap:8px}.session-textarea{width:100%;min-height:86px;resize:vertical;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px;font:inherit}.session-textarea:focus,.session-select:focus{outline:2px solid var(--accent);outline-offset:1px}.session-live{color:var(--success);font-size:.85rem}.session-warning{color:var(--warning);font-size:.9rem}.session-error{color:var(--error);font-size:.9rem}.session-log{flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px}.session-log-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.session-log-header .btn{width:auto;padding:8px 14px;min-height:40px}.session-empty{color:var(--text-muted);font-size:.9rem}.turn{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;background:var(--bg-card);display:flex;flex-direction:column;gap:6px}.turn-a{border-left:4px solid var(--accent)}.turn-b{border-left:4px solid var(--success)}.turn-meta{color:var(--text-muted);font-size:.76rem}.turn-original{color:var(--text-primary);font-size:.95rem}.turn-translated{color:var(--success);font-size:.95rem;font-weight:600}.live-session{padding-bottom:0}.live-session-header{justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border)}.live-session-meta{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--connected{background:var(--success)}.status-dot--connecting{background:var(--warning);animation:pulse 1.2s ease-in-out infinite}.status-dot--disconnected{background:var(--text-muted)}.status-dot--error{background:var(--error)}.status-label{font-size:.8rem;color:var(--text-secondary)}.room-id-badge{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--accent);background:#6c63ff1f;padding:2px 7px;border-radius:var(--radius-full)}.live-session-langs{display:flex;align-items:center;gap:6px}.lang-badge{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:var(--radius-full)}.lang-badge--self{background:#6c63ff2e;color:var(--accent)}.lang-badge--peer{background:#4ecdc42e;color:var(--success)}.lang-separator{color:var(--text-muted);font-size:.85rem}.btn-sm{padding:8px 14px;font-size:.85rem;min-height:36px;width:auto}.peer-left-banner{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-md);color:var(--error);font-size:.9rem;padding:10px 14px;text-align:center;margin-bottom:8px}.orb-wrapper{display:flex;justify-content:center;align-items:center;padding:20px 0 12px;flex-shrink:0}.orb{width:72px;height:72px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);transition:width .25s ease,height .25s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease}.orb--idle{width:72px;height:72px;background:var(--bg-card);border-color:var(--border);box-shadow:none}.orb--speaking{width:96px;height:96px;background:#6c63ff26;border-color:var(--accent);box-shadow:0 0 24px #6c63ff73,0 0 8px #6c63ff4d;animation:orb-speak .9s ease-in-out infinite alternate}.orb--peer{width:88px;height:88px;background:#4ecdc426;border-color:var(--success);box-shadow:0 0 24px #4ecdc466,0 0 8px #4ecdc440;animation:orb-peer 1.2s ease-in-out infinite alternate}@keyframes orb-speak{0%{transform:scale(1);box-shadow:0 0 24px #6c63ff73,0 0 8px #6c63ff4d}to{transform:scale(1.1);box-shadow:0 0 40px #6c63ffa6,0 0 16px #6c63ff73}}@keyframes orb-peer{0%{transform:scale(1);box-shadow:0 0 24px #4ecdc466,0 0 8px #4ecdc440}to{transform:scale(1.08);box-shadow:0 0 36px #4ecdc48c,0 0 14px #4ecdc466}}.live-session-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0 20px;flex-shrink:0}.live-session-error{color:var(--error);font-size:.85rem;text-align:center}.mic-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:80px;height:80px;border-radius:50%;border:2px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mic-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent)}.mic-btn--active{background:#6c63ff33;border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);animation:mic-pulse 1.8s ease-in-out infinite}.mic-btn:disabled{opacity:.4;cursor:not-allowed}.mic-icon{font-size:1.6rem;line-height:1}.mic-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.mic-btn--active .mic-label{color:var(--accent)}@keyframes mic-pulse{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 36px #6c63ff8c}}.btn-test{border-color:var(--accent);opacity:.85}.test-session{height:100dvh;overflow:hidden}.test-session-header{justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:12px}.log-link{font-size:.82rem;color:var(--accent);text-decoration:none;border:1px solid var(--accent);padding:4px 10px;border-radius:var(--radius-full);white-space:nowrap}.log-link:hover{background:#6c63ff1a}.test-setup{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-bottom:20px;flex:1;min-height:0}.test-connecting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary)}.connecting-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.test-status-bar{display:flex;align-items:center;gap:8px;padding:6px 0 10px;border-bottom:1px solid var(--border);flex-shrink:0}.test-ended-reason{font-size:.78rem;color:var(--text-muted);margin-left:auto}.test-transcript{flex:1;min-height:0;overflow-y:auto;padding:12px 0;display:flex;flex-direction:column;gap:10px}.test-transcript-empty{color:var(--text-muted);font-size:.9rem;text-align:center;margin-top:24px}.test-translated-line{font-size:1.1rem;line-height:1.5;color:var(--text-primary);padding:10px 14px;background:var(--bg-card);border-radius:var(--radius-lg);border-left:3px solid var(--accent)}.test-partial-text{font-size:.95rem;color:var(--text-muted);font-style:italic;padding:6px 14px}.test-footer{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0 20px}.test-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.test-error{color:var(--error);font-size:.85rem}.test-log{padding-bottom:0;min-height:100dvh}.test-log-header{justify-content:flex-start;gap:16px;border-bottom:1px solid var(--border);padding-bottom:12px;flex-shrink:0}.log-summary{display:flex;gap:16px;padding:10px 0;flex-wrap:wrap;flex-shrink:0}.log-stat{font-size:.85rem;color:var(--text-secondary)}.log-stat--final strong{color:var(--success)}.log-stat--partial strong{color:var(--accent)}.log-filters{display:flex;gap:8px;padding-bottom:12px;flex-shrink:0;flex-wrap:wrap}.log-filter-btn{padding:5px 12px;font-size:.8rem;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.log-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.log-filter-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.log-empty-state{text-align:center;padding:48px 16px;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-muted)}.log-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:40px}.log-table{border-collapse:collapse;font-size:.78rem;width:100%;min-width:900px}.log-table th{position:sticky;top:0;background:var(--bg-secondary);border-bottom:2px solid var(--border);padding:8px 10px;text-align:left;font-weight:600;color:var(--text-secondary);white-space:nowrap;z-index:1}.log-table td{padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top;max-width:240px}.log-row--committed{background:#4ecdc40f}.log-row--partial{opacity:.65}.log-seq{color:var(--text-muted);font-family:var(--font-mono)}.log-time{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);white-space:nowrap}.log-type{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);white-space:nowrap}.log-text{max-width:200px;word-break:break-word}.log-translated{max-width:200px;word-break:break-word;color:var(--success)}.log-empty{color:var(--text-muted)}.log-expand-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.75rem;padding:2px 4px;border-radius:3px;white-space:nowrap}.log-expand-btn:hover{background:#6c63ff1a}.log-words-table{margin-top:6px;border-collapse:collapse;font-size:.7rem;min-width:260px}.log-words-table th,.log-words-table td{padding:3px 6px;border:1px solid var(--border);text-align:left}.log-words-table th{background:var(--bg-card);color:var(--text-muted);position:static}.log-raw-json{margin-top:6px;font-size:.68rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;max-height:240px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;color:var(--text-secondary)}@media(max-width:360px){.language-grid{grid-template-columns:repeat(2,1fr)}.room-code-value{font-size:2rem}.code-input{font-size:1.4rem}}@media(min-width:768px){.language-grid{grid-template-columns:repeat(4,1fr)}.dual-speaker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing-actions--v2{gap:20px}.mode-card{padding:24px;text-align:left;height:auto;min-height:120px}.mode-card-content{display:flex;align-items:flex-start;gap:16px;width:100%}.mode-icon{font-size:2.5rem;flex-shrink:0}.mode-text{display:flex;flex-direction:column;gap:6px;flex:1}.mode-title{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.mode-desc{font-size:.85rem;font-weight:400;color:var(--text-secondary);line-height:1.4}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:.9rem;padding:12px 20px;width:auto;align-self:center}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.table-mode-entry{gap:24px}.table-mode-intro{text-align:center;padding:24px 16px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border)}.table-mode-icon{font-size:3rem;margin-bottom:12px}.table-mode-intro h2{font-size:1.3rem;font-weight:700;margin-bottom:8px}.table-mode-intro p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.table-mode-setup{display:flex;flex-direction:column;gap:16px;flex:1}.table-mode-hint{text-align:center;color:var(--text-muted);font-size:.85rem;font-style:italic}.table-mode{padding:0;min-height:100dvh;background:var(--bg-primary)}.table-mode-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);background:var(--bg-secondary);position:sticky;top:0;z-index:10}.table-mode-status{display:flex;align-items:center;gap:8px}.status-text{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.status-dot--paused{background:var(--warning);animation:pulse 1.5s ease-in-out infinite}.table-mode-actions{display:flex;gap:8px}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full);font-size:1.2rem;display:flex;align-items:center;justify-content:center;min-height:40px}.btn-stop{background:#ff6b6b33;border-color:var(--error);color:var(--error)}.btn-stop:hover{background:#ff6b6b4d}.table-mode-conversation{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.utterance{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-md);padding:14px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.utterance--live{opacity:.7;border-left-style:dashed}.utterance-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.speaker-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:var(--radius-full);color:#fff}.lang-tag{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.utterance-original{font-size:1rem;color:var(--text-primary);line-height:1.5;margin-bottom:8px}.utterance-translated{font-size:.95rem;color:var(--success);line-height:1.4;padding-top:8px;border-top:1px solid var(--border)}.utterance-translating{font-size:.85rem;color:var(--text-muted);font-style:italic;padding-top:8px;border-top:1px solid var(--border)}.speaker-indicator{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:5}.speaker-orb{width:64px;height:64px;border-radius:50%;animation:speaker-pulse 1.5s ease-in-out infinite;box-shadow:0 0 30px #8781ff80}@keyframes speaker-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.speaker-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1af2;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.pause-icon{font-size:4rem;opacity:.5}.pause-content p{font-size:1.2rem;color:var(--text-secondary)}.error-banner{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-md);color:var(--error);font-size:.9rem;padding:12px 16px;margin:0 16px;display:flex;align-items:center;gap:8px}.error-icon{font-size:1.2rem}