:root{color-scheme:dark;--orange: #ff5a1f;--orange-hot: #ff7443;--green: #53d98c;--amber: #ffc45c;--red: #ff6b5f;--ink: #f8f6f2;--muted: #928d86;--black: #090909}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:240px;height:282px;margin:0;overflow:hidden;background:var(--black)}body{color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none}button{color:inherit;font:inherit;touch-action:manipulation}[hidden]{display:none!important}.voice{position:relative;display:flex;width:240px;height:282px;flex-direction:column;padding:13px 12px 9px;background:radial-gradient(circle at 88% -6%,rgba(255,90,31,.22),transparent 34%),linear-gradient(180deg,#0d0d0d,#090909)}.voice:before{position:absolute;top:0;left:0;width:68px;height:3px;background:var(--orange);content:""}.topbar{display:flex;height:42px;flex:0 0 42px;align-items:flex-start;justify-content:space-between}.eyebrow{margin:0 0 2px;color:var(--orange);font-size:7px;font-weight:850;letter-spacing:.22em;line-height:1}h1{margin:0;font-size:16px;font-weight:880;letter-spacing:-.035em;line-height:1}.transport{padding:4px 6px 3px;border:1px solid #3d3935;border-radius:4px;color:#a9a39b;font-size:7px;font-weight:850;letter-spacing:.08em}.transport.fallback{border-color:#ffc45c8c;color:var(--amber)}.presence{display:flex;height:127px;flex:0 0 127px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #34312e;border-radius:13px;background:linear-gradient(155deg,#1d1b19,#111110);overflow:hidden}.presence strong{margin-top:10px;color:var(--ink);font-size:18px;font-weight:900;letter-spacing:.1em;line-height:1}.presence p{margin:6px 0 0;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.12em;line-height:1}.orb{position:relative;display:flex;width:54px;height:54px;align-items:center;justify-content:center;gap:3px;border-radius:50%;background:#ff5a1f1f;box-shadow:inset 0 0 0 1px #ff5a1f52,0 0 20px #ff5a1f14}.orb i{display:block;width:3px;height:12px;border-radius:3px;background:var(--orange-hot);transform:scaleY(.35)}.presence[data-state=LISTENING] .orb{background:#53d98c1c;box-shadow:inset 0 0 0 1px #53d98c73,0 0 20px #53d98c1a}.presence[data-state=LISTENING] .orb i{background:var(--green);animation:listen .9s ease-in-out infinite alternate}.presence[data-state=LISTENING] .orb i:nth-child(2){animation-delay:-.42s}.presence[data-state=THINKING] .orb{animation:think 1.1s ease-in-out infinite}.presence[data-state=SPEAKING] .orb i{animation:speak .48s ease-in-out infinite alternate}.presence[data-state=SPEAKING] .orb i:nth-child(2){animation-delay:-.22s}.presence[data-state=SPEAKING] .orb i:nth-child(3){animation-delay:-.36s}.presence[data-state=OFFLINE] .orb,.presence[data-state=ERROR] .orb{background:#ff6b5f1a;box-shadow:inset 0 0 0 1px #ff6b5f73}.presence[data-state=OFFLINE] .orb i,.presence[data-state=ERROR] .orb i{background:var(--red)}.talk-button{display:flex;height:68px;flex:0 0 68px;flex-direction:column;align-items:center;justify-content:center;margin-top:8px;border:0;border-radius:10px;background:var(--orange);box-shadow:0 8px 22px #ff5a1f24;color:#180b06;cursor:pointer;transition:transform .11s ease,background .11s ease}.talk-button:active:not(:disabled),.talk-button.pressed:not(:disabled){background:var(--ink);transform:scale(.975)}.talk-button.active{background:var(--green);color:#06170d}.talk-button.error{background:var(--red);color:#1d0806}.talk-button:disabled{cursor:default;opacity:.58;box-shadow:none}.talk-button span{font-size:14px;font-weight:900;letter-spacing:.04em}.talk-button small{margin-top:4px;font-size:7px;font-weight:800;letter-spacing:.11em;opacity:.66}.status-line{display:flex;min-height:15px;flex:1;align-items:flex-end;justify-content:space-between;padding:0 2px;color:#746f69;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;font-weight:750;letter-spacing:.035em;white-space:nowrap}.status-line>span{max-width:120px;overflow:hidden;text-overflow:ellipsis}.fallback-button{padding:2px 4px;border:1px solid #625033;border-radius:3px;background:transparent;color:var(--amber);font-size:7px;font-weight:850}@keyframes listen{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes speak{0%{transform:scaleY(.25)}to{transform:scaleY(1.45)}}@keyframes think{50%{transform:rotate(180deg) scale(.86)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}