:root{--lime: #84cc16;--lime-soft: rgba(132, 204, 22, .18);--lime-glow: rgba(132, 204, 22, .35);--bg: #0f172a;--bg-card: #1e293b;--bg-card-2: #131c2f;--line: rgba(148, 163, 184, .2);--text: #e2e8f0;--muted: #94a3b8;--danger: #ef4444;--amber: #f59e0b}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(900px 600px at 15% -10%,rgba(132,204,22,.12),transparent 60%),radial-gradient(900px 600px at 100% 110%,rgba(34,197,94,.08),transparent 60%),linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:var(--text);min-height:100vh;line-height:1.55}.shell{max-width:880px;margin:0 auto;padding:56px 22px 80px;display:flex;flex-direction:column;gap:36px;min-height:100vh}.hero{text-align:center}.badge{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--lime-soft);color:var(--lime);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(132,204,22,.35)}.hero h1{font-size:clamp(36px,6vw,56px);margin:18px 0 10px;background:linear-gradient(135deg,#fff 0%,var(--lime) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.tagline{color:var(--muted);max-width:560px;margin:0 auto;font-size:16px}.warn,.error{padding:12px 16px;border-radius:10px;font-size:14px;text-align:center}.warn{background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);color:var(--amber)}.error{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:var(--danger)}.stage{display:flex;flex-direction:column;gap:28px}.mic-area{display:flex;flex-direction:column;align-items:center;gap:14px}.mic{--c: var(--lime);display:flex;align-items:center;gap:14px;padding:18px 30px;font-size:17px;font-weight:600;color:#0f172a;background:var(--c);border:none;border-radius:999px;cursor:pointer;box-shadow:0 14px 40px -10px var(--lime-glow);transition:transform .12s ease,box-shadow .12s ease,background .2s ease}.mic:hover{transform:translateY(-1px)}.mic:active{transform:translateY(0)}.mic:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.mic-icon{font-size:22px;line-height:1}.mic-listening{--c: #fecaca;background:#fecaca;animation:pulse 1.2s ease-in-out infinite}.mic-thinking{--c: #94a3b8;background:#94a3b8}.mic-speaking{--c: #bef264;background:#bef264;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 14px 40px -10px var(--lime-glow)}50%{box-shadow:0 14px 40px -4px var(--lime-glow),0 0 0 12px #84cc1614}}.partial{margin:0;color:var(--lime);font-style:italic;text-align:center;font-size:15px;max-width:600px}.starters{display:flex;flex-direction:column;gap:12px}.starters-label{text-align:center;color:var(--muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:0}.starter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:540px){.starter-grid{grid-template-columns:1fr}}.starter{text-align:left;padding:14px 16px;background:var(--bg-card);color:var(--text);border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:14px;transition:border-color .15s ease,transform .1s ease,background .15s ease}.starter:hover{border-color:var(--lime);background:var(--bg-card-2);transform:translateY(-1px)}.transcript{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.bubble{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--bg-card);max-width:100%}.bubble-user{border-left:3px solid var(--lime)}.bubble-model{border-left:3px solid #38bdf8}.who{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.bubble-user .who{color:var(--lime)}.bubble-model .who{color:#38bdf8}.text{font-size:16px}.foot{margin-top:auto;display:flex;justify-content:center;padding-top:32px;border-top:1px solid var(--line)}.backlink{color:var(--muted);text-decoration:none;font-size:13px;transition:color .15s ease}.backlink:hover{color:var(--lime)}