*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#111;min-height:100vh}.device-shell{color:#e0e0e0;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:24px;flex-direction:column;width:400px;min-height:640px;margin:40px auto;font-family:Courier New,monospace;display:flex;overflow:hidden;box-shadow:0 0 60px #000c}.device-header{text-align:center;letter-spacing:.3em;color:#888;text-transform:uppercase;padding:20px 0 10px;font-size:.75rem}.device-brand{color:#ccc;font-weight:700}.device-screen{flex-direction:column;flex:1;padding:0 20px;display:flex;overflow:hidden}.device-divider{background:#2a2a2a;height:1px;margin:16px 0}.device-orb-wrapper{flex-direction:column;align-items:center;gap:8px;padding:24px 0 8px;display:flex}.orb{color:#555;font-size:3.5rem;line-height:1;transition:color .4s,text-shadow .4s}.orb--idle{color:#444}.orb--waiting{color:#455a64}.orb--listening{color:#4fc3f7}.orb--recording{color:#ef5350}.orb--transcribing{color:#26c6da}.orb--thinking{color:#ce93d8}.orb--working{color:#ffb74d}.orb--speaking{color:#81c784}.orb--glow.orb--listening{text-shadow:0 0 20px #4fc3f7,0 0 40px #4fc3f780}.orb--glow.orb--recording{text-shadow:0 0 20px #ef5350,0 0 40px #ef535080}.orb--glow.orb--transcribing{text-shadow:0 0 20px #26c6da,0 0 40px #26c6da80}.orb--glow.orb--thinking{text-shadow:0 0 20px #ce93d8,0 0 40px #ce93d880}.orb--glow.orb--working{text-shadow:0 0 20px #ffb74d,0 0 40px #ffb74d80}.orb--glow.orb--speaking{text-shadow:0 0 20px #81c784,0 0 40px #81c78480}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}@keyframes ripple{0%{letter-spacing:.02em}50%{letter-spacing:.12em}to{letter-spacing:.02em}}@keyframes breathe{0%,to{opacity:.35}50%{opacity:.8}}.orb--pulse{animation:1.2s ease-in-out infinite pulse}.orb--ripple{animation:1.5s ease-in-out infinite ripple}.orb--breathe{animation:4s ease-in-out infinite breathe}.device-state-label{letter-spacing:.25em;color:#666;text-transform:uppercase;font-size:.65rem}.device-state-label--waiting{color:#455a64}.device-state-label--listening{color:#4fc3f7}.device-state-label--recording{color:#ef5350}.device-state-label--transcribing{color:#26c6da}.device-state-label--thinking{color:#ce93d8}.device-state-label--working{color:#ffb74d}.device-state-label--speaking{color:#81c784}.device-activity{color:#ffb74d;letter-spacing:.05em;font-size:.7rem}.conversation-feed{scrollbar-width:thin;scrollbar-color:#2a2a2a transparent;flex-direction:column;flex:1;gap:16px;padding-bottom:16px;display:flex;overflow-y:auto}.conversation-feed--empty{color:#444;justify-content:center;align-items:center;font-size:.8rem;font-style:italic}.message{flex-direction:column;gap:4px;display:flex}.message-label{letter-spacing:.15em;text-transform:uppercase;color:#555;font-size:.6rem}.message--user .message-label{color:#4fc3f7}.message--ailfred .message-label{color:#81c784}.message-text{color:#ddd;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.85rem;line-height:1.6}.device-error{color:#ef9a9a;background:#2d1a1a;border:1px solid #6d3333;border-radius:8px;margin:0 20px 8px;padding:8px 12px;font-size:.75rem}.device-footer{background:#0a0a0a;border-top:1px solid #1e1e1e;padding:12px 16px 20px}.input-bar{align-items:flex-end;gap:8px;display:flex}.input-bar__textarea{color:#e0e0e0;resize:none;background:#1a1a1a;border:1px solid #333;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:.82rem;line-height:1.5;transition:border-color .2s}.input-bar__textarea:focus{border-color:#4fc3f7}.input-bar__textarea:disabled{opacity:.3;cursor:not-allowed}.input-bar__send{color:#4fc3f7;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:50%;flex-shrink:0;width:40px;height:40px;font-size:1rem;transition:background .2s,border-color .2s}.input-bar__send:hover:not(:disabled){background:#1e2d3a;border-color:#4fc3f7}.input-bar__send:disabled{opacity:.25;cursor:not-allowed}.input-bar__mic{color:#aaa;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:50%;flex-shrink:0;width:40px;height:40px;font-size:1rem;transition:background .2s,border-color .2s,color .2s}.input-bar__mic:hover:not(:disabled){color:#ef5350;background:#1a1010;border-color:#ef5350}.input-bar__mic--recording{color:#ef5350;background:#1a1010;border-color:#ef5350;animation:1s ease-in-out infinite pulse}.input-bar__mic--conversation{color:#ef5350;background:#1a1010;border-color:#ef5350}.input-bar__mic:disabled{opacity:.25;cursor:not-allowed}