:root{--bg: #0b0f17;--panel: #131a26;--panel2: #0e1420;--line: #243044;--text: #e8eef7;--muted: #8a9bb5;--accent: #4cc2ff;--good: #46d39a;--warn: #ffcc66;--bad: #ff6b6b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}.app{min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);max-width:560px;margin:0 auto}.head{padding:18px 4px 8px}.brand{font-size:26px;font-weight:800;letter-spacing:-.5px}.tag{color:var(--muted);font-size:13px;margin-top:2px}.pill{display:inline-block;margin-top:10px;font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--line)}.pill.ok{color:var(--good);border-color:#1f5a45}.pill.warn{color:var(--warn);border-color:#5a4d1f}.stage{flex:1;display:flex;flex-direction:column;gap:16px;padding:12px 4px}.talk{width:100%;aspect-ratio:1 / 1;max-height:46vh;border-radius:28px;border:2px solid var(--line);background:radial-gradient(120% 120% at 50% 20%,#1b2740,#0e1626);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:30px;font-weight:800;user-select:none;touch-action:none;transition:transform .05s ease,border-color .15s ease,background .15s}.talk:active{transform:scale(.99)}.talk.recording{border-color:var(--bad);background:radial-gradient(120% 120% at 50% 20%,#3a1c24,#1b0e12)}.talk.uploading,.talk.thinking{border-color:var(--warn)}.talk.speaking{border-color:var(--good)}.talk:disabled{opacity:.85}.talkLabel{font-size:30px}.talkHint{font-size:13px;font-weight:500;color:var(--muted)}.io{display:grid;gap:10px}.field{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.field.hl{border-color:#1f5a45}.fieldLabel{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.fieldValue{font-size:17px;margin-top:4px;line-height:1.35}.rest{background:var(--panel);border:1px solid #5a4d1f;border-radius:14px;padding:14px;display:flex;align-items:center;gap:14px}.restNum{font-size:30px;font-weight:800;color:var(--warn)}.restMeta{flex:1;font-size:13px;color:var(--muted)}.typed{display:flex;gap:8px}.typed input,.secret input{flex:1;background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px 14px;font-size:16px}.ghost{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:10px 14px;font-size:15px;font-weight:600}.diag{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:12px;margin:8px 4px 16px}.diagHead{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin-bottom:8px}.link{background:none;border:none;color:var(--accent);font-size:13px}.diagActions{display:flex;gap:14px}.caps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.cap{font-size:12px;padding:4px 8px;border-radius:8px;border:1px solid var(--line)}.cap.ok{color:var(--good)}.cap.no{color:var(--bad)}.secret summary{font-size:13px;color:var(--muted);cursor:pointer;margin-bottom:6px}.log{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5;color:#aebfd6;white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto;margin:0}