:root{--bg:#121212;--bg-deep:#0a0a0a;--paper:#222221;--ink:#f1efea;--ink-2:#c7c3bb;--ink-3:#8d8880;--line:#ffffff14;--line-strong:#ffffff26;--glass:#1a1a198c;--sage:#a2b399;--sage-soft:#a2b39926;--clay:#c8a26e;--clay-soft:#c8a26e26;--live:#7dbd89;--busy:#d8a557;--danger:#e08a6f;--shadow-sm:0 1px 2px #00000040, 0 6px 18px -6px #00000073;--shadow-md:0 1px 2px #0000004d, 0 22px 44px -18px #000000b3;--font-display:"Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-ui:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gutter:clamp(24px, 5.2vw, 84px);--ease:cubic-bezier(.22, .7, .18, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--sage);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{height:100dvh;min-height:560px;position:relative;overflow:hidden}.backdrop{z-index:0;background:radial-gradient(circle at 67% 44%,#4a4a49 0%,#3b3b3a 12%,#2a2a29 30%,#191919 54%,#0e0e0e 78%,#080808 100%);position:fixed;inset:0}.backdrop:after{content:"";opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.stage{z-index:1;pointer-events:none;opacity:0;transition:opacity 1.2s var(--ease);inset:0;position:fixed!important}.stage.is-ready{opacity:1}.topbar{z-index:5;padding:26px var(--gutter);justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;top:0;left:0;right:0}.wordmark{color:var(--ink);font-family:var(--font-display);letter-spacing:-.015em;font-variation-settings:"opsz" 40;align-items:center;gap:11px;font-size:21px;font-weight:500;text-decoration:none;display:inline-flex}.wordmark__glyph{background:#0d0d0d;border-radius:7px;justify-content:center;align-items:center;gap:5px;width:30px;height:23px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 3px #262626,0 0 0 1px #ffffff24}.wordmark__glyph:after{content:"";background:#3a3a39;border-radius:2px;width:10px;height:3px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.wordmark__glyph i{background:#ffe7c4;border-radius:3px;width:4px;height:6px;animation:6s infinite glyph-blink;box-shadow:0 0 6px #ffc88ce6}@keyframes glyph-blink{0%,46%,50%,to{transform:scaleY(1)}48%{transform:scaleY(.15)}}.nav{gap:clamp(20px,2.6vw,38px);margin-left:auto;margin-right:clamp(12px,2vw,28px);display:flex}.nav a{color:var(--ink-2);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav a:hover,.nav a.is-current{color:var(--ink)}.nav a.is-current:after{content:"";background:var(--clay);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.pill{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:7px 13px 7px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.pill__dot{background:#b3aa9d;border-radius:50%;width:7px;height:7px}.pill--live .pill__dot{background:var(--live);box-shadow:0 0 0 3px #4d8a592e}.pill--busy .pill__dot{background:var(--busy);animation:1.2s ease-in-out infinite pulse}.pill--error{color:var(--danger);border-color:#e08a6f4d}.pill--error .pill__dot{background:var(--danger)}@keyframes pulse{50%{opacity:.35}}.panel{z-index:4;left:var(--gutter);flex-direction:column;width:min(470px,40vw);display:flex;position:absolute;top:50%;transform:translateY(-47%)}.panel>:is(.eyebrow,h1,.lead,.conversation,.suggestions,.composer,.panel__foot){opacity:0;animation-name:rise;animation-duration:.9s;animation-timing-function:var(--ease);animation-fill-mode:forwards;transform:translateY(10px)}.panel>.eyebrow{animation-delay:.15s}.panel>h1{animation-delay:.25s}.panel>.lead{animation-delay:.38s}.panel>.conversation{animation-delay:.5s}.panel>.suggestions{animation-delay:.62s}.panel>.composer{animation-delay:.72s}.panel>.panel__foot{animation-delay:.82s}@keyframes rise{to{opacity:1;transform:none}}.eyebrow{color:var(--sage);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:7px;margin:0;font-size:11.5px;font-weight:600;display:inline-flex}h1{font-family:var(--font-display);letter-spacing:-.035em;font-variation-settings:"opsz" 144;color:var(--ink);margin:14px 0 10px;font-size:clamp(50px,5.7vw,86px);font-weight:360;line-height:.98}.lead{max-width:30ch;color:var(--ink-2);margin:0 0 28px;font-size:clamp(17px,1.35vw,20px);line-height:1.45}.conversation{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.1);box-shadow:var(--shadow-sm);border-radius:20px;padding:14px 16px 12px}.captions{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;min-height:64px;max-height:172px;padding-top:14px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 22px);mask-image:linear-gradient(#0000 0,#000 22px)}.captions__empty{color:var(--ink-3);margin:0;font-size:14px}.caption{animation:caption-in .45s var(--ease);grid-template-columns:48px 1fr;gap:8px;margin:0 0 8px;font-size:15px;line-height:1.5;display:grid}.caption__who{color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;padding-top:3px;font-size:10.5px;font-weight:600}.caption--agent .caption__who{color:var(--clay)}.caption--user .caption__text{color:var(--ink-2)}.caption--agent .caption__text{color:var(--ink)}.caption--live.caption--agent .caption__text:after{content:"";vertical-align:-.15em;background:var(--clay);width:2px;height:1em;margin-left:3px;animation:.9s steps(2,end) infinite pulse;display:inline-block}@keyframes caption-in{0%{opacity:0;transform:translateY(4px)}}.state{border-top:1px solid var(--line);color:var(--ink-3);align-items:center;gap:9px;margin-top:8px;padding-top:9px;font-size:12.5px;font-weight:500;display:flex}.state__dots{align-items:center;gap:3px;height:12px;display:inline-flex}.state__dots i{opacity:.6;background:currentColor;border-radius:2px;width:4px;height:4px}.state--listening{color:var(--sage)}.state--listening .state__dots i{animation:1.6s ease-in-out infinite pulse}.state--listening .state__dots i:nth-child(2){animation-delay:.2s}.state--listening .state__dots i:nth-child(3){animation-delay:.4s}.state--thinking,.state--connecting{color:var(--clay)}.state--thinking .state__dots i,.state--connecting .state__dots i{animation:1s ease-in-out infinite hop}.state--thinking .state__dots i:nth-child(2),.state--connecting .state__dots i:nth-child(2){animation-delay:.15s}.state--thinking .state__dots i:nth-child(3),.state--connecting .state__dots i:nth-child(3){animation-delay:.3s}.state--speaking{color:var(--ink-2)}.state--speaking .state__dots i{width:3px;animation:.8s ease-in-out infinite wave}.state--speaking .state__dots i:nth-child(2){animation-delay:.12s}.state--speaking .state__dots i:nth-child(3){animation-delay:.24s}@keyframes hop{40%{opacity:1;transform:translateY(-4px)}}@keyframes wave{50%{opacity:1;height:12px}}.alert{color:#f3d8ce;animation:caption-in .4s var(--ease);background:#58241a8c;border:1px solid #e08a6f4d;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:14px;margin-top:12px;padding:12px 14px;display:flex}.alert strong{font-size:13.5px;font-weight:600;display:block}.alert p{overflow-wrap:anywhere;margin:2px 0 0;font-size:13px;line-height:1.45}.alert__actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.notice{color:var(--ink-3);margin:10px 0 0;font-size:13px}.suggestions{flex-wrap:wrap;gap:8px;margin:16px 0 14px;display:flex}.chip{border:1px solid var(--line-strong);color:var(--ink-2);white-space:nowrap;transition:background .2s, color .2s, transform .25s var(--ease), border-color .2s;background:#ffffff09;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:500}.chip:hover:not(:disabled){color:var(--ink);background:#ffffff17;border-color:#ffffff3d;transform:translateY(-1px)}.chip:disabled{opacity:.55;cursor:progress}.composer{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:4px;padding:5px;transition:box-shadow .2s;display:flex}.composer:focus-within{box-shadow:var(--shadow-md), 0 0 0 3px #66765f33}.composer__field{flex:1;min-width:0}.composer input{background:0 0;border:0;outline:none;width:100%;padding:10px 6px;font-size:15.5px}.composer input::placeholder{color:#7c776f}.icon-btn{width:42px;height:42px;color:var(--ink-2);transition:background .2s, color .2s, transform .2s var(--ease), opacity .2s;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.icon-btn:hover:not(:disabled){color:var(--ink);background:#ffffff12}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn.mic.is-on{background:var(--sage);color:#121212}.mic__pulse{border-radius:50%;animation:1.8s ease-out infinite ring;position:absolute;inset:0;box-shadow:0 0 #66765f73}@keyframes ring{to{box-shadow:0 0 0 12px #66765f00}}.icon-btn.is-muted{color:var(--clay)}.icon-btn.send{background:var(--ink);color:var(--paper)}.icon-btn.send:hover:not(:disabled){color:#000;background:#fff}.icon-btn.send:disabled{opacity:.28;cursor:default}.btn{background:var(--ink);color:var(--paper);border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.btn--small{padding:6px 12px;font-size:12.5px}.btn--ghost{color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0}.btn--ghost:hover{color:var(--ink);background:#ffffff0f}.panel__foot{min-height:30px;margin-top:14px}.hint{color:var(--ink-3);margin:0;font-size:12.5px}.end{color:var(--danger)}.credits{z-index:3;left:var(--gutter);color:var(--ink-3);gap:8px;font-size:12px;display:flex;position:fixed;bottom:22px}.loader{z-index:3;color:var(--ink-3);text-align:center;pointer-events:none;animation:loader-in .6s var(--ease) both;transition:opacity .9s var(--ease);flex-direction:column;align-items:center;gap:14px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.loader.is-done{opacity:0}@keyframes loader-in{0%{opacity:0}}.loader__dots{gap:7px;display:inline-flex}.loader__dots i{opacity:.16;background:#d4d4d0;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite led;box-shadow:0 0 8px #d6d6d08c}.loader__dots i:nth-child(2){animation-delay:.14s}.loader__dots i:nth-child(3){animation-delay:.28s}.loader__dots i:nth-child(4){animation-delay:.42s}.loader__dots i:nth-child(5){animation-delay:.56s}@keyframes led{40%{opacity:1}}.loader__label{letter-spacing:.16em;text-transform:uppercase;font-variant-numeric:tabular-nums;margin:0;font-size:11px;font-weight:600}.loader--failed{border:1px solid var(--line);background:var(--glass);width:280px;color:var(--ink-2);border-radius:16px;padding:16px 18px}.loader--failed p{margin:0;font-size:12.5px}@media (width<=1100px){.nav{display:none}.panel{width:min(440px,46vw)}}@media (width<=759px),(aspect-ratio<=9/10){body{overflow:hidden}.topbar{padding:16px 18px}.wordmark{font-size:18px}.panel{width:auto;max-height:62dvh;padding:64px 18px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(#0c0c0c00 0%,#0c0c0ce6 54px,#0c0c0c 100%);inset:auto 0 0;overflow-y:auto;transform:none}.eyebrow{display:none}h1{margin-top:0;font-size:clamp(36px,10vw,52px)}.lead{margin-bottom:14px;font-size:16px}.captions{max-height:104px}.suggestions{scrollbar-width:none;flex-wrap:nowrap;margin:12px -18px;padding:2px 18px;overflow-x:auto}.suggestions::-webkit-scrollbar{display:none}.panel__foot{margin-top:10px}.credits{display:none}.loader{top:30dvh}.loader--failed{width:calc(100vw - 36px)}.backdrop{background:radial-gradient(circle at 50% 28%,#4a4a49 0%,#3b3b3a 12%,#2a2a29 30%,#191919 54%,#0e0e0e 78%,#080808 100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.panel>:is(.eyebrow,h1,.lead,.conversation,.suggestions,.composer,.panel__foot){opacity:1;transform:none}.loader__dots i{opacity:.6}}