*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{scroll-behavior:smooth}body{color:#fff;-webkit-font-smoothing:antialiased;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}img{max-width:100%;height:auto}.app{--c1:#7dd3fc;--c2:#38bdf8;--c3:#0ea5e9;--speed:14s;--ring-opacity:.25;--glow-base:.15;--level:0;background:radial-gradient(at 50% 40%,#0b1b2a 0%,#000 70%);flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;min-height:100dvh;padding:2rem 1.25rem;display:flex}.urb{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;outline:none;width:min(72vw,22rem);padding:0;position:relative}.urb:focus-visible .face{box-shadow:0 0 0 3px #fff}.face{z-index:2;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;transform:scale(calc(1 + var(--level) * .02));border-radius:50%;transition:transform 80ms linear;display:block;position:relative}.ring{pointer-events:none;z-index:1;border-radius:50%;position:absolute;inset:-7%}.ring-line,.ring-glow{background:conic-gradient(from 0deg, transparent 0%, var(--c1) 12%, var(--c2) 26%, transparent 40%, var(--c3) 52%, var(--c1) 66%, transparent 78%, var(--c2) 90%, transparent 100%);animation:spin var(--speed) linear infinite;opacity:var(--ring-opacity);border-radius:50%;position:absolute;inset:0}.ring-line{--band:6px;-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--band) - 1px), #000 calc(100% - var(--band)));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--band) - 1px), #000 calc(100% - var(--band)));mask:radial-gradient(farthest-side, transparent calc(100% - var(--band) - 1px), #000 calc(100% - var(--band)));transform:scale(calc(1 + var(--level) * .05))}.ring-glow{filter:blur(18px);opacity:calc(var(--ring-opacity) * (var(--glow-base) + var(--level) * 1.4));transform:scale(calc(1.02 + var(--level) * .12));animation-direction:reverse}@keyframes spin{to{rotate:360deg}}.phase-idle{--speed:30s;--ring-opacity:.45;--glow-base:.25}.phase-requesting{--speed:20s;--ring-opacity:.4;--glow-base:.2}.phase-speaking{--c1:#93c5fd;--c2:#3b82f6;--c3:#60a5fa;--speed:9s;--ring-opacity:1;--glow-base:.35}.phase-listening{--c1:#6ee7b7;--c2:#10b981;--c3:#34d399;--speed:6s;--ring-opacity:.95;--glow-base:.25}.phase-thinking{--c1:#fcd34d;--c2:#f59e0b;--c3:#fbbf24;--speed:1.4s;--ring-opacity:.9;--glow-base:.45}.phase-ended,.phase-off{--speed:120s;--ring-opacity:.12;--glow-base:.05}.caption{text-align:center;color:#e6f1f8;text-wrap:balance;max-width:34rem;min-height:3.2em;font-size:clamp(1.1rem,2.6vw,1.45rem);line-height:1.45}.phase-listening .caption{color:#a7f3d0;font-style:italic}.status{letter-spacing:.08em;text-transform:uppercase;color:#8fa3b3;align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.status .dot{background:currentColor;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 10px}.status-speaking{color:#60a5fa}.status-listening{color:#34d399}.status-listening .dot,.status-thinking .dot{animation:1s ease-in-out infinite blink}.status-thinking{color:#fbbf24}.status-requesting{color:#cbd5e1}.status-off,.status-ended,.status-idle{color:#6b7f8f}@keyframes blink{50%{opacity:.35}}.typebox{width:min(90vw,28rem)}.typebox input{color:#fff;background:#0b141c;border:1px solid #2b3a48;border-radius:999px;outline:none;width:100%;padding:.8rem 1rem;font-size:1rem}.typebox input:focus{border-color:#34d399}.typebox input:disabled{opacity:.5}.about{color:#6b7f8f;border-bottom:1px solid #2b3a48;padding-bottom:1px;font-size:.85rem;text-decoration:none}.about:hover{color:#a7f3d0;border-color:currentColor}.faq{color:#b9c7d2;max-width:34rem;margin:0 auto;padding:3.5rem 1.25rem 4rem;font-size:1rem;line-height:1.6}.faq h1{color:#e6f1f8;letter-spacing:-.01em;margin-bottom:.4rem;font-size:1.5rem;font-weight:600}.faq-lead{color:#8fa3b3;margin-bottom:1.5rem}.faq a{color:#7dd3fc}.faq-item{border-bottom:1px solid #1f2d3a}.faq-item summary{cursor:pointer;color:#e6f1f8;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;font-size:1.05rem;font-weight:500;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:#7dd3fc}.faq-item summary:after{content:"";border-bottom:2px solid #7dd3fc;border-right:2px solid #7dd3fc;flex-shrink:0;width:.55rem;height:.55rem;margin-right:.25rem;transition:transform .2s;transform:rotate(45deg)}.faq-item[open] summary:after{transform:rotate(-135deg)}.faq-item p{padding:0 0 1.2rem;animation:.22s fan}@keyframes fan{0%{opacity:0;translate:0 -4px}}@media (prefers-reduced-motion:reduce){.ring-line,.ring-glow{animation-duration:60s}}