:root{--bg: #0c0e12;--panel: #14171d;--panel-2: #1c2029;--line: #252a34;--text: #e8ebf0;--muted: #868e9e;--accent: #6ea8fe;--accent-dim: #2b4a7d;--warn: #f0a83c;--danger: #f2666a;--ok: #52c98a;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}code{font-family:var(--mono);font-size:.92em;color:var(--accent)}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:8px;padding:7px 14px;transition:background .12s,border-color .12s;white-space:nowrap}button:hover:not(:disabled){background:#272d38;border-color:#38414f}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#0b1220;font-weight:600}button.primary:hover:not(:disabled){background:#8ab9ff}button.ghost{background:transparent}button.ghost:hover:not(:disabled){background:var(--panel-2)}button.tiny{padding:4px 9px;font-size:12.5px}input,select,textarea{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 11px;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-dim)}.muted{color:var(--muted)}.warn{color:var(--warn)}.error{color:var(--danger)}.tiny{font-size:12.5px}.mono{font-family:var(--mono)}.row{display:flex;align-items:center;gap:9px}.stack{display:flex;flex-direction:column;gap:10px}.spacer{flex:1}.sep{margin:0 8px;opacity:.4}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0;flex-wrap:wrap}.brand{font-weight:700;letter-spacing:.3px;font-size:16px}.brand span{color:var(--accent)}.strip{padding:7px 16px;border-bottom:1px solid var(--line);background:var(--bg);font-size:12.5px;color:var(--muted);flex-shrink:0}.strip.error{color:var(--danger)}.main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.centre{display:grid;place-items:center;min-height:100vh;padding:24px}.onboard{width:100%;max-width:380px}.onboard h1{margin:0 0 6px;font-size:30px}.onboard h1 span{color:var(--accent)}.onboard p{margin:0 0 20px;font-size:14px}.scroll{overflow-y:auto;padding:20px 18px 40px;flex:1;min-height:0}.utterance{margin-bottom:14px;max-width:780px}.utterance .who{font-weight:600;font-size:13px}.utterance .when{color:var(--muted);font-size:11.5px;font-family:var(--mono)}.utterance .said{margin-top:1px}.utterance.partial .said{color:var(--muted)}.utterance.unknown .who{color:var(--warn)}.dot-sm{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.dot-sm.unknown{background:var(--warn)}.syna-said{border-left:2px solid var(--accent);padding:2px 0 2px 12px;margin:0 0 14px;max-width:780px}.syna-said.urgent{border-left-color:var(--warn)}.syna-said .label{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:var(--accent);font-weight:700}.syna-said.urgent .label{color:var(--warn)}.empty{color:var(--muted);text-align:center;padding:60px 24px;font-size:14px;max-width:440px;margin:0 auto;line-height:1.7}.synabar{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--panel-2);border-bottom:2px solid var(--accent);padding:14px 46px 14px 18px;box-shadow:0 8px 28px #00000080;animation:drop .18s ease-out}.synabar.urgent{border-bottom-color:var(--warn)}@keyframes drop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.synabar-label{font-size:11px;letter-spacing:.8px;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:3px}.synabar.urgent .synabar-label{color:var(--warn)}.synabar-text{font-size:15.5px;max-width:720px}.synabar-close{position:absolute;top:10px;right:12px;background:transparent;border:none;color:var(--muted);font-size:15px;padding:4px 8px}.synabar-close:hover{color:var(--text);background:transparent}.meter{width:54px;height:5px;background:var(--panel-2);border-radius:3px;overflow:hidden}.meter>div{height:100%;background:var(--ok);transition:width 90ms linear}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot.on{background:var(--ok);box-shadow:0 0 7px var(--ok);animation:pulse 2s infinite}.dot.off{background:#444b58}@keyframes pulse{50%{opacity:.45}}.login{width:100%;max-width:330px}.login h1{margin:0 0 4px;font-size:28px}.login .sub{color:var(--muted);margin-bottom:22px;font-size:14px}