@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--bg-base:#f7f3ee;--bg-soft:#fbf8f4;--bg-elevated:#ffffff94;--bg-glass:#ffffff6b;--bg-glass-strong:#ffffffad;--border-soft:#ffffff8c;--border-glass:#ffffffbf;--border-outline:#beb2a438;--text-primary:#171717;--text-secondary:#5c5a57;--text-tertiary:#8e8a84;--text-on-accent:#fff;--accent-primary:#ff6a3d;--accent-primary-hover:#f45c2d;--accent-primary-soft:#ffe3d8;--accent-primary-glow:#ff6a3d38;--peach-tint:#f6d8cb;--lavender-tint:#eae6f8;--sky-tint:#e9f2ff;--chip-dark:#1f1f21;--chip-dark-soft:#1f1f21eb;--chip-text:#fff;--input-bg:#ffffff9e;--input-border:#beb2a447;--input-placeholder:#9a948e;--shadow-soft:0 8px 30px #2a20160f;--shadow-card:0 12px 40px #2a201614;--shadow-button:0 8px 18px #ff6a3d38;--highlight-top:#ffffffd1;--highlight-bottom:#ffffff2e;--fs-title-xl:34px;--fs-title-lg:22px;--fs-title-md:18px;--fs-body-lg:16px;--fs-body-md:15px;--fs-body-sm:13px;--fs-caption:12px;--radius-xl:28px;--radius-lg:22px;--radius-md:18px;--radius-sm:14px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--ease-premium:cubic-bezier(.2, .8, .2, 1);--transition-ui:.22s var(--ease-premium);--safe-bottom:env(safe-area-inset-bottom,0px);--shell-max:346px;--text:var(--text-primary);--muted:var(--text-secondary);--dark:var(--text-primary);--dark-soft:var(--text-secondary);--accent:var(--accent-primary);--accent-soft:var(--accent-primary-soft);--accent-ink:#5e2414;--surface:var(--bg-elevated);--surface-alt:#fffcf8bf;--line:var(--border-outline);--line-strong:#beb2a452;--success:#28745e;--shadow:var(--shadow-card)}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{min-height:100%}body{color:var(--text-primary);background:radial-gradient(circle at 20% 10%, #f6d8cb38, transparent 28%), radial-gradient(circle at 80% 15%, #eae6f838, transparent 32%), linear-gradient(180deg, var(--bg-soft) 0%, var(--bg-base) 100%);justify-content:center;margin:0;font-family:SF Pro Display,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;display:flex}#root{flex-direction:column;align-items:center;width:100%;max-width:100%;min-height:100dvh;display:flex}.ui-zoom{flex:1 0 auto;justify-content:center;width:100%;display:flex}button,input{font:inherit}.app-shell{width:min(100%,540px);min-height:100dvh;padding:.72rem .78rem max(1rem, calc(var(--safe-bottom) + .75rem));margin:0 auto}.app-shell.has-foot-hint{padding-bottom:max(4.5rem, calc(var(--safe-bottom) + 3.85rem))}@supports (zoom:1){.ui-zoom{zoom:.64}}@supports not (zoom:1){html{font-size:80%}.app-shell{width:min(100%, var(--shell-max))}}.app-shell.session-mode{padding-bottom:max(1rem, calc(var(--safe-bottom) + 6.75rem))}.app-shell.session-mode.has-foot-hint{padding-bottom:max(5.75rem, calc(var(--safe-bottom) + 8.5rem))}.app-legal-footnote{text-align:center;width:100%;color:var(--muted);opacity:.78;margin:.5rem 0 0;padding:0 .15rem;font-size:.68rem;font-weight:500;line-height:1.35}.app-legal-footnote a{color:inherit;border-bottom:1px solid #0000;text-decoration:none;transition:opacity .15s,border-color .15s}.app-legal-footnote a:hover{opacity:1;border-bottom-color:color-mix(in srgb, var(--muted) 55%, transparent)}.topbar,.hero-card,.room-card,.overlay-card,.session-stage{border:1px solid var(--border-glass);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(24px)saturate(140%);border-radius:var(--radius-xl);background:linear-gradient(#ffffff3d,#ffffff0d),radial-gradient(circle at 0 0,#ffffff52,#0000 42%),linear-gradient(165deg,#ffffffbd 0%,#ffffff85 45%,#ffffff70 100%);position:relative}.topbar{z-index:10;align-items:stretch;gap:var(--space-2);padding:var(--space-4) calc(var(--space-4) + 2px);margin-bottom:var(--space-4);flex-direction:column;min-height:88px;display:flex;position:sticky;top:0;overflow:visible}.topbar-primary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.app-shell.session-mode .topbar{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);min-height:0}.app-shell.session-mode .topbar-caption{display:none}.app-shell.session-mode .logo-mark{width:2.45rem;height:2.45rem}.app-shell.session-mode .topbar-actions{flex-wrap:wrap;align-items:center;gap:.42rem;width:100%;display:flex}.topbar-icon-group{align-items:center;gap:.35rem;display:flex}.topbar-icon-button{border:1px solid var(--border-glass);width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:#ffffff6b;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .12s;display:inline-flex}.topbar-icon-button:hover{background:#ffffff9e}.topbar-icon-button.is-active-muted{color:#b91c1c;background:#dc26261f;border-color:#dc262647}.brand-lockup{align-items:center;gap:.62rem;display:flex}.logo-mark{background:linear-gradient(#2a2a2d 0%,#171719 100%);border-radius:16px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 10px 18px #0000001f}button.logo-mark.logo-mark--interactive{cursor:pointer;font:inherit;text-align:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;margin:0;padding:0;transition:transform .12s,filter .15s}button.logo-mark.logo-mark--interactive:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}button.logo-mark.logo-mark--interactive:hover{filter:brightness(1.05)}button.logo-mark.logo-mark--interactive:active{transform:scale(.96)}.logo-core{letter-spacing:.02em;color:var(--chip-text);font-size:22px;font-weight:700}.topbar-title{font-size:var(--fs-title-md);font-weight:600;line-height:var(--lh-tight,1.15);color:var(--text-primary);letter-spacing:-.02em;margin:0}.topbar-beta{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);vertical-align:.12em;font-size:.68em;font-weight:600}.topbar-caption{font-size:var(--fs-caption);color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;margin:2px 0 0;font-weight:500}.topbar-copy .eyebrow{color:var(--text-tertiary)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.7rem}.topbar-status{text-align:right;flex:none}.topbar-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.55rem;width:100%;display:flex}.counter-pill{justify-content:center;align-items:center;gap:var(--space-2);min-width:106px;height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--chip-dark-soft);color:var(--chip-text);letter-spacing:.06em;font-weight:700;font-size:var(--fs-body-lg);font-variant-numeric:tabular-nums;display:inline-flex}.counter-pill.is-out-of-time{color:#dc2626;background:#dc26261f;border:1px solid #dc262640}.counter-pill.is-out-of-time .timer-dot{background:#dc2626;animation:none;box-shadow:0 0 0 3px #dc262626}.state-pill.is-out-of-time{color:#dc2626;font-weight:600}.timer-dot{background:var(--accent-primary);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-primary-glow);border-radius:50%;flex-shrink:0}.state-pill{margin:var(--space-1) 0 0;font-size:var(--fs-body-sm);color:var(--text-tertiary);font-weight:500}.buy-button.is-urgent{animation:1.8s ease-in-out infinite urgent-pulse}@keyframes urgent-pulse{0%,to{box-shadow:0 0 0 2px #f9731640, var(--shadow-button)}50%{box-shadow:0 0 0 7px #f973160f, var(--shadow-button)}}.buy-button,.mute-button,.primary-button,.secondary-button,.pack-choice,.overlay-close,.share-button{border-radius:var(--radius-pill);cursor:pointer;touch-action:manipulation;transition:background-color var(--transition-ui), border-color var(--transition-ui), color var(--transition-ui), transform var(--transition-ui), box-shadow var(--transition-ui), filter var(--transition-ui);border:1px solid #0000}.buy-button:hover,.mute-button:hover,.primary-button:hover,.secondary-button:hover,.pack-choice:hover,.overlay-close:hover,.share-button:hover{transform:translateY(-1px)}.primary-button:active:not(:disabled),.buy-button:active:not(:disabled){transform:scale(.985)}.primary-button:hover,.buy-button:hover{filter:brightness(1.03)}.primary-button{min-height:56px;color:var(--text-on-accent);font-weight:700;font-size:var(--fs-body-lg);background:linear-gradient(#ff7b4d 0%,#ff6231 100%);border:none;box-shadow:0 10px 24px #ff6a3d3d,inset 0 1px #ffffff47}.primary-button,.secondary-button{min-height:56px;padding:0 var(--space-5);font-weight:700}.secondary-button{color:var(--text-primary);font-weight:600;font-size:var(--fs-body-lg);background:#ffffff7a;border:1px solid #beb2a43d;box-shadow:inset 0 1px #ffffffb8,0 6px 16px #291f150a}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed;filter:none;box-shadow:none;transform:none}.buy-button{background:linear-gradient(180deg, var(--accent-primary) 0%, #e85a2c 100%);min-height:52px;color:var(--text-on-accent);font-weight:700;font-size:var(--fs-body-md);box-shadow:var(--shadow-button);border:none;flex:8.5rem;min-width:0;max-width:100%;padding:.62rem .78rem}.mute-button{min-width:0;min-height:52px;color:var(--text-primary);background:#ffffff7a;border:1px solid #beb2a43d;flex:6.5rem;padding:.62rem .78rem;box-shadow:inset 0 1px #ffffffb8,0 6px 16px #291f150a}.app-shell.session-mode .buy-button,.app-shell.session-mode .mute-button,.app-shell.session-mode .leave-room-top{flex:none;width:100%;min-width:0;max-width:none;padding:.78rem .65rem}.mute-button.is-muted{background:var(--chip-dark-soft);color:var(--chip-text);border-color:#0000}.mute-button:disabled{opacity:.48;cursor:not-allowed;transform:none}.hero-card,.room-card,.session-stage{border-radius:var(--radius-xl);padding:var(--space-5) var(--space-5);margin-top:var(--space-4)}.setup-hero{padding:var(--space-6) var(--space-5);border-radius:30px}.setup-hero-inner{max-width:100%}.setup-hero h1{font-size:var(--fs-title-xl);letter-spacing:-.03em;color:var(--text-primary);margin:0;font-weight:700;line-height:1.1}.setup-brand-title{text-align:left;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.55rem;width:100%;display:flex}.setup-brand-title h1{flex:0 auto;margin:0}.setup-brand-logo{flex-shrink:0}.hero-lead{color:var(--text-secondary);font-size:var(--fs-body-lg);margin:10px 0 0;font-weight:500;line-height:1.45}.hero-text,.overlay-text,.compact-text,.session-status{color:var(--muted);line-height:1.48}.free-time-hint{color:var(--text-tertiary);letter-spacing:.01em;margin:14px 0 0;font-size:14px;font-weight:500}.lang-row{align-items:center;gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:1fr auto 1fr;display:grid}.language-select{width:100%;position:relative}.language-select.is-open{z-index:20}.setup-stack-hub .hero-card{z-index:2;position:relative}.setup-stack-hub .room-card{z-index:1;position:relative}.language-trigger{border-radius:var(--radius-md);width:100%;height:56px;color:var(--text-primary);justify-content:space-between;align-items:center;gap:var(--space-2);cursor:pointer;text-align:left;touch-action:manipulation;transition:border-color var(--transition-ui), box-shadow var(--transition-ui);background:#f8f4efe0;border:1px solid #dfd4c8f2;padding:0 18px;font-family:inherit;font-size:16px;font-weight:600;display:flex;box-shadow:0 2px 8px #3c28140f}.language-trigger:hover{border-color:#beb2a48c}.language-trigger:focus-visible{box-shadow:0 0 0 3px var(--accent-primary-glow), 0 2px 8px #3c28140f;border-color:#ff6a3d73;outline:none}.language-trigger-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.language-trigger-chevron{border-right:2px solid var(--text-tertiary);border-bottom:2px solid var(--text-tertiary);opacity:.55;flex-shrink:0;width:8px;height:8px;margin-top:-4px;transform:rotate(45deg)}.language-menu{-webkit-overflow-scrolling:touch;width:100%;max-height:min(260px,52dvh);padding:var(--space-2);z-index:1000;-webkit-backdrop-filter:blur(16px)saturate(130%);background:#fcfaf7f7;border:1px solid #dfd4c8f2;border-radius:16px;margin:0;list-style:none;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 12px 30px #281a0e1f}.language-menu-item{margin:0;padding:0;list-style:none}.language-option{cursor:pointer;color:#2b211c;text-align:left;touch-action:manipulation;background:0 0;border:none;border-radius:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:16px;font-weight:500;transition:background .15s,color .15s;display:block}.language-option:hover{background:#f1e7dc}.language-option[data-selected=true]{background:#e8ddd2;font-weight:600}.language-option:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.swap-button{border-radius:var(--radius-pill);width:40px;height:40px;color:var(--accent-primary);cursor:pointer;touch-action:manipulation;transition:transform var(--transition-ui), box-shadow var(--transition-ui);background:#ffffff73;border:none;place-items:center;padding:0;display:grid;box-shadow:0 6px 16px #ff6a3d24}.swap-button:hover{transform:scale(1.04)}.swap-button:active{transform:scale(.96)}.swap-icon{-webkit-user-select:none;user-select:none;font-size:1.1rem;font-weight:700;line-height:1}.setup-stack-hub{align-items:stretch;gap:var(--space-4);flex-direction:column;display:flex}.setup-stack-hub>.hero-card,.setup-stack-hub>.room-card{margin-top:0}.setup-panel-tile{flex-direction:column;min-height:14.25rem;margin-top:0;display:flex;overflow:visible}.setup-hero.setup-panel-tile .setup-hero-inner{flex-direction:column;flex:1;min-height:0;display:flex;overflow:visible}.setup-hub-central.setup-panel-tile{justify-content:flex-start;min-height:auto}.setup-hub-central.setup-panel-tile .hub-cta-row{margin-top:var(--space-2);padding-top:0}.setup-hub-central{text-align:center;width:100%;max-width:100%}.setup-hero-compact{padding:var(--space-6) var(--space-5)}.setup-hero-compact h1{font-size:clamp(26px, 7vw, var(--fs-title-xl));line-height:1.1}.setup-hero-compact .hero-lead{font-size:var(--fs-body-md)}.hub-cta-row{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.hub-cta-row .primary-button,.hub-cta-row .secondary-button{min-height:56px;padding:0 var(--space-3);font-size:var(--fs-body-lg);font-weight:700}.field-hub.field-tight{margin-top:0}.field{color:var(--dark);margin-top:.62rem;font-size:.88rem;font-weight:700;display:block}.field-tight{margin-top:.65rem}input:not(.glass-input){width:100%;min-height:54px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);margin-top:.32rem;font-size:16px;font-weight:500;box-shadow:inset 0 1px #ffffffb8,0 4px 10px #291f150a}input:not(.glass-input)::placeholder{color:var(--input-placeholder)}input:not(.glass-input):focus{box-shadow:inset 0 1px 0 #ffffffb8, 0 4px 10px #291f150a, 0 0 0 3px var(--accent-primary-glow);border-color:#ff6a3d66;outline:none}.note-inline{color:var(--muted);margin:.75rem 0 0;font-size:.86rem;line-height:1.45}.session-languages{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.session-languages label{margin-bottom:6px;display:block}.participant-avatars{margin-right:var(--space-2);align-items:center;gap:-4px;display:flex}.participant-avatar{border:1.5px solid var(--border-glass);color:#28a745;cursor:default;width:34px;height:34px;transition:transform var(--transition-ui), box-shadow var(--transition-ui);background:#ffffff8c;border-radius:50%;justify-content:center;align-items:center;margin-left:-6px;display:inline-flex;position:relative;box-shadow:0 2px 8px #2a201614}.participant-avatars .participant-avatar:first-child{margin-left:0}.participant-avatar:hover{z-index:2;transform:translateY(-2px);box-shadow:0 4px 14px #2a201624}.participant-avatar:hover:after{content:attr(title);white-space:nowrap;background:var(--chip-dark-soft);color:var(--chip-text);font-size:var(--fs-caption);border-radius:var(--radius-sm);pointer-events:none;z-index:99;padding:4px 10px;font-weight:600;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000002e}.participant-avatar-icon{width:18px;height:18px;display:block}.participant-avatar-dot{background:#28a745;border:2px solid #fff;border-radius:50%;width:9px;height:9px;animation:2.4s ease-in-out infinite presence-pulse;position:absolute;bottom:1px;right:1px;box-shadow:0 0 0 1px #28a7454d}@keyframes presence-pulse{0%,to{box-shadow:0 0 0 1px #28a7454d}50%{box-shadow:0 0 0 4px #28a7451f}}.section-head,.session-head{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.session-headside{flex-direction:column;align-items:flex-end;gap:.5rem;max-width:18rem;display:flex}.session-head-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.leave-room-button{border-radius:var(--radius-md);min-height:2.28rem;color:var(--text-secondary);font-weight:600;font-size:var(--fs-body-sm);cursor:pointer;touch-action:manipulation;transition:border-color var(--transition-ui), background var(--transition-ui);background:#ffffff73;border:1px solid #beb2a447;padding:.45rem .72rem;box-shadow:inset 0 1px #ffffffa6}.leave-room-button:hover{background:#ffffff9e;border-color:#beb2a473}.leave-room-top{display:none}.app-shell.session-mode .leave-room-top{justify-content:center;align-items:center;display:inline-flex}.share-button{min-height:2.35rem;padding:.52rem .72rem;font-size:.82rem;font-weight:700}.overlay-close,.share-button,.conversation-toggle:not(.conversation-toggle-dock){color:var(--text-primary);background:#ffffff6b;border-color:#beb2a447}.share-button:disabled{opacity:.48;cursor:not-allowed;transform:none}.room-code-row{align-items:center;gap:.4rem;margin-top:.12rem;display:flex}.room-code-row .room-code-box{margin:0}.room-code-copy{border-radius:var(--radius-sm);border:1px solid var(--border-glass);width:2.35rem;height:2.35rem;color:var(--text-primary);cursor:pointer;background:#ffffff73;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.room-code-copy:hover{background:#ffffffa6}.session-room h2{color:var(--dark);margin:.12rem 0 0;font-size:1.22rem}.room-lang-pair{color:var(--text-tertiary);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;margin:.22rem 0 0;font-size:.72rem;overflow:hidden}.room-code-box.is-room-code,.room-code-input{text-transform:uppercase;letter-spacing:.12em;font-variant-numeric:tabular-nums}.room-code-inline{letter-spacing:.1em;font-variant-numeric:tabular-nums;font-weight:800}.room-badge{background:var(--accent-soft);max-width:10rem;color:var(--accent-ink);border:1px solid #ffc5b2;border-radius:999px;justify-content:center;align-items:center;padding:.48rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.session-toolbar{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;margin-top:.85rem;display:grid}.recording-chip{border-radius:var(--radius-pill);min-height:2.35rem;font-size:var(--fs-body-sm);border:1px solid var(--border-glass);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);background:#ffffff80;align-items:center;gap:.42rem;padding:.48rem .68rem;font-weight:600;display:inline-flex}.recording-chip.is-live{background:var(--accent-soft);color:var(--accent-ink);border-color:#ffc5b2}.recording-chip.is-muted{background:var(--surface-alt);color:var(--muted)}.recording-dot{background:#b6aea2;border-radius:50%;width:.68rem;height:.68rem}.recording-chip.is-live .recording-dot{background:var(--accent);box-shadow:0 0 0 6px #ff6a3d24}.recording-chip.is-live.is-speaking{border-color:var(--accent);box-shadow:0 0 0 3px #ff6a3d47,0 0 18px #ff6a3d38}.mic-meter{border-radius:var(--radius-pill);border:1px solid var(--border-outline);background:#ffffff73;height:.72rem;position:relative;overflow:hidden}.mic-meter-fill{border-radius:inherit;background:var(--dark);width:8%;height:100%;transition:width 75ms linear;display:block}.mic-meter.is-hot .mic-meter-fill{background:linear-gradient(90deg,#ff6a3d 0%,#ffb347 100%);box-shadow:0 0 12px #ff6a3d59}.conversation-toggle{touch-action:manipulation;border-radius:var(--radius-md);cursor:pointer;border-style:solid;border-width:1px;min-height:2.4rem;padding:.55rem .78rem;font-size:.84rem;font-weight:800}.conversation-toggle-dock{width:100%;margin-top:var(--space-4);min-height:56px;padding:0 var(--space-5);border-radius:var(--radius-pill);font-size:var(--fs-body-lg);letter-spacing:-.01em;transition:background-color var(--transition-ui), border-color var(--transition-ui), color var(--transition-ui), transform var(--transition-ui), box-shadow var(--transition-ui), filter var(--transition-ui);font-weight:700}.conversation-toggle-dock:not(.is-live){color:var(--text-on-accent);background:linear-gradient(#ff7b4d 0%,#ff6231 100%);border:none;box-shadow:0 10px 24px #ff6a3d3d,inset 0 1px #ffffff47}.conversation-toggle-dock:not(.is-live):hover{filter:brightness(1.03)}.conversation-toggle-dock:not(.is-live):active:not(:disabled){transform:scale(.985)}.conversation-toggle.is-live{background:var(--chip-dark-soft);color:var(--chip-text);border-color:#0000}.conversation-toggle.is-speaking:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 3px #ffb48c8c,0 0 22px #ff78506b}.conversation-toggle.is-live.is-speaking:not(:disabled){filter:brightness(1.14);box-shadow:0 0 0 4px #ffc8aa80,0 0 28px #ff8c647a}.conversation-toggle:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.app-prompt-info-slot{max-width:28rem;margin:0 auto;padding:0 .85rem}.app-shell:not(.session-mode) .app-prompt-info-slot{margin-top:.35rem}.realtime-prompt-info{color:#ebf5faeb;background:#0f283738;border:1px solid #78b4d247;border-radius:12px;margin:.45rem 0 .35rem;padding:.5rem .62rem;font-size:.72rem;line-height:1.45}.realtime-prompt-info-title{letter-spacing:.04em;text-transform:uppercase;color:#b4dcf0f2;margin:0 0 .35rem;font-size:.68rem;font-weight:600}.realtime-prompt-info-list{margin:0;padding-left:1rem;list-style:outside}.realtime-prompt-info-list li{margin:.2rem 0}.realtime-prompt-info-k{color:#c8e6f5e0;font-weight:600}.realtime-prompt-info-v code{word-break:break-all;font-size:.68rem}.realtime-prompt-info-id{display:inline}.realtime-prompt-info-muted{opacity:.75}.realtime-prompt-info-warn{color:#ffd296f2;margin-left:-1rem;padding-left:0;list-style:none}.realtime-prompt-info-line{margin:0}.session-stage{min-height:0}.app-shell.session-mode .session-stage{border-radius:20px;min-height:auto;margin-top:0;padding:.68rem .72rem}.chat-list{--chat-scroll-rows:5;--chat-row-estimate:5.35rem;--chat-row-gap:.52rem;gap:var(--chat-row-gap);max-height:calc(var(--chat-scroll-rows) * var(--chat-row-estimate) + (var(--chat-scroll-rows) - 1) * var(--chat-row-gap));-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;align-content:start;margin-top:.62rem;padding-right:.2rem;display:grid;overflow:hidden auto}.chat-composer{grid-template-columns:1fr auto;gap:.48rem;margin-top:.55rem;padding-bottom:.1rem;display:grid}.chat-composer-trailing{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.chat-composer-audio{gap:.3rem}.chat-input{margin-top:0;font-size:16px}.chat-send{border-radius:var(--radius-md);min-height:52px;font-size:var(--fs-body-md);color:var(--text-on-accent);box-shadow:var(--shadow-button);cursor:pointer;transition:transform var(--transition-ui), filter var(--transition-ui);background:linear-gradient(#ff7b4d 0%,#ff6231 100%);border:none;padding:0 1rem;font-weight:700}.chat-send:active{transform:scale(.985)}.chat-input:disabled,.chat-send:disabled{opacity:.45;cursor:not-allowed}.prechat-counter{margin:.15rem var(--space-md) 0;color:var(--muted);text-align:right;font-size:.75rem;transition:color .2s}.chat-card{border-radius:var(--radius-md);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(16px)saturate(130%);box-shadow:var(--shadow-soft);background:#ffffff8c;padding:.72rem .85rem}.chat-card-user1{border-left:4px solid var(--dark)}.chat-card-user2{border-left:4px solid var(--line-strong)}.chat-card-system{background:var(--surface-alt);border-left:4px solid var(--line-strong)}.chat-card-translator{background:var(--accent-soft);border:1px solid #ffcbb9;border-left:4px solid var(--accent)}.chat-card-live.chat-card-translator{box-shadow:0 0 0 1px #ff6a3d59}.chat-card-live{border-style:dashed}.chat-card-header{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.chat-role{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;align-items:baseline;gap:.35rem .55rem;font-size:.78rem;display:flex}.chat-role-badge{font-weight:800}.chat-role-name{text-transform:none;letter-spacing:.02em;color:var(--muted);font-size:.78rem;font-weight:600}.chat-card-user1 .chat-role-badge{color:var(--dark)}.chat-card-user2 .chat-role-badge{color:#2b5a7a}.chat-card-translator .chat-role-badge{color:var(--accent-ink);font-weight:800}.chat-card-system .chat-role{color:var(--muted)}.chat-text{color:var(--text);margin:.3rem 0 0;font-size:.9rem;line-height:1.38}.chat-original-toggle{width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-ui), background-color var(--transition-ui);touch-action:manipulation;background:0 0;border:none;border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.chat-original-toggle:hover,.chat-original-toggle.is-open{color:var(--accent-primary);background:var(--accent-primary-soft)}.chat-original-text{color:var(--text-tertiary);border-left:2px solid var(--border-outline);margin:.35rem 0 0;padding:.35rem .55rem;font-size:.78rem;font-style:italic;line-height:1.45}.chat-translated-text{color:var(--muted);border-left:2px solid var(--accent);flex-wrap:wrap;align-items:baseline;gap:.35rem .4rem;margin:.3rem 0 0;padding:.3rem .55rem;font-size:.85rem;line-height:1.5;display:flex}.chat-translated-arrow{color:var(--accent);flex-shrink:0;font-size:.75rem}.chat-lang-tag{color:var(--text-tertiary);font-size:.72rem}.peer-speaking-indicator{border-radius:var(--radius-pill);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);font-size:var(--fs-body-sm);color:var(--text-secondary);background:#ffffff8c;align-items:center;gap:.5rem;margin:.35rem 0 0;padding:.42rem .85rem;font-weight:500;animation:.15s fade-in;display:flex}.speaking-wave{background:var(--accent,#f97316);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:.85s ease-in-out infinite speaking-pulse;display:inline-block}@keyframes speaking-pulse{0%,to{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}.app-foot-hint{z-index:6;padding:.55rem 1rem max(.55rem, var(--safe-bottom));border-top:1px solid var(--border-glass);color:var(--text-secondary);font-size:var(--fs-body-sm);text-align:center;-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#fffcf8d1;margin:0;font-weight:600;line-height:1.4;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #2a20160f}.overlay{z-index:1000;padding:max(.72rem, env(safe-area-inset-top,0px)) max(.72rem, env(safe-area-inset-right,0px)) max(.72rem, env(safe-area-inset-bottom,0px)) max(.72rem, env(safe-area-inset-left,0px));-webkit-overflow-scrolling:touch;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1a1852;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay.hidden,.hidden{display:none!important}.overlay-card{-webkit-overflow-scrolling:touch;border-radius:var(--radius-xl);width:min(100%,420px);max-height:min(90dvh,100vh - 3rem);padding:var(--space-5);border:1px solid var(--border-glass);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(28px)saturate(145%);background:linear-gradient(#ffffffbf 0%,#ffffff85 100%);flex-shrink:0;margin:auto;overflow-y:auto}.overlay-card h2{font-size:var(--fs-title-lg);color:var(--text-primary);letter-spacing:-.02em;margin:.35rem 0 0;font-weight:700}.overlay-name-field{width:100%;margin-top:1rem}.overlay-actions-row{align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.overlay-close{width:100%;margin-top:.62rem;padding:.72rem .82rem}.overlay-close-inline{font-size:var(--fs-body-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.4rem .6rem}.overlay-close-inline:hover{color:var(--text-primary)}.join-error-banner{border-radius:var(--radius-sm);color:#dc2626;font-size:var(--fs-body-sm);background:#dc26261a;border:1px solid #dc26264d;margin:.75rem 0 0;padding:.55rem .9rem;font-weight:500;line-height:1.4}.pack-list{gap:.72rem;margin-top:1rem;display:grid}.pack-choice{width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);text-align:left;color:var(--text-primary);border:1px solid var(--border-glass);background:#ffffff8c;justify-content:space-between;align-items:center;gap:.8rem;display:flex;box-shadow:inset 0 1px #ffffffa6,0 6px 16px #291f150d}.pack-choice:hover{background:#ffffffb8;border-color:#ff6a3d59}.pack-title{font-size:.95rem;font-weight:800}.pack-caption{color:var(--muted);font-size:.78rem}.room-ready-code-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.room-ready-code-text{flex:auto;min-width:min(100%,10rem)}.room-ready-hint{margin:var(--space-2) 0 0;font-size:var(--fs-caption);color:var(--text-tertiary);font-weight:500;line-height:var(--lh-relaxed,1.55)}.copy-invite-button{border-radius:var(--radius-pill);border:1px solid var(--border-glass);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--accent-primary);cursor:pointer;touch-action:manipulation;font:inherit;transition:background-color var(--transition-ui), border-color var(--transition-ui), color var(--transition-ui), transform var(--transition-ui);background:#ffffff85;flex-shrink:0;place-items:center;padding:0;display:grid;box-shadow:inset 0 1px #ffffffa6,0 4px 12px #ff6a3d1f}.copy-invite-button:hover{background:#ffffffbf;border-color:#ff6a3d6b}.copy-invite-button:active{transform:scale(.96)}.copy-invite-button.is-done{width:auto;min-width:44px;padding:0 var(--space-3);color:var(--success);border-color:#28745e52}.copy-invite-button.is-failed{color:#b42318;border-color:#b4231847}.copy-invite-button-label{font-size:var(--fs-caption);letter-spacing:.02em;white-space:nowrap;font-weight:700}.copy-invite-icon{display:block}audio{display:none}@media (width<=767px){@supports (zoom:1){body{zoom:1}}.app-shell{width:100%;max-width:none;padding-left:max(.4rem, env(safe-area-inset-left,0px));padding-right:max(.4rem, env(safe-area-inset-right,0px))}}@media (width<=420px){.app-shell:not(.session-mode).has-foot-hint{padding-bottom:max(4.75rem, calc(var(--safe-bottom) + 4rem))}.topbar-actions{flex-direction:column}.buy-button,.mute-button{flex:none;width:100%;max-width:none}.lang-row{text-align:center;grid-template-columns:1fr}.swap-button{margin:.15rem auto}.session-toolbar,.chat-composer{grid-template-columns:1fr}.chat-composer-trailing{justify-content:flex-end;width:100%}.hub-cta-row{grid-template-columns:1fr}.app-shell.session-mode{padding-bottom:max(1.15rem, calc(var(--safe-bottom) + 7.5rem))}.session-head{flex-direction:column;align-items:flex-start}.session-headside{align-items:stretch;width:100%;max-width:none}.app-shell.session-mode .topbar-actions{flex-direction:column;align-items:stretch}.topbar-icon-group{justify-content:center}}@media (width>=768px){.app-shell{width:min(94vw,576px);max-width:704px;padding-left:1.15rem;padding-right:1.15rem}.topbar{border-radius:22px}.hero-card h1{font-size:clamp(1.75rem,2.6vw,2.05rem)}}@media (width>=1024px){.app-shell{width:min(92vw,768px);max-width:832px}.session-head{flex-direction:row;align-items:center}}[data-theme=kinetic]{--bg-base:#0e0e11;--bg-soft:#131316;--bg-elevated:#19191de6;--bg-glass:#1f1f23b8;--bg-glass-strong:#28282ef2;--border-soft:#ffffff0f;--border-glass:#ffffff12;--border-outline:#ff906e26;--text-primary:#f0ede8;--text-secondary:#9b9891;--text-tertiary:#5e5b57;--text-on-accent:#5b1500;--accent-primary:#ff906e;--accent-primary-hover:#ff784e;--accent-primary-soft:#ff906e24;--accent-primary-glow:#ff906e52;--chip-dark:#ff906e;--chip-dark-soft:#19191d;--chip-text:#f0ede8;--input-bg:#131316f2;--input-border:#ff906e2e;--input-placeholder:#5e5b57;--shadow-soft:0 8px 40px #ff906e0f;--shadow-card:0 20px 60px #ff906e14;--shadow-button:0 8px 28px #ff906e52;--radius-xl:3rem;--text:var(--text-primary);--muted:var(--text-secondary);--dark:var(--text-primary);--dark-soft:var(--text-secondary);--accent:#ff906e;--accent-soft:#ff906e24;--accent-ink:#5b1500;--surface:#19191de6;--surface-alt:#1f1f23e0;--line:#ff906e26;--line-strong:#ff906e38;--success:#3dd68c;--shadow:var(--shadow-card);--surface-low:#131316;--surface-mid:#19191d;--surface-high:#1f1f23;--surface-highest:#252529}[data-theme=kinetic] body{background:var(--bg-base);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,sans-serif}[data-theme=kinetic] .topbar,[data-theme=kinetic] .hero-card,[data-theme=kinetic] .room-card,[data-theme=kinetic] .overlay-card,[data-theme=kinetic] .session-stage{border:1px solid var(--border-glass);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px)saturate(160%);background:linear-gradient(160deg,#28282ea6 0%,#19191de0 100%)}[data-theme=kinetic] h1,[data-theme=kinetic] h2,[data-theme=kinetic] .topbar-title,[data-theme=kinetic] .pack-title{letter-spacing:-.02em;font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,sans-serif}[data-theme=kinetic] .setup-hero h1{background:linear-gradient(135deg,#ff906e 0%,#ffd4c4 60%,#f0ede8 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,8vw,2.6rem);font-weight:800}[data-theme=kinetic] .hero-lead{color:var(--text-secondary)}[data-theme=kinetic] .free-time-hint{color:var(--accent-primary);font-weight:600}[data-theme=kinetic] .logo-mark{background:linear-gradient(135deg,#ff906e 0%,#ff5a2c 100%);box-shadow:0 10px 24px #ff906e59}[data-theme=kinetic] .logo-core{color:#5b1500}[data-theme=kinetic] .topbar-title{color:var(--text-primary)}[data-theme=kinetic] .topbar-beta,[data-theme=kinetic] .topbar-caption{color:var(--text-tertiary)}[data-theme=kinetic] .counter-pill{background:var(--surface-high);color:var(--text-primary);border:1px solid var(--border-outline);box-shadow:none}[data-theme=kinetic] .counter-pill.is-out-of-time{color:#ff7f7c;background:#ff7f7c1f;border-color:#ff7f7c40}[data-theme=kinetic] .timer-dot{background:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}[data-theme=kinetic] .state-pill{color:var(--text-tertiary)}[data-theme=kinetic] .primary-button,[data-theme=kinetic] .conversation-toggle-dock:not(.is-live){color:#5b1500;box-shadow:var(--shadow-button);letter-spacing:-.01em;background:linear-gradient(135deg,#ff906e 0%,#ff784e 100%);border:none;font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:800}[data-theme=kinetic] .primary-button:hover,[data-theme=kinetic] .conversation-toggle-dock:not(.is-live):hover{filter:brightness(1.06)}[data-theme=kinetic] .secondary-button{color:var(--text-primary);background:0 0;border:1px solid #ffffff24}[data-theme=kinetic] .secondary-button:hover{background:var(--surface-high);border-color:#ffffff38}[data-theme=kinetic] .buy-button{color:#5b1500;box-shadow:var(--shadow-button);background:linear-gradient(135deg,#ff906e 0%,#ff784e 100%)}[data-theme=kinetic] .mute-button{background:var(--surface-high);color:var(--text-primary);border:1px solid var(--border-glass)}[data-theme=kinetic] .mute-button.is-muted{color:var(--accent-primary);background:#ff906e1f;border-color:#ff906e47}[data-theme=kinetic] .topbar-icon-button{background:var(--surface-high);border-color:var(--border-glass)}[data-theme=kinetic] .topbar-icon-button.is-active-muted{color:var(--accent-primary);background:#ff906e1f;border-color:#ff906e47}[data-theme=kinetic] button.logo-mark.logo-mark--interactive:hover{filter:brightness(1.08)}[data-theme=kinetic] .leave-room-button{border-color:var(--border-outline);color:var(--text-secondary);background:0 0}[data-theme=kinetic] .leave-room-button:hover{background:var(--surface-high)}[data-theme=kinetic] .share-button,[data-theme=kinetic] .overlay-close,[data-theme=kinetic] .conversation-toggle:not(.conversation-toggle-dock){background:var(--surface-high);color:var(--text-primary);border-color:var(--border-glass)}[data-theme=kinetic] .conversation-toggle.is-live{background:var(--surface-highest);color:var(--text-primary);border-color:#0000}[data-theme=kinetic] .conversation-toggle.is-speaking:not(:disabled){border-color:#ff7f7c;box-shadow:0 0 0 3px #ff7f7c66,0 0 28px #ff7f7c40}[data-theme=kinetic] .language-trigger{background:var(--surface-mid);border-color:var(--border-outline);color:var(--text-primary)}[data-theme=kinetic] .language-trigger:hover{border-color:#ff906e59}[data-theme=kinetic] .language-menu{background:var(--surface-high);border-color:var(--border-outline)}[data-theme=kinetic] .language-option{color:var(--text-primary)}[data-theme=kinetic] .language-option:hover{background:var(--surface-highest)}[data-theme=kinetic] .language-option[data-selected=true]{color:var(--accent-primary);background:#ff906e2e}[data-theme=kinetic] .swap-button{color:var(--accent-primary);background:#ff906e1f;border:1px solid #ff906e38;box-shadow:0 4px 14px #ff906e24}[data-theme=kinetic] .room-card{background:linear-gradient(160deg,#1f1f23e6 0%,#131316f2 100%)}[data-theme=kinetic] input:not(.glass-input){background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary);box-shadow:inset 0 1px #ffffff0a}[data-theme=kinetic] input:not(.glass-input):focus{border-color:#ff906e73;box-shadow:inset 0 1px #ffffff0a,0 0 0 2px #ff906e38}[data-theme=kinetic] .chat-card{background:var(--surface-mid);border:1px solid var(--border-glass);-webkit-backdrop-filter:none}[data-theme=kinetic] .chat-card-user1{border-left:3px solid var(--accent-primary)}[data-theme=kinetic] .chat-card-user2{border-left:3px solid #ff906e59}[data-theme=kinetic] .chat-card-system{background:var(--surface-low);border-left:3px solid #ffffff1a}[data-theme=kinetic] .chat-card-translator{border:1px solid #ff906e2e;border-left:3px solid var(--accent-primary);background:#ff906e14}[data-theme=kinetic] .chat-card-user1 .chat-role-badge{color:var(--accent-primary)}[data-theme=kinetic] .chat-card-user2 .chat-role-badge{color:#ff906eb3}[data-theme=kinetic] .chat-text{color:var(--text-primary)}[data-theme=kinetic] .chat-send{color:#5b1500;box-shadow:var(--shadow-button);background:linear-gradient(135deg,#ff906e 0%,#ff784e 100%)}[data-theme=kinetic] .chat-input{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}[data-theme=kinetic] .chat-translated-text{border-left-color:var(--accent-primary);color:var(--text-secondary)}[data-theme=kinetic] .chat-translated-arrow{color:var(--accent-primary)}[data-theme=kinetic] .chat-original-text{border-left-color:var(--border-outline);color:var(--text-tertiary)}[data-theme=kinetic] .chat-original-toggle:hover,[data-theme=kinetic] .chat-original-toggle.is-open{color:var(--accent-primary);background:#ff906e1f}[data-theme=kinetic] .recording-chip{background:var(--surface-high);border-color:var(--border-glass);color:var(--text-secondary)}[data-theme=kinetic] .recording-chip.is-live{color:var(--accent-primary);background:#ff906e1f;border-color:#ff906e47}[data-theme=kinetic] .recording-dot{background:var(--text-tertiary)}[data-theme=kinetic] .recording-chip.is-live .recording-dot{background:var(--accent-primary);box-shadow:0 0 0 6px #ff906e33}[data-theme=kinetic] .recording-chip.is-live.is-speaking{border-color:#ff7f7c;box-shadow:0 0 0 3px #ff7f7c59,0 0 22px #ff7f7c33}[data-theme=kinetic] .mic-meter{border-color:var(--border-outline);background:#ffffff0f}[data-theme=kinetic] .mic-meter-fill{background:var(--text-secondary)}[data-theme=kinetic] .mic-meter.is-hot .mic-meter-fill{background:linear-gradient(90deg,#ff906e 0%,#ff7f7c 100%);box-shadow:0 0 14px #ff906e80}[data-theme=kinetic] .participant-avatar{background:var(--surface-high);border-color:var(--border-glass);color:#3dd68c}[data-theme=kinetic] .participant-avatar-dot{border-color:var(--surface-mid);background:#3dd68c;box-shadow:0 0 0 1px #3dd68c4d}[data-theme=kinetic] .peer-speaking-indicator{background:var(--surface-high);border-color:var(--border-glass);color:var(--text-secondary)}[data-theme=kinetic] .speaking-wave{background:#ff7f7c}[data-theme=kinetic] .app-foot-hint{border-top-color:var(--border-glass);color:var(--text-secondary);background:#0d0d10e0}[data-theme=kinetic] .app-legal-footnote{color:var(--text-secondary);opacity:.55}[data-theme=kinetic] .app-legal-footnote a:hover{border-bottom-color:color-mix(in srgb, var(--text-secondary) 45%, transparent)}[data-theme=kinetic] .overlay{background:#08080a8c}[data-theme=kinetic] .overlay-card{border:1px solid var(--border-glass);background:linear-gradient(160deg,#1f1f23f5 0%,#131316fa 100%);box-shadow:0 40px 80px #ff906e1f}[data-theme=kinetic] .overlay-card h2{color:var(--text-primary);font-family:Plus Jakarta Sans,Inter,sans-serif}[data-theme=kinetic] .pack-choice{background:var(--surface-high);border:1px solid var(--border-glass);color:var(--text-primary)}[data-theme=kinetic] .pack-choice:hover{background:var(--surface-highest);border-color:#ff906e4d}[data-theme=kinetic] .pack-title{font-family:Plus Jakarta Sans,Inter,sans-serif}[data-theme=kinetic] .pack-caption{color:var(--text-tertiary)}[data-theme=kinetic] .copy-invite-button{background:var(--surface-high);border-color:var(--border-outline);color:var(--accent-primary);box-shadow:0 4px 14px #ff906e24}[data-theme=kinetic] .copy-invite-button:hover{background:var(--surface-highest);border-color:#ff906e66}[data-theme=kinetic] .copy-invite-button.is-done{color:#3dd68c;border-color:#3dd68c52}[data-theme=kinetic] .join-error-banner{color:#ff7f7c;background:#ff7f7c1a;border-color:#ff7f7c47}[data-theme=kinetic] .overlay-close-inline{color:var(--text-tertiary)}[data-theme=kinetic] .overlay-close-inline:hover{color:var(--text-primary)}[data-theme=kinetic] .room-lang-pair{color:var(--text-tertiary)}[data-theme=kinetic] .eyebrow{color:var(--accent-primary);letter-spacing:.12em}[data-theme=kinetic] .session-room h2{color:var(--text-primary)}