@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--bg:#f3f8f7;--bg-accent:#d8efe9;--surface:#fff;--surface-2:#e8f3f0;--border:#c5ddd6;--border-strong:#9bc4b8;--text:#14332e;--muted:#5a736d;--primary:#0f766e;--primary-hover:#0d5f59;--on-primary:#fff;--listen:#0d9488;--think:#b45309;--speak:#0f766e;--danger:#b91c1c;--danger-soft:#fef2f2;--focus:#0f766e;--radius:18px;--radius-sm:12px;--shadow:0 1px 2px #14332e0a, 0 12px 32px #14332e0f;--font-display:"Fraunces", Georgia, serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);font-family:var(--font-body);background:radial-gradient(1200px 700px at 10% -20%, var(--bg-accent) 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #0f766e14 0%, transparent 45%), linear-gradient(180deg, #f7fbfa 0%, var(--bg) 40%, #eef6f3 100%);background-attachment:fixed;margin:0;font-size:1rem;line-height:1.55}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .35rem;font-weight:600;line-height:1.2}h1{font-size:clamp(1.75rem,4vw,2.15rem)}h2{font-size:1.2rem}.muted{color:var(--muted);margin:0}.lede{color:var(--muted);max-width:36ch;margin:.35rem 0 0;font-size:1.02rem}.error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);border:1px solid #b91c1c33;margin:.85rem 0 0;padding:.7rem .85rem;font-size:.9rem}.app{max-width:920px;min-height:100%;margin:0 auto;padding:1.25rem 1.25rem 3.5rem}.practice-home{place-items:center;min-height:calc(100dvh - 8rem);padding:1rem 0 2rem;display:grid}.practice-home-panel{text-align:left;width:100%;max-width:440px}.practice-home-panel .lede{max-width:none;margin-top:.55rem}.practice-home-hints{color:var(--muted);gap:.45rem;margin:1.25rem 0 1.5rem;padding-left:1.15rem;font-size:.95rem;line-height:1.55;display:grid}.practice-home-panel .btn-call{width:100%}.session-page{min-height:calc(100dvh - .5rem)}.app-session{max-width:720px;margin:0 auto;padding:.75rem 1rem 1.25rem}.app-session .app-main{min-height:calc(100dvh - 1.5rem)}.app-call{max-width:720px;min-height:100%;margin:0 auto;padding:1rem 1rem 2rem}.app-call .call-layout{min-height:calc(100dvh - 2rem)}.call-layout{grid-template-rows:auto minmax(7.5rem,.95fr) minmax(0,1.15fr);gap:.75rem;min-height:calc(100dvh - 1.5rem);display:grid}.session-chrome{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.5rem;display:flex}.session-status{text-align:left;margin:0;font-size:clamp(1.05rem,2.8vw,1.25rem)}.btn-icon-end{width:2.5rem;height:2.5rem;color:var(--danger);cursor:pointer;background:#ffffffeb;border:1px solid #b91c1c38;border-radius:999px;flex-shrink:0;place-items:center;transition:background .18s,border-color .18s,transform .16s;display:inline-grid}.btn-icon-end:hover{background:var(--danger-soft);border-color:#b91c1c66}.btn-icon-end:focus-visible{outline:2px solid var(--danger);outline-offset:2px}.btn-icon-end:active{transform:scale(.96)}.call-stage{text-align:center;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;align-items:center;gap:.35rem;min-height:0;padding:.35rem .5rem .75rem;animation:.36s ease-out both rise-in;display:flex;overflow:visible}.ada-frame{flex:auto;width:min(100%,340px);height:min(42dvh,320px);max-height:340px;margin:0 auto;position:relative;overflow:visible}.ada-stage{width:100%;height:100%}.ada-fallback{place-items:center;width:100%;height:100%;display:grid}.ada-fallback-glow{background:radial-gradient(circle,#14b8a659,#0000 70%);border-radius:50%;width:7rem;height:7rem;animation:2.4s ease-in-out infinite breathe}.session-error{margin-top:.35rem}.status-label{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:600}.btn-call{min-width:11.5rem;padding:.85rem 1.4rem}.call-wrapup{place-items:center;min-height:calc(100dvh - 8rem);padding:1rem 0;display:grid}.wrapup-panel{text-align:left;width:100%;max-width:440px}.wrapup-panel .lede{max-width:none;margin-top:.55rem}a.btn-ghost{text-align:center;text-decoration:none;display:inline-block}a.btn-ghost:hover{text-underline-offset:3px;text-decoration:underline}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-panel,.call-stage,.panel{animation:.32s ease-out both rise-in}@media (prefers-reduced-motion:reduce){.ada-fallback-glow,.auth-panel,.call-stage,.panel{animation:none!important}}.transcript-dock{border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;flex-direction:column;min-height:0;padding:.75rem .9rem;animation:.38s ease-out both rise-in;display:flex}.topbar{align-items:center;gap:1rem;padding:.35rem 0 1.25rem;display:flex}.app-main{min-height:0}.topbar nav{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border-radius:999px;gap:.25rem;margin-left:auto;padding:.2rem;display:flex}.topbar nav a{color:var(--muted);border-radius:999px;padding:.45rem .95rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .18s,background .18s}.topbar nav a:hover{color:var(--text)}.topbar nav a.active{color:var(--on-primary);background:var(--primary)}.topbar-logout{margin-left:.35rem}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);align-items:center;gap:.55rem;font-size:1.2rem;font-weight:600;display:flex}.brand-mark{background:linear-gradient(145deg, #14b8a6 0%, var(--primary) 100%);border-radius:.55rem;flex-shrink:0;width:1.65rem;height:1.65rem;position:relative;box-shadow:0 6px 16px #0f766e47}.brand-mark:after{content:"";background:#ffffffe6;border-radius:999px;position:absolute;inset:28% 30% 38%}.brand-hero{flex-direction:column;align-items:flex-start;gap:.85rem;margin-bottom:1.75rem}.brand-hero .brand-word{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-size:clamp(2.4rem,8vw,3.2rem);font-weight:700;line-height:1}.stack{flex-direction:column;gap:1.15rem;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.35rem 1.4rem}.panel-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.35rem;display:flex}.panel-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin:0 0 .35rem;font-size:.78rem;font-weight:600}.auth-shell{place-items:center;min-height:100%;padding:2rem 1.25rem 3rem;display:grid}.auth-panel{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);width:100%;max-width:420px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;padding:2rem 1.65rem 1.75rem}.auth-panel .lede{max-width:none}form{flex-direction:column;margin-top:1.5rem;display:flex}label{color:var(--text);margin-bottom:.35rem;font-size:.85rem;font-weight:600}input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);margin-bottom:1rem;padding:.75rem .9rem;font-family:inherit;font-size:1rem;transition:border-color .16s,box-shadow .16s}input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0f766e2e}button{font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.btn{border-radius:var(--radius-sm);border:none;padding:.8rem 1.25rem;font-size:.98rem;font-weight:600;transition:background .16s,transform .16s,box-shadow .16s}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 8px 20px #0f766e38}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-end{color:var(--danger);background:#fff;border:1px solid #b91c1c47}.btn-end:hover:not(:disabled){background:var(--danger-soft)}.btn-ghost{color:var(--primary);background:0 0;border:none;padding:.5rem .25rem;font-size:.92rem;font-weight:600}.btn-ghost:hover:not(:disabled){color:var(--primary-hover);text-underline-offset:3px;text-decoration:underline}.auth-switch{text-align:center;width:100%;margin-top:1.15rem}.language-grid{grid-template-columns:1fr;gap:.65rem;margin-top:1.5rem;display:grid}@media (width>=420px){.language-grid{grid-template-columns:1fr 1fr}}.language-option{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);text-align:left;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.95rem 1rem;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.language-option:hover:not(:disabled){border-color:var(--primary);background:#fff;box-shadow:0 6px 18px #0f766e1a}.language-option:focus-visible{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0f766e2e}.language-native{font-family:var(--font-display);font-size:1.15rem;font-weight:600;line-height:1.2}.language-label{color:var(--muted);font-size:.82rem;font-weight:500}.onboarding-actions{flex-direction:column;align-items:stretch;gap:.65rem;margin-top:1.5rem;display:flex}.onboarding-actions .btn-primary{width:100%}.onboarding-actions .btn-ghost{text-align:center}.transcript-empty{margin:0;font-size:.92rem}.transcript{scroll-behavior:smooth;flex-direction:column;flex:auto;gap:.65rem;min-height:0;max-height:none;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 12px calc(100% - 8px),#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12px calc(100% - 8px),#0000 100%)}.turn{border-radius:var(--radius-sm);background:0 0;border:none;grid-template-columns:auto 1fr;align-items:start;gap:.55rem .7rem;padding:.65rem .75rem;font-size:.95rem;display:grid}.turn-avatar{letter-spacing:.02em;border-radius:999px;flex-shrink:0;place-items:center;width:1.85rem;height:1.85rem;margin-top:.1rem;font-size:.68rem;font-weight:700;display:grid}.turn-user .turn-avatar{color:var(--listen);background:#0d948824}.turn-assistant .turn-avatar{color:var(--speak);background:#0f766e1f}.turn-body{gap:.15rem;min-width:0;display:grid}.turn-user{background:#0d948812;margin-right:1.25rem}.turn-assistant{border:1px solid var(--border);background:#fff;margin-left:1.25rem}.turn-role{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.turn-user .turn-role{color:var(--listen)}.turn-assistant .turn-role{color:var(--speak)}.turn-text.interim{color:var(--muted);font-style:italic}.interim-caret{vertical-align:text-bottom;background:var(--primary);opacity:.45;border-radius:1px;width:.35rem;height:.9em;margin-left:.15rem;animation:1s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.history-list{flex-direction:column;gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.history-item{text-align:left;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg);width:100%;color:inherit;font:inherit;cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:.75rem 1rem;padding:1rem 1.1rem;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.history-item:hover{border-color:var(--primary);background:#fff;box-shadow:0 8px 20px #0f766e14}.history-item.is-selected{border-color:var(--primary);background:#0f766e0f;box-shadow:0 0 0 3px #0f766e1f}.history-when{font-size:.98rem;font-weight:600}.history-meta{color:var(--muted);flex-wrap:wrap;gap:.55rem;margin-top:.25rem;font-size:.85rem;display:flex}.history-open{color:var(--primary);font-size:.85rem;font-weight:600}.practice-feedback{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg, #f7fffc 0%, var(--bg) 100%);margin:1rem 0 0;padding:.95rem 1.05rem}.practice-feedback>summary{cursor:pointer;color:var(--primary);font-size:.98rem;font-weight:600;list-style-position:outside}.practice-feedback>summary:hover{color:var(--primary-hover)}.practice-positive{color:var(--text);margin:.95rem 0 0;font-size:.96rem;line-height:1.5}.practice-items{flex-direction:column;gap:.95rem;margin:.95rem 0 0;padding:0;list-style:none;display:flex}.practice-items li{border-top:1px solid var(--border);padding-top:.85rem}.practice-category{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:#0f766e1a;border-radius:999px;margin-bottom:.4rem;padding:.2rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.practice-quote,.practice-corrected,.practice-explanation{margin:.3rem 0 0;font-size:.93rem;line-height:1.45}.practice-corrected{color:var(--text);font-weight:600}.practice-explanation{color:var(--muted)}.history-list+.panel .transcript,.panel .transcript.stack-gap{max-height:min(32rem,55vh);-webkit-mask-image:none;mask-image:none}.loading-shell{place-items:center;min-height:100%;padding:2rem;display:grid}.loading-shell .panel{text-align:center;min-width:min(320px,100%)}.stack-gap-sm{margin-top:.35rem}.stack-gap{margin-top:1rem}@media (width<=560px){.app{padding:1rem 1rem 2.75rem}.topbar{flex-wrap:wrap}.topbar nav{order:3;justify-content:stretch;width:100%;margin-top:.35rem;margin-left:0}.topbar nav a{text-align:center;flex:1}.topbar-logout{margin-left:auto}.call-layout{grid-template-rows:auto minmax(6.5rem,.9fr) minmax(0,1.1fr);gap:.55rem;min-height:calc(100dvh - 1rem)}.ada-frame{width:min(100%,300px);height:min(36dvh,260px)}.call-stage{padding:.25rem .35rem .5rem}.transcript-dock{padding:.65rem .75rem}.turn-user{margin-right:.35rem}.turn-assistant{margin-left:.35rem}.history-item{grid-template-columns:1fr}.history-open{justify-self:start}}@media (width>=900px){.call-layout.is-live{grid-template-rows:auto minmax(9rem,1fr) minmax(0,1.2fr)}.ada-frame{width:min(100%,380px);height:min(44dvh,360px)}}