:root{color-scheme:dark;--black: #000000;--surface: #14171b;--surface-raised: #20252b;--surface-strong: #2a3138;--text: #ffffff;--muted: #aab4bf;--dim: #77838f;--accent: #64e6ff;--accent-strong: #12c8e8;--danger: #ff6378;--success: #6ef2ad;--warning: #ffc66b;--focus: #ffffff;--radius: 14px}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--black);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}#app{width:min(600px,100vw);height:min(600px,100dvh);margin:0 auto;overflow:hidden;background:var(--black)}.screen{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.hidden{display:none!important}.topbar{min-height:54px;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border-bottom:1px solid #303740}.topbar h1{margin:0;font-size:20px;line-height:1.15}.topbar>span,.identity span{color:var(--muted);font-size:12px}.identity{min-width:0}.identity h1,.identity span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-chip{max-width:245px;padding:6px 9px;border-radius:999px;background:var(--surface-strong);color:var(--accent)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-message,.pairing-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}.center-message p,.helper{color:var(--muted);font-size:17px;line-height:1.45}.helper{max-width:470px;margin:0}.key-hint{color:var(--dim);margin:0;font-size:13px}.digit-row{display:flex;gap:9px}.digit{width:68px;height:86px;border:2px solid transparent;border-radius:var(--radius);background:var(--surface-raised);color:var(--text);font-size:38px;font-weight:750}.wide-button,.nav-button,.new-text{min-height:48px;border:2px solid transparent;border-radius:12px;background:var(--surface-raised);color:var(--text);font-weight:700}.wide-button{width:min(430px,100%);padding:12px 22px}.primary{background:var(--accent-strong);color:#001014}.danger{color:#fff;background:#52242c}.inline-error{margin:0;color:var(--danger);font-size:14px}.focusable{cursor:default;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.focusable:focus-visible,.focusable:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px #64e6ffbf,0 0 20px #64e6ff59}.focusable:active{transform:scale(.985)}.focusable:disabled{opacity:.62}.home-content{min-height:0;flex:1;display:flex;flex-direction:column;gap:7px;padding:9px 14px 8px}.record-button{flex:0 0 88px;width:100%;height:88px;border:2px solid transparent;border-radius:18px;background:linear-gradient(135deg,#263139,#182127);color:var(--text);display:flex;align-items:center;justify-content:center;gap:14px;font-size:23px;font-weight:800}.record-button[data-state=recording]{background:linear-gradient(135deg,#5c1e2a,#33151c)}.record-dot{width:22px;height:22px;border-radius:50%;background:var(--danger);box-shadow:0 0 14px #ff637899}.record-button[data-state=recording] .record-dot{border-radius:5px;animation:pulse 1.15s ease-in-out infinite}@keyframes pulse{50%{opacity:.5;transform:scale(.88)}}.status-line,.turn-meta,.answer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.status-line{min-height:22px;padding:0 4px;color:var(--accent);font-size:13px}.status-line #record-timer{color:var(--muted);font-variant-numeric:tabular-nums}.question-card{flex:0 0 50px;min-width:0;padding:7px 11px;border-radius:11px;background:var(--surface);overflow:hidden}.question-card span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.question-card p{margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.answer-shell{min-height:0;flex:1;display:flex;flex-direction:column;position:relative;border-radius:14px;background:var(--surface);overflow:hidden}.answer-heading{min-height:31px;padding:6px 11px;color:var(--muted);font-size:11px;border-bottom:1px solid #303740}.answer-heading b{color:var(--text);font-weight:650}.answer-heading i{color:var(--success);font-style:normal}.answer-panel{min-height:0;flex:1;padding:10px 12px;border:2px solid transparent;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dim) transparent}.answer-content{color:#f7f8f9;font-size:16px;line-height:1.43;white-space:pre-wrap;overflow-wrap:anywhere}.answer-content h3{margin:10px 0 5px;font-size:17px}.answer-content p{margin:0 0 8px}.answer-content ul{margin:0 0 8px;padding-left:22px}.answer-content li{margin-bottom:4px}.new-text{position:absolute;right:10px;bottom:26px;min-height:36px;padding:6px 10px;background:#1c5662;font-size:12px}.turn-meta{flex:0 0 24px;padding:3px 11px 5px;color:var(--dim);font-size:11px;border-top:1px solid #2a3037}.bottom-bar{min-height:56px;padding:7px 12px;display:flex;gap:7px;background:var(--surface);border-top:1px solid #303740}.nav-button{min-width:0;flex:1;padding:7px 9px;font-size:13px}.settings-content{min-height:0;flex:1;overflow-y:auto;padding:12px 16px}.settings-list{margin:0;display:grid;gap:7px}.settings-list div{display:grid;grid-template-columns:165px 1fr;gap:12px;padding:9px 11px;border-radius:10px;background:var(--surface)}.settings-list dt{color:var(--muted)}.settings-list dd{margin:0;text-align:right;overflow-wrap:anywhere}.diagnostic-card{margin-top:10px;padding:11px;border-radius:12px;background:var(--surface)}.diagnostic-card h2{margin:0 0 7px;font-size:14px;color:var(--muted)}.diagnostic-card pre{margin:0;max-height:155px;overflow-y:auto;white-space:pre-wrap;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--success)}@media(max-height:520px){.record-button{height:70px;flex-basis:70px;font-size:20px}.question-card{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{color:#f5f7fa;background:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:600px;height:600px;margin:0;overflow:hidden;background:#000}button{font:inherit;color:inherit;border:2px solid #3d444d;background:#1c2026}.probe-shell{width:600px;height:600px;padding:12px;display:grid;grid-template-rows:72px 112px 1fr 88px;gap:10px}header,.diagnostics,nav{border-radius:16px;background:#14181d}header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between}h1{margin:0;font-size:24px}header p{margin:3px 0 0;color:#b8c0ca;font-size:14px}#probe-state{color:#67e8f9;font-weight:700}.primary{border-radius:18px;background:#25313b;font-size:24px;font-weight:750}.diagnostics{min-height:0;padding:12px 16px}.diagnostics h2{margin:0 0 8px;color:#b8c0ca;font-size:14px}pre{margin:0;max-height:238px;overflow:hidden;white-space:pre-wrap;font:14px/1.42 ui-monospace,SFMono-Regular,Menlo,monospace}nav{padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:10px}nav button{min-height:72px;border-radius:14px;font-weight:700}.focusable:focus{outline:3px solid #67e8f9;outline-offset:3px;box-shadow:0 0 20px #67e8f973}.focusable:active{transform:scale(.96)}