:root{--bg: #000;--ink: #f4f1ee;--dim: #8d8780;--faint: #4a443e;--orange: #ff5c1a;--red: #ff2e2e;--font: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:14px/1.5 var(--font);overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}.icon{display:block;border-radius:22%;box-shadow:0 0 30px #ff5c1a59}.word{font-weight:900;letter-spacing:-.055em;line-height:1;color:var(--ink)}.sub{font-weight:700;letter-spacing:.5em;color:var(--orange);font-size:10px;margin-right:-.5em}.logo{position:fixed;top:26px;left:50%;transform:translate(-50%);z-index:3;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:12px}.logo .icon{width:64px;height:64px}.talk{position:fixed;left:50%;bottom:34px;transform:translate(-50%);z-index:3;width:min(620px,calc(100vw - 32px));display:flex;flex-direction:column;align-items:center;gap:14px}.said{margin:0;min-height:1.5em;max-height:28vh;overflow:auto;text-align:center;font-size:16px;line-height:1.55;color:var(--ink);text-shadow:0 0 22px #000,0 0 6px #000;white-space:pre-wrap;scrollbar-width:none}.said .you{display:block;color:var(--dim);font-size:13px;margin-bottom:6px}.said .err{color:var(--red)}.orb{width:64px;height:64px;border-radius:50%;border:0;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#2a1a12,#0b0806 70%);box-shadow:inset 0 0 0 1px #ff5c1a4d,0 0 30px #ff5c1a1f;transition:transform .18s,box-shadow .25s;touch-action:none}.orb span{width:12px;height:20px;border-radius:7px;background:var(--orange);transition:transform .18s}.orb:hover{box-shadow:inset 0 0 0 1px #ff5c1a99,0 0 40px #ff5c1a40}.orb.on{transform:scale(1.12);box-shadow:0 0 0 6px #ff5c1a2e,0 0 60px #ff5c1a8c}.orb.on span{transform:scaleY(1.2)}.orb.muted span{background:var(--faint)}.orb.muted{box-shadow:inset 0 0 0 1px #2a2622}body.thinking .orb span{animation:breathe .8s ease-in-out infinite}@keyframes breathe{50%{opacity:.35}}.hint{margin:0;color:var(--faint);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:radial-gradient(ellipse at center,#280e0473,#000000eb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gate[hidden]{display:none}.card{width:min(340px,calc(100vw - 32px));display:flex;flex-direction:column;align-items:center;gap:12px}.card .icon{width:96px;height:96px;margin-bottom:4px}.card .word{font-size:44px}.card .sub{margin-bottom:24px}.card form{width:100%;display:flex;flex-direction:column;gap:10px}.card form[hidden]{display:none}.card input{background:#ffffff0a;border:1px solid #2a2622;border-radius:12px;padding:13px 15px;color:var(--ink);font:inherit;outline:none;transition:border-color .2s}.card input:focus{border-color:var(--orange)}.card form button,.wake{width:100%;border:0;border-radius:12px;padding:14px;font-weight:700;letter-spacing:.02em}.card form button{background:var(--orange);color:#fff}.wake{background:var(--orange);color:#fff;font-size:15px;box-shadow:0 0 50px #ff5c1a66}.wake[hidden]{display:none}.err{color:var(--red);min-height:1em;margin:2px 0 0;font-size:12px;text-align:center}@media (max-width: 600px){.logo{top:18px}.logo .icon{width:52px;height:52px}.talk{bottom:24px}}