:root{--pink:#ff6ec7;--aqua:#00f5d4;--aqua2:#0ff;--purple:#9d4edd;--deep:#1a0033;--bg0:#0d1b2a;--bg1:#0f0f1e;--text:#fff;--dim:#fff9;--faint:#ffffff59;--grid:#ff6ec71a;--card:#0d1b2a8c;--line:#ff6ec738;--ok:var(--aqua);--warn:var(--pink);--err:#ff5470;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--display:"Orbitron", ui-monospace, monospace;--mono:ui-monospace, "Geist Mono", "SF Mono", monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--sans);color:var(--text);background:linear-gradient(135deg, var(--deep) 0%, var(--bg0) 28%, #2d0a3d 55%, var(--bg1) 100%);background-attachment:fixed;justify-content:center;min-height:100vh;display:flex;overflow-x:hidden}.neon-grid{z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, #00ffff0d 1px, transparent 1px);transform-origin:50%;background-size:60px 60px;animation:30s linear infinite grid-move;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}@keyframes grid-move{0%{transform:perspective(500px)rotateX(60deg)translateY(0)}to{transform:perspective(500px)rotateX(60deg)translateY(60px)}}main{z-index:1;flex-direction:column;width:100%;max-width:760px;min-height:100vh;padding:20px;display:flex;position:relative}header{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{font-family:var(--display);letter-spacing:.14em;color:var(--aqua);text-shadow:0 0 10px #00f5d499,0 0 24px #00f5d44d;font-size:15px;font-weight:700}.brand span{color:var(--pink);letter-spacing:.1em;text-shadow:0 0 10px #ff6ec780;margin-left:8px;font-size:12px}.picks{align-items:center;gap:14px;display:flex}.modelpick{color:var(--faint);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-family:var(--mono);align-items:center;gap:7px;display:flex}select{color:var(--text);border:1px solid var(--line);font-family:var(--mono);background:#0006;border-radius:6px;padding:6px 8px;font-size:12px;box-shadow:inset 0 0 10px #ff6ec71f}select:focus{border-color:var(--aqua);outline:none;box-shadow:0 0 12px #00f5d44d}.stage{flex-direction:column;align-items:center;gap:18px;padding:40px 0 26px;display:flex}#orb{background:radial-gradient(circle at 50% 38%,#9d4edd40,#0d1b2a99 70%);border:1px solid #ff6ec759;border-radius:50%;place-items:center;width:150px;height:150px;transition:box-shadow .45s;display:grid;position:relative;box-shadow:0 0 40px #9d4edd40,inset 0 0 40px #00000080}#orb .core{background:radial-gradient(circle at 40% 35%, #fff, var(--pink) 45%, var(--purple) 90%);width:74px;height:74px;box-shadow:0 0 24px var(--pink), 0 0 48px #9d4edd80;border-radius:50%;transition:background .3s,box-shadow .3s;animation:3.4s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.9;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}#orb[data-state=listening]{border-color:#00f5d499;box-shadow:0 0 56px #00f5d480,inset 0 0 40px #0006}#orb[data-state=listening] .core{background:radial-gradient(circle at 40% 35%, #eafffb, var(--aqua) 50%, #0c8f7e 92%);box-shadow:0 0 28px var(--aqua), 0 0 60px #00f5d480;animation-duration:.9s}#orb[data-state=thinking]{border-color:#ff6ec7b3;box-shadow:0 0 64px #ff6ec78c,inset 0 0 40px #0006}#orb[data-state=thinking] .core{background:conic-gradient(from 0deg, var(--pink), var(--purple), var(--aqua), var(--pink));animation:1.1s linear infinite spin,3.4s ease-in-out infinite breathe}#orb[data-state=muted] .core{box-shadow:none;opacity:.5;background:#2a2a3a;animation:none}@keyframes spin{to{transform:rotate(360deg)}}#avatar{width:300px;height:300px;margin:0 auto;display:none}#avatar canvas{filter:drop-shadow(0 0 30px #9d4edd66);width:100%!important;height:100%!important}.stage.avatar-on #orb{display:none}.stage.avatar-on #avatar{display:block}#status{font-family:var(--mono);color:var(--dim);letter-spacing:.04em;font-size:13px}#status.ok{color:var(--aqua);text-shadow:0 0 10px #00f5d480}#status.warn{color:var(--pink);text-shadow:0 0 10px #ff6ec780}#status.err{color:var(--err)}.controls{flex-wrap:wrap;justify-content:center;gap:12px;padding-bottom:16px;display:flex}button{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:#fff;border:1px solid var(--line);cursor:pointer;background:#00000059;border-radius:6px;padding:12px 22px;font-size:12px;font-weight:600;transition:transform .12s,box-shadow .25s,border-color .25s,background .25s}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.4;cursor:default}#startBtn{background:linear-gradient(135deg, var(--pink), var(--purple));border-color:#0000;box-shadow:0 0 22px #ff6ec766}#startBtn:hover:not(:disabled){box-shadow:0 0 34px #ff6ec7a6}#startBtn.live{background:linear-gradient(135deg,#ff4d6d,#c01048);box-shadow:0 0 22px #ff4d6d80}#muteBtn,#shareBtn{color:var(--aqua);border-color:#00f5d459;box-shadow:0 0 10px #00f5d426}#muteBtn:hover:not(:disabled),#shareBtn:hover:not(:disabled){background:#00f5d414;box-shadow:0 0 20px #00f5d466}button.muted{color:var(--faint);box-shadow:none;border-color:#ffffff26}button.sharing{color:var(--aqua);border-color:var(--aqua);box-shadow:0 0 20px #00f5d473}#preview{object-fit:contain;border:1px solid var(--line);background:#000;border-radius:10px;width:100%;max-height:200px;margin-bottom:10px;display:none;box-shadow:0 0 24px #9d4edd40}#preview.on{display:block}#feed{flex-direction:column;flex:auto;gap:10px;padding:6px 2px;display:flex;overflow-y:auto}.row{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left-width:3px;border-radius:10px;grid-template-columns:70px 1fr;align-items:start;gap:10px;padding:10px 14px;animation:.28s fade;display:grid;position:relative}@keyframes fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.row .who{font-family:var(--mono);color:var(--faint);text-transform:uppercase;letter-spacing:.06em;padding-top:2px;font-size:10.5px}.row .body{font-size:14.5px;line-height:1.55}.row.user{border-left-color:var(--aqua)}.row.user .who{color:var(--aqua)}.row.voice{border-left-color:#ffffff40}.row.brain{border-left-color:var(--purple);background:#9d4edd1a}.row.brain .who{color:#c9a9ff}.row.brain[data-kind=look]{border-left-color:var(--aqua);background:#00f5d412}.row.brain[data-kind=look] .who{color:var(--aqua)}.row.brain .meta{font-family:var(--mono);color:var(--faint);grid-column:2;margin-top:2px;font-size:10px}footer{text-align:center;color:var(--faint);font-family:var(--mono);letter-spacing:.04em;padding:10px 0 4px;font-size:10px}