:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;background:linear-gradient(135deg,#160f2a,#2b1d4a);color:#f6ecff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#160f2a,#2b1d4a)}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(900px,100%);background:#0f0a1ce6;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px;box-shadow:0 30px 80px #00000059}.hero{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.75rem;color:#d5b7ff;margin:0 0 8px}h1{margin:0 0 6px;font-size:clamp(1.6rem,3vw,2.4rem)}.subtext{margin:0;color:#cfc1e8}.mode-toggle{border:none;border-radius:999px;padding:10px 14px;cursor:pointer;color:#fff;background:linear-gradient(90deg,#ff5fb2,#7b61ff)}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#d8c7ff;font-size:.95rem}.pill{padding:6px 10px;border-radius:999px;background:#ffffff14}.pill.listening{background:#16d78c2e;color:#86ffd4}.message-list{display:flex;flex-direction:column;gap:10px;min-height:320px;max-height:480px;overflow:auto;padding:10px;background:#ffffff0a;border-radius:16px;margin-bottom:12px}.bubble{max-width:78%;padding:12px 14px;border-radius:16px;line-height:1.5;word-break:break-word}.bubble.user{align-self:flex-end;background:linear-gradient(90deg,#7b61ff,#40a0ff)}.bubble.assistant{align-self:flex-start;background:#ffffff1f}.composer{display:flex;gap:10px}.composer input{flex:1;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#fff;border-radius:999px;padding:12px 16px;outline:none}.composer button{border:none;border-radius:999px;padding:12px 16px;background:linear-gradient(90deg,#ff5fb2,#7b61ff);color:#fff;cursor:pointer}.composer button:disabled{opacity:.6;cursor:not-allowed}.card--voice{transition:box-shadow .4s ease;box-shadow:0 30px 90px #7b61ff40}.pill.speaking{background:#ff5fb233;color:#ffb3dd}.voice-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:320px;max-height:480px;padding:24px 10px;margin-bottom:12px;border-radius:16px;background:#ffffff08}.orb{--level: 0;position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.orb-core{position:relative;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffe1f4,#ff5fb2 45%,#7b61ff);box-shadow:0 0 30px #ff5fb273,0 0 60px #7b61ff59;transform:scale(calc(1 + var(--level) * .22));transition:transform .08s linear;animation:orb-breathe 4.2s ease-in-out infinite}.orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%;border:1.5px solid rgba(214,179,255,.55);opacity:.55}.orb-ring--1{width:118px;height:118px;animation:orb-pulse 2.8s ease-in-out infinite}.orb-ring--2{width:146px;height:146px;animation:orb-pulse 2.8s ease-in-out infinite .5s}.orb-ring--3{width:176px;height:176px;animation:orb-pulse 2.8s ease-in-out infinite 1s}.orb--listening .orb-ring{border-color:#86ffd499}.orb--listening .orb-core{background:radial-gradient(circle at 32% 28%,#e3fff5,#16d78c 45%,#40a0ff);box-shadow:0 0 30px #16d78c73,0 0 60px #40a0ff59}.orb--speaking .orb-ring{border-color:#ffb3ddbf;animation-duration:1.1s}.orb--speaking .orb-core{animation-duration:1.4s}.orb--thinking .orb-core{animation:orb-think 1.1s ease-in-out infinite}.orb--thinking .orb-ring{animation-duration:1.6s;border-style:dashed}@keyframes orb-breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes orb-pulse{0%{transform:scale(.82);opacity:.6}70%{opacity:.08}to{transform:scale(1.28);opacity:0}}@keyframes orb-think{0%,to{transform:scale(1)}50%{transform:scale(.9)}}.voice-captions{max-width:480px;text-align:center;min-height:54px}.caption{margin:4px 0;color:#cfc1e8;line-height:1.5}.caption--user{color:#a893ff;font-size:.9rem}.caption--assistant{color:#f6ecff;font-size:1.05rem}@media (prefers-reduced-motion: reduce){.orb-core,.orb-ring{animation:none!important}}@media (max-width: 640px){.hero,.status-row{flex-direction:column;align-items:flex-start}.card{padding:16px}.composer{flex-direction:column}}