:root{color-scheme:dark;--ink:#030403;--ember:#f13c22;--paper:#f5eee4;--muted:#9b9c96}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--ink);font-family:Georgia,Times New Roman,serif}button,input{font:inherit}.presence{min-height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;place-items:center;padding:clamp(20px,5vw,56px);background:radial-gradient(circle at 50% 49%,#171109 0,#070806 26%,#030403 68%)}header{width:min(100%,980px);display:flex;justify-content:space-between;align-items:center;letter-spacing:.28em;font-size:11px;color:var(--paper)}.header-actions{display:flex;gap:14px}.mode-switch,.session-control,.transcript-toggle{border:0;background:transparent;color:#e48570;text-transform:uppercase;letter-spacing:.12em;font-size:10px;cursor:pointer}.session-control{color:#f4c1a8}.eye{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:min(54vw,420px);aspect-ratio:1;border:0;border-radius:50%;background:conic-gradient(from 0deg,#e92418,#ff66bd,#704eff,#18c3d7,#5fe0bd,#f06a20,#e92418);padding:8px;box-shadow:0 0 34px #e4483590,0 0 110px #7c36cf55;cursor:pointer;animation:breathe 8s ease-in-out infinite}.halo{position:absolute;inset:-22%;background:conic-gradient(from 90deg,transparent,#3ce4ed55,transparent,#ff4cb955,transparent);filter:blur(18px);animation:turn 22s linear infinite}.halo,.lens{border-radius:50%}.lens{display:grid;place-items:center;position:absolute;inset:8px;background:radial-gradient(circle,#fff0c9 0 6%,#ff5830 9%,#b71f16 25%,#38100b 53%,#090909 70%);box-shadow:inset 0 0 30px #ffbc85}.lens i{width:17%;aspect-ratio:1;border-radius:50%;background:#180503;box-shadow:0 0 20px #000}.state{align-self:start;margin:0;color:var(--muted);letter-spacing:.08em;font-size:13px}.transcript-toggle{position:absolute;bottom:24px;color:#8b8d85;opacity:.6}.listening .eye{animation:breathe 2.8s ease-in-out infinite}.listening .halo{filter:blur(14px) saturate(1.25)}.arming .eye{animation:breathe 1.7s ease-in-out infinite}.stopping .eye{filter:saturate(.5)}.end_of_turn .eye{animation:breathe 1.5s ease-in-out infinite}.processing .eye{animation:breathe 1.1s ease-in-out infinite}.processing .eye .halo{animation-duration:3.5s;filter:blur(22px) saturate(1.5)}.speaking .eye{animation:breathe 3.8s ease-in-out infinite}.speaking .lens{box-shadow:inset 0 0 42px #ffd2ab,0 0 24px #f13c2290}.interrupted .eye{filter:saturate(.65)}.error .eye{filter:saturate(.2);animation:none}.dialogue,.error-message{position:absolute;bottom:clamp(76px,12vh,122px);width:min(600px,calc(100% - 40px));max-height:38dvh;overflow:auto;padding:20px 24px;border:1px solid #ffffff25;border-radius:18px;background:#10120fdd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--paper);box-shadow:0 20px 70px #000}.dialogue p{margin:0 0 16px;line-height:1.5;font-size:clamp(16px,2.6vw,21px)}.dialogue p:last-child{margin-bottom:0}.dialogue small,.latency small{display:block;margin-bottom:4px;color:#e48570;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.latency{color:#aaa!important;font-size:12px!important}.error-message p{margin:0;line-height:1.45}.error-message button{margin-top:14px;border:0;border-radius:999px;background:#d7482d;color:#190706;padding:9px 15px;cursor:pointer}.quiet-input{display:flex;gap:7px;width:min(520px,100%)}.quiet-input label{position:absolute;clip:rect(0 0 0 0)}.quiet-input input{min-width:0;flex:1 1;border:1px solid #ffffff2b;border-radius:999px;background:#0d0f0c;color:var(--paper);padding:12px 16px}.quiet-input button{border:0;border-radius:999px;background:#d7482d;color:#190706;padding:0 17px;cursor:pointer}.text-mode .eye{width:min(40vw,280px);opacity:.75}.voice-debug{position:fixed;z-index:5;left:12px;bottom:12px;width:min(360px,calc(100vw - 24px));max-height:72dvh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:10px 12px;border:1px solid #ffffff33;border-radius:9px;background:#070907e8;color:#c9d1c7;font:11px/1.4 ui-monospace,Consolas,monospace}.voice-debug span,.voice-debug strong{display:block}.voice-debug strong{color:#f18c72;letter-spacing:.1em}.voice-debug pre{max-height:none;overflow:visible;margin:8px 0 0;white-space:pre-wrap;color:#afb9ab}@keyframes breathe{50%{transform:scale(1.045);box-shadow:0 0 48px #e44835cc,0 0 130px #7c36cf77}}@keyframes turn{to{transform:rotate(1turn)}}@media (max-width:520px){.eye{width:70vw}.presence{padding:22px}.dialogue,.error-message{bottom:76px}.text-mode .eye{width:52vw}.transcript-toggle{bottom:18px}}.debug-copy{margin-top:8px;border:1px solid #f18c72;border-radius:5px;background:#2a120d;color:#f6c4b6;padding:7px 9px;font:inherit;letter-spacing:.08em}@media (max-width:520px){.voice-debug{top:12px;bottom:12px;width:calc(100vw - 24px);display:flex;flex-direction:column;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.voice-debug,.voice-debug pre{max-height:none;overflow-y:auto}.voice-debug pre{flex:1 1;min-height:0}}