:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#07111f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 0 0,#2563eb40,#0000 38%),radial-gradient(circle at 100% 100%,#7c3aed33,#0000 40%),#07111f;min-height:100vh}button{font:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}code{font-family:SFMono-Regular,Consolas,monospace}.page{width:100%;min-height:100vh;padding:48px 24px}.home-page,.setup-page{justify-content:center;align-items:center;display:flex}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae0;border:1px solid #94a3b833;border-radius:28px;width:min(100%,960px);box-shadow:0 30px 90px #0006}.hero-card{padding:clamp(28px,6vw,64px)}.eyebrow{color:#93c5fd;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.82rem;font-weight:800}h1,h2,p{margin-top:0}h1{max-width:780px;margin-bottom:20px;font-size:clamp(2rem,6vw,4.3rem);line-height:1.04}h2{margin-bottom:8px;font-size:1.2rem}p{color:#cbd5e1;line-height:1.65}.hero-description{max-width:740px;margin-bottom:36px;font-size:1.08rem}.information-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:36px;display:grid}.information-item{background:#1e293b94;border:1px solid #94a3b824;border-radius:18px;gap:16px;min-height:128px;padding:20px;display:flex}.information-item p{margin-bottom:0;font-size:.94rem}.information-icon{font-size:1.65rem}.primary-button,.secondary-button,.text-button,.small-button,.manual-answer-button{border-radius:12px;min-height:46px;font-weight:750;transition:transform .14s,background .14s}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.manual-answer-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button{color:#fff;background:#2563eb;border:1px solid #60a5fa;padding:0 22px}.primary-button:hover:not(:disabled){background:#1d4ed8}.secondary-button{color:#f8fafc;background:#1e293bcc;border:1px solid #94a3b880;padding:0 22px}.text-button{color:#93c5fd;background:0 0;border:0;padding:0 14px}.large-button{min-height:56px;padding:0 28px;font-size:1.02rem}.button-row,.setup-actions,.experience-header-actions,.manual-answer-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.setup-container{padding:clamp(24px,5vw,52px)}.page-heading{margin-bottom:36px}.page-heading h1{margin-bottom:12px;font-size:clamp(2rem,5vw,3.4rem)}.setup-section,.microphone-card{background:#1e293b73;border:1px solid #94a3b826;border-radius:20px;margin-bottom:22px;padding:24px}.section-heading{gap:16px;margin-bottom:18px;display:flex}.section-heading p,.section-heading h2{margin-bottom:0}.step-number{color:#dbeafe;background:#1d4ed8;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.check-card{border-radius:15px;gap:16px;padding:18px;display:flex}.success-card{background:#1665342e;border:1px solid #4ade8047}.warning-card{background:#92400e29;border:1px solid #fbbf244d}.check-card p:last-child{margin-bottom:0}.check-icon{background:#ffffff1f;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.warning-text{color:#fde68a}.status-message{color:#e2e8f0;background:#334155c7;border-radius:12px;margin:14px 0;padding:14px 16px}.success-message{color:#bbf7d0;background:#1665344d;border:1px solid #4ade8059}.warning-message{color:#fde68a;background:#92400e42;border:1px solid #fbbf2459}.error-message{color:#fecaca;background:#7f1d1d52;border:1px solid #f8717161}.listening-box,.voice-status{align-items:center;gap:12px;display:flex}.listening-box{background:#1e40af47;border-radius:14px;margin:14px 0;padding:16px}.listening-box p{margin-bottom:0}.listening-dot,.waiting-dot{border-radius:50%;flex:none;width:14px;height:14px;display:block}.listening-dot{background:#ef4444;animation:1.4s infinite pulse;box-shadow:0 0 #ef444499}.waiting-dot{background:#f59e0b}@keyframes pulse{0%{box-shadow:0 0 #ef44448c}70%{box-shadow:0 0 0 12px #ef444400}to{box-shadow:0 0 #ef444400}}.transcript-box{background:#1e3a8a38;border:1px solid #60a5fa40;border-radius:12px;flex-direction:column;gap:4px;margin:14px 0;padding:14px 16px;display:flex}.transcript-box span{color:#93c5fd;text-transform:uppercase;font-size:.8rem;font-weight:750}.setup-actions{justify-content:space-between;margin-top:30px}.experience-screen{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.centered-screen{background:radial-gradient(circle,#172554,#020617 70%);place-items:center;padding:24px;display:grid}.end-card{text-align:center;padding:clamp(28px,5vw,54px)}.end-card h1{margin-left:auto;margin-right:auto;font-size:clamp(2rem,6vw,3.6rem)}.centered-buttons{justify-content:center}.experience-header{z-index:30;pointer-events:none;background:linear-gradient(#020617f0,#02061700);justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex;position:absolute;top:0;left:0;right:0}.experience-header>*{pointer-events:auto}.experience-header strong{display:block}.scene-label{color:#93c5fd;text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}.player-status{color:#e2e8f0;background:#0f172acc;border-radius:999px;padding:8px 11px;font-size:.82rem}.small-button{color:#fff;background:#0f172abf;border:1px solid #f8fafc59;min-height:38px;padding:0 14px}.video-player,.video-player a-scene{width:100%;height:100%}.video-player{position:absolute;inset:0}.video-player .a-canvas{width:100%!important;height:100%!important}.play-overlay,.video-error-overlay,.manual-overlay,.voice-overlay{z-index:20;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.play-overlay{text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020617b3}.play-overlay p{max-width:440px;margin:14px auto 0}.video-error-overlay{pointer-events:none}.voice-overlay{pointer-events:none;background:linear-gradient(#02061700 35%,#020617e6);align-items:end}.voice-panel{pointer-events:auto;background:#0f172aeb;border:1px solid #93c5fd47;border-radius:20px;width:min(100%,620px);margin-bottom:30px;padding:22px;box-shadow:0 18px 60px #00000080}.voice-panel h2{margin-bottom:18px;font-size:clamp(1.5rem,4vw,2.3rem)}.attempt-indicator{color:#93c5fd;text-transform:uppercase;margin-bottom:6px;font-size:.8rem;font-weight:750}.manual-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617c2}.manual-answer-panel{text-align:center;background:#0f172a;border:1px solid #94a3b840;border-radius:22px;width:min(100%,520px);padding:26px}.manual-answer-panel p{font-size:1.08rem}.manual-answer-buttons{justify-content:center}.manual-answer-button{color:#fff;background:#1d4ed8;border:1px solid #60a5fa;min-width:130px;padding:0 24px}.temporary-message{z-index:25;text-align:center;background:#7f1d1df0;border-radius:14px;width:min(100% - 32px,620px);padding:16px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.success-temporary-message{background:#14532df0}.developer-panel{z-index:40;background:#1e0a23e6;border:1px solid #f472b66b;border-radius:14px;width:min(310px,100% - 28px);max-height:45vh;padding:14px;position:absolute;bottom:14px;right:14px;overflow-y:auto;box-shadow:0 12px 40px #00000080}.developer-heading{color:#f9a8d4;justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.developer-heading span{font-family:monospace}.developer-data{margin:0 0 12px;font-size:.8rem}.developer-data div{grid-template-columns:90px 1fr;gap:8px;margin-bottom:5px;display:grid}.developer-data dt{color:#cbd5e1}.developer-data dd{overflow-wrap:anywhere;margin:0}.developer-buttons{flex-wrap:wrap;gap:7px;display:flex}.developer-buttons button{color:#fce7f3;background:#83184373;border:1px solid #f9a8d466;border-radius:8px;min-height:32px;padding:0 9px}@media (width<=720px){.page{padding:18px 12px}.information-grid{grid-template-columns:1fr}.information-item{min-height:auto}.setup-section,.microphone-card{padding:18px}.setup-actions{flex-direction:column-reverse;align-items:stretch}.setup-actions button{width:100%}.experience-header{align-items:flex-start}.experience-header-actions{justify-content:flex-end}.player-status{display:none}.voice-panel{margin-bottom:8px}.developer-panel{max-height:34vh;bottom:8px;right:8px}}@media (height<=650px){.developer-panel{max-height:30vh}.voice-panel{margin-bottom:0;padding:16px}.voice-panel h2{margin-bottom:10px}}.experience-progress{text-align:center;pointer-events:auto;width:min(260px,28vw)}.experience-progress span{color:#cbd5e1;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.progress-track{background:#94a3b840;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-value{border-radius:inherit;background:#3b82f6;height:100%;transition:width .4s}@media (width<=720px){.experience-progress{display:none}}.scene-fade{z-index:35;opacity:0;pointer-events:none;background:#000;transition:opacity .4s;position:absolute;inset:0}.scene-fade-visible{opacity:1}.call-page{--call-background:#05070d;--call-card-background:#0d111cd1;--call-card-border:#ffffff1a;--call-text:#f7f8fc;--call-text-muted:#e8ebf5b3;--call-text-subtle:#e8ebf57a;--call-accent:#8b7cff;--call-accent-light:#b3a8ff;--call-accent-soft:#8b7cff24;--call-success:#63e6be;--call-error:#ff8794;isolation:isolate;box-sizing:border-box;background:radial-gradient(circle at top, #4c3e9633, transparent 36%), var(--call-background);min-height:100dvh;color:var(--call-text);justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative;overflow:hidden}.call-page *,.call-page :before,.call-page :after{box-sizing:border-box}.call-page__background{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.call-page__glow{filter:blur(110px);opacity:.24;border-radius:50%;width:460px;height:460px;position:absolute}.call-page__glow--one{background:#806cff;top:-240px;left:-160px}.call-page__glow--two{background:#3d7cff;bottom:-260px;right:-220px}.call-page__grid{opacity:.14;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.call-card{border:1px solid var(--call-card-border);background:linear-gradient(145deg, #ffffff0e, #ffffff04), var(--call-card-background);-webkit-backdrop-filter:blur(24px);border-radius:30px;width:min(100%,620px);padding:clamp(30px,5vw,52px);animation:.65s cubic-bezier(.16,1,.3,1) call-card-entrance;position:relative;overflow:hidden;box-shadow:0 32px 90px #00000073,inset 0 1px #ffffff12}.call-card:before{content:"";background:linear-gradient(90deg,#0000,#b3a8ffe6,#0000);width:72%;height:1px;position:absolute;top:0;left:14%}.call-card__header{margin-bottom:28px}.call-icon,.call-success-icon{background:var(--call-accent-soft);width:68px;height:68px;color:var(--call-accent-light);border:1px solid #b3a8ff47;border-radius:22px;place-items:center;margin-bottom:24px;display:grid;box-shadow:0 14px 34px #4937b133}.call-icon svg{width:32px;height:32px}.call-eyebrow{color:var(--call-accent-light);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 13px;font-size:.75rem;font-weight:700;display:flex}.call-eyebrow--centered{justify-content:center}.call-eyebrow__dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 14px}.call-card h1{max-width:560px;color:var(--call-text);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.25rem);font-weight:650;line-height:1.04}.call-card--confirmation{text-align:center}.call-card--confirmation h1{margin-inline:auto}.call-intro{max-width:540px;color:var(--call-text-muted);margin:20px 0 0;font-size:clamp(1rem,2vw,1.08rem);line-height:1.7}.call-card--confirmation .call-intro{margin-inline:auto}.call-disclosure{color:var(--call-text-muted);background:#8b7cff14;border:1px solid #8b7cff2e;border-radius:16px;align-items:flex-start;gap:13px;margin:0 0 28px;padding:16px 18px;display:flex}.call-disclosure--centered{text-align:left;margin-top:24px}.call-disclosure__icon{background:var(--call-accent-soft);width:28px;height:28px;color:var(--call-accent-light);letter-spacing:.02em;border-radius:9px;flex:none;place-items:center;font-size:.68rem;font-weight:800;display:grid}.call-disclosure p{margin:1px 0 0;font-size:.91rem;line-height:1.55}.call-form{gap:22px;display:grid}.call-field{gap:10px;display:grid}.call-field label{color:var(--call-text);font-size:.91rem;font-weight:600}.call-input-wrapper{background:#04060c73;border:1px solid #ffffff21;border-radius:16px;min-height:58px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;overflow:hidden}.call-input-wrapper:focus-within{background:#080a13b3;border-color:#b3a8ffcc;box-shadow:0 0 0 4px #8b7cff1f,0 12px 30px #0000002e}.call-input-prefix{color:var(--call-text-muted);border-right:1px solid #ffffff17;justify-content:center;align-items:center;padding:0 17px;font-size:.95rem;font-weight:600;display:flex}.call-input-wrapper input{min-width:0;color:var(--call-text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0 17px;font-size:1.03rem}.call-input-wrapper input::placeholder{color:var(--call-text-subtle)}.call-input-wrapper input:disabled{cursor:not-allowed;opacity:.55}.call-field__hint{color:var(--call-text-subtle);margin:0;font-size:.79rem;line-height:1.4}.call-consent{cursor:pointer;grid-template-columns:22px 1fr;align-items:flex-start;gap:12px;display:grid;position:relative}.call-consent input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.call-consent__checkbox{color:#0000;background:#ffffff09;border:1px solid #ffffff38;border-radius:7px;place-items:center;width:22px;height:22px;margin-top:1px;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:grid}.call-consent__checkbox svg{width:14px;height:14px}.call-consent input:checked+.call-consent__checkbox{border-color:var(--call-accent);background:var(--call-accent);color:#fff;box-shadow:0 0 0 4px #8b7cff1f}.call-consent input:focus-visible+.call-consent__checkbox{outline:2px solid var(--call-accent-light);outline-offset:3px}.call-consent input:disabled~.call-consent__text,.call-consent input:disabled+.call-consent__checkbox{cursor:not-allowed;opacity:.55}.call-consent__text{color:var(--call-text-muted);font-size:.88rem;line-height:1.55}.call-error{color:#ffb2bb;background:#ff536714;border:1px solid #ff879447;border-radius:13px;align-items:flex-start;gap:10px;margin:-4px 0 0;padding:13px 15px;font-size:.86rem;line-height:1.45;display:flex}.call-error>span{background:#ff879426;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:.75rem;font-weight:800;display:grid}.call-primary-button{background:linear-gradient(135deg, var(--call-accent-light), var(--call-accent));color:#fff;cursor:pointer;width:100%;min-height:58px;font:inherit;border:0;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:14px 22px;font-size:.98rem;font-weight:700;transition:transform .18s,filter .18s,box-shadow .18s;display:flex;box-shadow:0 16px 34px #5341cc4d,inset 0 1px #ffffff47}.call-primary-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 20px 42px #5341cc61,inset 0 1px #ffffff4d}.call-primary-button:active:not(:disabled){transform:translateY(0)}.call-primary-button:focus-visible,.call-skip:focus-visible{outline:2px solid var(--call-accent-light);outline-offset:4px}.call-primary-button:disabled{cursor:wait;opacity:.65}.call-button-arrow{font-size:1.22rem;transition:transform .18s}.call-primary-button:hover:not(:disabled) .call-button-arrow{transform:translate(4px)}.call-loader{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite call-loader-spin}.call-skip{color:var(--call-text-subtle);cursor:pointer;font:inherit;text-underline-offset:4px;background:0 0;border:0;margin:19px auto 0;padding:8px;font-size:.86rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .16s,text-decoration-color .16s;display:block}.call-skip:hover:not(:disabled){color:var(--call-text-muted);text-decoration-color:currentColor}.call-skip:disabled{cursor:not-allowed;opacity:.4}.call-security,.call-closing-message{color:var(--call-text-subtle);text-align:center;margin:24px 0 0;font-size:.76rem}.call-security span{color:var(--call-success);text-shadow:0 0 8px var(--call-success);margin-right:6px;font-size:.65rem}.call-success-icon{width:82px;height:82px;color:var(--call-success);background:#63e6be1a;border-color:#63e6be52;border-radius:50%;margin:0 auto 25px;position:relative}.call-success-icon svg{width:39px;height:39px}.call-success-icon__ring{border-radius:inherit;border:1px solid #63e6be2e;animation:2.4s ease-out infinite call-success-pulse;position:absolute;inset:-8px}.call-time-card{background:#ffffff09;border:1px solid #ffffff17;border-radius:20px;justify-items:center;gap:7px;margin-top:30px;padding:23px;display:grid}.call-time-card__label{color:var(--call-text-subtle);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.call-time-card strong{color:var(--call-text);letter-spacing:-.045em;font-size:clamp(2rem,7vw,3.1rem);font-weight:600;line-height:1}.call-time-card__status{color:var(--call-text-muted);align-items:center;gap:7px;font-size:.78rem;display:flex}.call-time-card__status>span{background:var(--call-success);width:7px;height:7px;box-shadow:0 0 10px var(--call-success);border-radius:50%}.call-card--confirmation .call-primary-button{margin-top:28px}@keyframes call-card-entrance{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes call-loader-spin{to{transform:rotate(360deg)}}@keyframes call-success-pulse{0%{opacity:.7;transform:scale(.94)}75%,to{opacity:0;transform:scale(1.18)}}@media (width<=600px){.call-page{align-items:flex-start;padding:18px 12px}.call-card{border-radius:24px;min-height:calc(100dvh - 36px);padding:32px 22px}.call-card--registration,.call-card--confirmation{flex-direction:column;justify-content:center;display:flex}.call-icon{border-radius:18px;width:58px;height:58px}.call-card h1{font-size:clamp(2rem,10vw,2.8rem)}.call-intro{margin-top:16px;line-height:1.6}.call-disclosure{padding:14px}.call-input-wrapper{min-height:56px}}@media (prefers-reduced-motion:reduce){.call-card,.call-loader,.call-success-icon__ring{animation:none}.call-primary-button,.call-button-arrow,.call-input-wrapper{transition:none}}.demo-page{--demo-background:#05070d;--demo-card-background:#0d111cd1;--demo-card-border:#ffffff1a;--demo-text:#f7f8fc;--demo-text-muted:#e8ebf5b3;--demo-text-subtle:#e8ebf57a;--demo-accent:#8b7cff;--demo-accent-light:#b3a8ff;--demo-accent-soft:#8b7cff24;--demo-success:#63e6be;--demo-error:#ff8794;isolation:isolate;box-sizing:border-box;background:radial-gradient(circle at top, #4c3e9633, transparent 36%), var(--demo-background);min-height:100dvh;color:var(--demo-text);justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative;overflow:hidden}.demo-page *,.demo-page :before,.demo-page :after{box-sizing:border-box}.demo-page__background{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.demo-page__glow{filter:blur(110px);opacity:.24;border-radius:50%;width:460px;height:460px;position:absolute}.demo-page__glow--one{background:#806cff;top:-240px;left:-160px}.demo-page__glow--two{background:#3d7cff;bottom:-260px;right:-220px}.demo-page__grid{opacity:.14;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.demo-card{border:1px solid var(--demo-card-border);background:linear-gradient(145deg, #ffffff0e, #ffffff04), var(--demo-card-background);-webkit-backdrop-filter:blur(24px);border-radius:30px;width:min(100%,620px);padding:clamp(30px,5vw,52px);animation:.65s cubic-bezier(.16,1,.3,1) demo-card-entrance;position:relative;overflow:hidden;box-shadow:0 32px 90px #00000073,inset 0 1px #ffffff12}.demo-card:before{content:"";background:linear-gradient(90deg,#0000,#b3a8ffe6,#0000);width:72%;height:1px;position:absolute;top:0;left:14%}.demo-login-icon{background:var(--demo-accent-soft);width:68px;height:68px;color:var(--demo-accent-light);border:1px solid #b3a8ff47;border-radius:22px;place-items:center;margin-bottom:24px;display:grid;box-shadow:0 14px 34px #4937b133}.demo-login-icon svg{width:32px;height:32px}.demo-eyebrow{color:var(--demo-accent-light);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 13px;font-size:.75rem;font-weight:700;display:flex}.demo-eyebrow--centered{justify-content:center}.demo-eyebrow__dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 14px}.demo-card h1{max-width:560px;color:var(--demo-text);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.25rem);font-weight:650;line-height:1.04}.demo-intro{max-width:540px;color:var(--demo-text-muted);margin:20px 0 0;font-size:clamp(1rem,2vw,1.08rem);line-height:1.7}.demo-information{color:var(--demo-text-muted);background:#8b7cff14;border:1px solid #8b7cff2e;border-radius:16px;align-items:flex-start;gap:13px;margin:28px 0;padding:16px 18px;display:flex}.demo-information__icon{background:var(--demo-accent-soft);width:28px;height:28px;color:var(--demo-accent-light);border-radius:9px;flex:none;place-items:center;font-size:.72rem;font-weight:800;display:grid}.demo-information p{margin:1px 0 0;font-size:.91rem;line-height:1.55}.demo-login-form{gap:22px;display:grid}.demo-field{gap:10px;display:grid}.demo-field label{color:var(--demo-text);font-size:.91rem;font-weight:600}.demo-password-wrapper{background:#04060c73;border:1px solid #ffffff21;border-radius:16px;min-height:58px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;overflow:hidden}.demo-password-wrapper:focus-within{background:#080a13b3;border-color:#b3a8ffcc;box-shadow:0 0 0 4px #8b7cff1f,0 12px 30px #0000002e}.demo-password-icon{width:54px;color:var(--demo-text-subtle);flex:none;place-items:center;display:grid}.demo-password-icon svg{width:21px;height:21px}.demo-password-wrapper input{min-width:0;color:var(--demo-text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0 8px;font-size:1rem}.demo-password-wrapper input::placeholder{color:var(--demo-text-subtle)}.demo-password-wrapper input:disabled{cursor:not-allowed;opacity:.55}.demo-password-toggle{width:54px;color:var(--demo-text-subtle);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;transition:color .16s,background .16s;display:grid}.demo-password-toggle:hover:not(:disabled){color:var(--demo-text);background:#ffffff0a}.demo-password-toggle:focus-visible{outline:2px solid var(--demo-accent-light);outline-offset:-4px}.demo-password-toggle:disabled{cursor:not-allowed;opacity:.45}.demo-password-toggle svg{width:22px;height:22px}.demo-error{color:#ffb2bb;background:#ff536714;border:1px solid #ff879447;border-radius:13px;align-items:flex-start;gap:10px;margin:-4px 0 0;padding:13px 15px;font-size:.86rem;line-height:1.45;display:flex}.demo-error>span{background:#ff879426;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:.75rem;font-weight:800;display:grid}.demo-primary-button{background:linear-gradient(135deg, var(--demo-accent-light), var(--demo-accent));color:#fff;cursor:pointer;width:100%;min-height:58px;font:inherit;border:0;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:14px 22px;font-size:.98rem;font-weight:700;transition:transform .18s,filter .18s,box-shadow .18s;display:flex;box-shadow:0 16px 34px #5341cc4d,inset 0 1px #ffffff47}.demo-primary-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 20px 42px #5341cc61,inset 0 1px #ffffff4d}.demo-primary-button:active:not(:disabled){transform:translateY(0)}.demo-primary-button:focus-visible{outline:2px solid var(--demo-accent-light);outline-offset:4px}.demo-primary-button:disabled{cursor:wait;opacity:.65}.demo-button-arrow{font-size:1.22rem;transition:transform .18s}.demo-primary-button:hover:not(:disabled) .demo-button-arrow{transform:translate(4px)}.demo-loader{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite demo-loader-spin}.demo-security{color:var(--demo-text-subtle);text-align:center;margin:24px 0 0;font-size:.76rem}.demo-security span{color:var(--demo-success);text-shadow:0 0 8px var(--demo-success);margin-right:6px;font-size:.65rem}.demo-choice-card{width:min(100%,760px)}.demo-choice-header{text-align:center;margin-bottom:32px}.demo-choice-header h1,.demo-choice-header .demo-intro{margin-inline:auto}.demo-choice-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.demo-choice-option{min-height:220px;color:var(--demo-text);cursor:pointer;text-align:left;background:linear-gradient(145deg,#ffffff0e,#ffffff04),#070a1285;border:1px solid #ffffff1a;border-radius:22px;grid-template-rows:auto 1fr auto;justify-items:start;padding:24px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.demo-choice-option:before{content:"";opacity:0;background:radial-gradient(circle at 0 0,#8b7cff29,#0000 55%);transition:opacity .18s;position:absolute;inset:0}.demo-choice-option:hover{background:linear-gradient(145deg,#ffffff13,#ffffff05),#090c16a8;border-color:#b3a8ff6b;transform:translateY(-4px);box-shadow:0 18px 38px #0000003d}.demo-choice-option:hover:before{opacity:1}.demo-choice-option:focus-visible{outline:2px solid var(--demo-accent-light);outline-offset:4px}.demo-choice-option__icon{z-index:1;background:var(--demo-accent-soft);width:52px;height:52px;color:var(--demo-accent-light);border:1px solid #b3a8ff3d;border-radius:16px;place-items:center;margin-bottom:24px;display:grid;position:relative}.demo-choice-option__icon svg{width:26px;height:26px}.demo-choice-option__content{z-index:1;gap:10px;display:grid;position:relative}.demo-choice-option__content strong{color:var(--demo-text);font-size:1.08rem;font-weight:700}.demo-choice-option__content>span{color:var(--demo-text-muted);font-size:.88rem;line-height:1.55}.demo-choice-option__arrow{z-index:1;color:var(--demo-accent-light);margin-top:24px;font-size:1.35rem;transition:transform .18s;position:relative}.demo-choice-option:hover .demo-choice-option__arrow{transform:translate(5px)}.demo-choice-divider{grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin:28px 0 18px;display:grid}.demo-choice-divider span{background:#ffffff14;height:1px}.demo-choice-divider p{color:var(--demo-text-subtle);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.73rem}.demo-logout-button{color:var(--demo-text-subtle);cursor:pointer;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;margin:0 auto;padding:9px 12px;font-size:.86rem;transition:color .16s;display:flex}.demo-logout-button:hover{color:var(--demo-text)}.demo-logout-button:focus-visible{outline:2px solid var(--demo-accent-light);outline-offset:4px;border-radius:8px}.demo-logout-button svg{width:18px;height:18px}@keyframes demo-card-entrance{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes demo-loader-spin{to{transform:rotate(360deg)}}@media (width<=700px){.demo-choice-actions{grid-template-columns:1fr}.demo-choice-option{min-height:auto}}@media (width<=600px){.demo-page{align-items:flex-start;padding:18px 12px}.demo-card{border-radius:24px;width:100%;min-height:calc(100dvh - 36px);padding:32px 22px}.demo-login-card,.demo-choice-card{flex-direction:column;justify-content:center;display:flex}.demo-login-icon{border-radius:18px;width:58px;height:58px}.demo-card h1{font-size:clamp(2rem,10vw,2.8rem)}.demo-intro{margin-top:16px;line-height:1.6}.demo-information{padding:14px}.demo-password-wrapper{min-height:56px}.demo-choice-header{margin-bottom:26px}.demo-choice-divider p{font-size:.66rem}}@media (prefers-reduced-motion:reduce){.demo-card,.demo-loader{animation:none}.demo-primary-button,.demo-button-arrow,.demo-choice-option,.demo-choice-option__arrow,.demo-password-wrapper{transition:none}}.realtime-page{--realtime-background:#05070d;--realtime-card:#0d111cd6;--realtime-surface:#ffffff09;--realtime-border:#ffffff1a;--realtime-text:#f7f8fc;--realtime-muted:#e8ebf5ad;--realtime-subtle:#e8ebf570;--realtime-accent:#8b7cff;--realtime-accent-light:#b3a8ff;--realtime-accent-soft:#8b7cff21;--realtime-success:#63e6be;--realtime-warning:#ffd166;--realtime-error-color:#ff8794;isolation:isolate;box-sizing:border-box;background:radial-gradient(circle at top, #4c3e9633, transparent 38%), var(--realtime-background);min-height:100dvh;color:var(--realtime-text);justify-content:center;align-items:center;padding:32px 20px;display:flex;position:relative;overflow:hidden}.realtime-page *,.realtime-page :before,.realtime-page :after{box-sizing:border-box}.realtime-page__background{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.realtime-page__glow{filter:blur(120px);opacity:.22;border-radius:50%;width:500px;height:500px;position:absolute}.realtime-page__glow--one{background:#806cff;top:-260px;left:-180px}.realtime-page__glow--two{background:#3d7cff;bottom:-280px;right:-240px}.realtime-page__grid{opacity:.13;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.realtime-card{border:1px solid var(--realtime-border);background:linear-gradient(145deg, #ffffff0e, #ffffff04), var(--realtime-card);-webkit-backdrop-filter:blur(24px);border-radius:30px;grid-template-rows:auto minmax(0,1fr) auto auto;gap:16px;width:min(100%,960px);height:min(92dvh,900px);max-height:min(92dvh,900px);padding:clamp(26px,4vw,44px);display:grid;position:relative;overflow:hidden;box-shadow:0 32px 90px #00000073,inset 0 1px #ffffff12}.realtime-card:before{content:"";background:linear-gradient(90deg,#0000,#b3a8ffe6,#0000);width:72%;height:1px;position:absolute;top:0;left:14%}.realtime-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.realtime-header__content{max-width:650px}.realtime-eyebrow{color:var(--realtime-accent-light);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 12px;font-size:.74rem;font-weight:700;display:flex}.realtime-eyebrow__dot{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px}.realtime-header h1{color:var(--realtime-text);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:650;line-height:1.04}.realtime-intro{max-width:640px;color:var(--realtime-muted);margin:17px 0 0;font-size:1rem;line-height:1.65}.realtime-connection-badge{color:var(--realtime-muted);white-space:nowrap;background:#ffffff09;border:1px solid #ffffff1a;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 13px;font-size:.76rem;font-weight:600;display:flex}.realtime-connection-badge__dot{background:var(--realtime-subtle);border-radius:50%;width:8px;height:8px}.realtime-connection-badge--connected{color:var(--realtime-success);background:#63e6be14;border-color:#63e6be38}.realtime-connection-badge--connected .realtime-connection-badge__dot{background:var(--realtime-success);box-shadow:0 0 10px var(--realtime-success)}.realtime-connection-badge--connecting{color:var(--realtime-warning);border-color:#ffd16638}.realtime-connection-badge--connecting .realtime-connection-badge__dot{background:var(--realtime-warning);animation:1.2s infinite realtime-status-pulse}.realtime-connection-badge--error{color:var(--realtime-error-color);border-color:#ff879440}.realtime-connection-badge--error .realtime-connection-badge__dot{background:var(--realtime-error-color)}.realtime-error{color:#ffb2bb;background:#ff536714;border:1px solid #ff879447;border-radius:15px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.realtime-error__icon{background:#ff879426;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.78rem;font-weight:800;display:grid}.realtime-error strong{margin-bottom:3px;font-size:.86rem;display:block}.realtime-error p{margin:0;font-size:.84rem;line-height:1.45}.realtime-conversation{background:#04060c61;border:1px solid #ffffff17;border-radius:22px;grid-template-rows:auto minmax(0,1fr);height:auto;min-height:0;display:grid;overflow:hidden}.realtime-conversation__header{background:#ffffff06;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex}.realtime-conversation__label{color:var(--realtime-text);margin:0;font-size:.9rem;font-weight:700}.realtime-conversation__description{color:var(--realtime-subtle);margin:4px 0 0;font-size:.75rem}.realtime-agent-indicator{color:var(--realtime-muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:.75rem;font-weight:600;display:flex}.realtime-agent-indicator__animation{align-items:center;gap:2px;height:14px;display:flex}.realtime-agent-indicator__animation i{background:currentColor;border-radius:999px;width:3px;height:5px;display:block}.realtime-agent-indicator--listening{color:var(--realtime-success)}.realtime-agent-indicator--thinking{color:var(--realtime-warning)}.realtime-agent-indicator--speaking{color:var(--realtime-accent-light)}.realtime-agent-indicator--error{color:var(--realtime-error-color)}.realtime-agent-indicator--listening .realtime-agent-indicator__animation i,.realtime-agent-indicator--thinking .realtime-agent-indicator__animation i,.realtime-agent-indicator--speaking .realtime-agent-indicator__animation i{animation:.85s ease-in-out infinite realtime-wave}.realtime-agent-indicator__animation i:nth-child(2){animation-delay:.12s}.realtime-agent-indicator__animation i:nth-child(3){animation-delay:.24s}.realtime-transcript{scroll-behavior:smooth;scrollbar-color:#b3a8ff52 transparent;scrollbar-width:thin;flex-direction:column;gap:18px;height:100%;min-height:0;padding:22px;display:flex;overflow-y:auto}.realtime-transcript::-webkit-scrollbar{width:7px}.realtime-transcript::-webkit-scrollbar-thumb{background:#b3a8ff42;border-radius:999px}.realtime-transcript-empty{min-height:100%;color:var(--realtime-subtle);text-align:center;place-content:center;justify-items:center;padding:40px 20px;display:grid}.realtime-transcript-empty__icon{background:var(--realtime-accent-soft);width:64px;height:64px;color:var(--realtime-accent-light);border:1px solid #b3a8ff2e;border-radius:20px;place-items:center;margin-bottom:18px;display:grid}.realtime-transcript-empty__icon svg{width:31px;height:31px}.realtime-transcript-empty strong{color:var(--realtime-text);font-size:.95rem}.realtime-transcript-empty p{max-width:390px;margin:8px 0 0;font-size:.83rem;line-height:1.55}.realtime-message{align-items:flex-start;gap:11px;width:min(88%,680px);animation:.28s ease-out realtime-message-entrance;display:flex}.realtime-message--user{flex-direction:row-reverse;align-self:flex-end}.realtime-message__avatar{background:var(--realtime-accent-soft);width:35px;height:35px;color:var(--realtime-accent-light);border:1px solid #b3a8ff38;border-radius:12px;flex:none;place-items:center;font-size:.68rem;font-weight:800;display:grid}.realtime-message--user .realtime-message__avatar{color:var(--realtime-success);background:#63e6be17;border-color:#63e6be33}.realtime-message__content{background:#ffffff0b;border:1px solid #ffffff14;border-radius:5px 17px 17px;padding:13px 16px}.realtime-message--user .realtime-message__content{background:#8b7cff1a;border-color:#8b7cff33;border-radius:17px 5px 17px 17px}.realtime-message__content strong{color:var(--realtime-accent-light);letter-spacing:.035em;text-transform:uppercase;margin-bottom:5px;font-size:.7rem;display:block}.realtime-message--user .realtime-message__content strong{color:var(--realtime-success);text-align:right}.realtime-message__content p{color:var(--realtime-muted);overflow-wrap:anywhere;margin:0;font-size:.9rem;line-height:1.6}.realtime-message--user .realtime-message__content p{color:var(--realtime-text)}.realtime-controls{align-items:center;gap:14px;display:flex}.realtime-controls>*{align-self:center}.realtime-primary-button,.realtime-disconnect-button{cursor:pointer;height:52px;min-height:52px;max-height:52px;font:inherit;border-radius:15px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:.92rem;font-weight:700;transition:transform .18s,opacity .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.realtime-primary-button{flex:1}.realtime-disconnect-button{flex:0 0 150px}.realtime-primary-button{background:linear-gradient(135deg, var(--realtime-accent-light), var(--realtime-accent));color:#fff;border:0;box-shadow:0 16px 34px #5341cc4d,inset 0 1px #ffffff47}.realtime-primary-button svg{width:21px;height:21px}.realtime-primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 42px #5341cc61,inset 0 1px #ffffff4d}.realtime-primary-button:disabled{cursor:default;opacity:.64}.realtime-disconnect-button{color:#ffabb5;background:#ff53670e;border:1px solid #ff87942e}.realtime-disconnect-button:hover:not(:disabled){background:#ff53671a;border-color:#ff87945c;transform:translateY(-2px)}.realtime-disconnect-button:disabled{cursor:not-allowed;opacity:.35}.realtime-disconnect-button__icon{background:currentColor;border-radius:3px;width:10px;height:10px}.realtime-primary-button:focus-visible,.realtime-disconnect-button:focus-visible,.realtime-back-button:focus-visible{outline:2px solid var(--realtime-accent-light);outline-offset:4px}.realtime-loader{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite realtime-loader-spin}.realtime-button-status-dot{background:var(--realtime-success);width:8px;height:8px;box-shadow:0 0 11px var(--realtime-success);border-radius:50%}.realtime-footer{justify-content:space-between;align-items:center;gap:18px;display:flex}.realtime-privacy{color:var(--realtime-subtle);font-size:.73rem}.realtime-privacy span{color:var(--realtime-success);text-shadow:0 0 8px var(--realtime-success);margin-right:6px;font-size:.62rem}.realtime-back-button{color:var(--realtime-subtle);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:7px;padding:7px;font-size:.78rem;transition:color .16s;display:flex}.realtime-back-button:hover{color:var(--realtime-text)}.realtime-card audio{display:none}@keyframes realtime-card-entrance{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes realtime-message-entrance{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes realtime-loader-spin{to{transform:rotate(360deg)}}@keyframes realtime-status-pulse{50%{opacity:.35;transform:scale(.8)}}@keyframes realtime-wave{0%,to{height:4px}50%{height:13px}}@media (width<=760px){.realtime-page{align-items:flex-start;padding:12px;overflow:auto}.realtime-card{border-radius:24px;grid-template-rows:auto auto minmax(340px,1fr) auto auto;width:100%;min-height:calc(100dvh - 24px);max-height:none;padding:25px 18px}.realtime-header{flex-direction:column}.realtime-header h1{font-size:clamp(2rem,10vw,2.8rem)}.realtime-connection-badge{align-self:flex-start}.realtime-conversation__header{flex-direction:column;align-items:flex-start}.realtime-agent-indicator{align-self:flex-start}.realtime-message{width:95%}.realtime-controls{flex-direction:column}.realtime-primary-button,.realtime-disconnect-button{flex:none;width:100%}.realtime-footer{flex-direction:column;align-items:flex-start}.realtime-back-button{padding-left:0}}@media (width<=460px){.realtime-card{padding-inline:15px}.realtime-transcript{padding:16px 12px}.realtime-message{width:100%}.realtime-message__avatar{width:31px;height:31px}.realtime-message__content{padding:11px 13px}.realtime-privacy{line-height:1.45}}@media (prefers-reduced-motion:reduce){.realtime-card,.realtime-message,.realtime-loader,.realtime-agent-indicator__animation i,.realtime-connection-badge__dot{animation:none}.realtime-primary-button,.realtime-disconnect-button,.realtime-back-button{transition:none}}