:root{color-scheme:dark;--bg:#0b0f1a;--panel:#121829;--accent:#00c2ff;--accent2:#1b7fd4;--text:#eef2ff;--muted:#8b93b0;--bezel:#1c1d21;--bezel-dark:#0e0f12}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.echo-room{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 16px;background:radial-gradient(ellipse at 50% 30%,#17181d 0,#0a0a0c 70%)}.device-shell{width:min(100%,880px);background:linear-gradient(175deg,var(--bezel),var(--bezel-dark));border-radius:22px 22px 8px 8px;padding:16px 16px 0;box-shadow:0 40px 90px rgba(0,0,0,.65),inset 0 1px 0 hsla(0,0%,100%,.04);position:relative}.device-cam{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:#000;box-shadow:0 0 0 2px #2a2b30,inset 0 0 2px hsla(0,0%,100%,.15);z-index:2}.light-bar{height:4px;margin:2px 40px 10px;border-radius:999px;background:linear-gradient(90deg,#0a3a4a,#0a3a4a);display:flex;justify-content:center;gap:4px;position:relative;overflow:hidden}.light-bar span{display:none}.light-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.25}.light-bar.thinking:after{opacity:.6;animation:light-sweep 1.4s linear infinite}.light-bar.listening{background:linear-gradient(90deg,#00c2ff,#00e0ff,#00c2ff)}.light-bar.listening:after{opacity:.9;animation:light-sweep .7s linear infinite}@keyframes light-sweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.device-screen{border-radius:10px;background:radial-gradient(circle at 20% 0,#0f1720,#05070a 75%);min-height:560px;padding:24px 28px;position:relative;overflow:hidden;border:1px solid #000}.device-base{height:34px;margin-top:0;border-radius:0 0 14px 14px;background:linear-gradient(180deg,var(--bezel-dark),#050506);display:flex;align-items:center;justify-content:center}.device-base-grille{width:70%;height:10px;border-radius:6px;background-image:radial-gradient(circle,#000 1px,transparent 1.4px);background-size:5px 5px;opacity:.55}.persona-tabs{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.persona-tab{padding:8px 16px;border-radius:999px;border:1px solid #2a3356;background:#11151c;color:var(--muted);cursor:pointer;font-size:13px}.persona-tab.active{background:var(--accent);color:#06131a;font-weight:600;border-color:transparent}.ambient-clock{font-size:64px;font-weight:200;letter-spacing:1px;color:#f4f8ff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ambient-sub{color:var(--muted);margin-top:4px;margin-bottom:20px}.prompt-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-top:8px}.prompt-chip{text-align:left;background:#11151c;border:1px solid #262b35;color:var(--text);padding:10px 14px;border-radius:14px;cursor:pointer;font-size:13px}.prompt-chip:hover{border-color:var(--accent)}.transcript{margin-top:20px;max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.bubble{padding:10px 14px;border-radius:14px;max-width:85%;font-size:14px;line-height:1.4}.bubble.user{align-self:flex-end;background:var(--accent);color:#06131a;font-weight:500}.bubble.agent{align-self:flex-start;background:#f4f6fa;color:#14161c;border:none;box-shadow:0 6px 18px rgba(0,0,0,.35)}.tier-badge{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;font-size:10px;text-transform:uppercase;background:#06131a;color:var(--accent);border:1px solid var(--accent)}.bubble.agent .tier-badge{background:#e4e9f2;color:#0a7ea8;border-color:#0a7ea8}.input-row{margin-top:18px;display:flex;gap:8px}.input-row input{flex:1 1;padding:12px 14px;border-radius:12px;border:1px solid #262b35;background:#11151c;color:var(--text)}.input-row button{padding:12px 18px;border-radius:12px;border:none;background:var(--accent);color:#06131a;font-weight:600;cursor:pointer}.input-row button.mic-active{background:#e23e57;color:#fff;animation:mic-pulse 1s ease-in-out infinite}.mic-btn{width:44px;height:44px;padding:0!important;flex-shrink:0;display:grid;place-items:center;border-radius:999px!important;background:#14161c!important;color:#fff!important}.mic-btn:disabled{opacity:.3}.mic-btn.mic-active{background:#e23e57!important;animation:mic-pulse 1s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 rgba(226,62,87,.55)}50%{box-shadow:0 0 0 10px rgba(226,62,87,0)}}.toolbar{margin-top:12px;display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);flex-wrap:wrap}.toolbar select{background:#11151c;color:var(--text);border:1px solid #262b35;border-radius:8px;padding:4px 8px}.drawer{margin-top:18px;background:#0d0f13;border:1px solid #22262f;border-radius:14px;padding:14px;max-height:320px;overflow-y:auto;font-family:Cascadia Code,Consolas,monospace;font-size:11px}.drawer h4{margin:0 0 8px;color:var(--accent);font-family:inherit}.trace-call{border-top:1px solid #1c2029;padding:8px 0}.trace-call:first-child{border-top:none}.trace-label{color:var(--muted);margin-bottom:2px}pre{white-space:pre-wrap;word-break:break-word;margin:2px 0 6px}