:root{--bg: #fbfaf8;--panel: #ffffff;--ink: #1b1a17;--muted: #6b675f;--line: #e4e0d8;--accent: #8a4b2a;--accent-soft: #f4ece5;--danger: #9b2c2c;--radius: 10px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #171614;--panel: #201e1b;--ink: #ece8e1;--muted: #a09a90;--line: #34302b;--accent: #d99a6c;--accent-soft: #2b2622;--danger: #e08585}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:820px;margin:0 auto;padding:24px 16px 0;min-height:100vh;display:flex;flex-direction:column}.shell.centered{justify-content:center;padding-bottom:15vh}header h1{margin:0;font-size:1.5rem;letter-spacing:-.01em}.sub{margin:4px 0 20px;color:var(--muted);font-size:.9rem}.db.ready{color:var(--muted)}.db.error{color:var(--danger)}.transcript{flex:1;display:flex;flex-direction:column;gap:22px}.examples{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.examples p{width:100%;margin:0 0 4px;color:var(--muted);font-size:.9rem}.examples button{background:var(--accent-soft);border:1px solid var(--line);color:var(--ink);padding:7px 12px;border-radius:999px;font-size:.86rem;cursor:pointer}.examples button:hover{border-color:var(--accent)}.turn{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:16px}.question{margin:0 0 10px;font-weight:600;color:var(--accent)}.prose{margin:0 0 12px;white-space:pre-wrap}.status{margin:0;color:var(--muted);font-size:.87rem;font-style:italic}.error{color:var(--danger);margin:0}.empty{color:var(--muted);margin:0 0 10px}.table-wrap{overflow-x:auto;margin:0 0 12px}table{border-collapse:collapse;width:100%;font-size:.87rem}th,td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}td.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:none}.meta{margin:8px 0 0;color:var(--muted);font-size:.78rem}.sql summary{cursor:pointer;color:var(--muted);font-size:.85rem}.sql pre{background:var(--accent-soft);border:1px solid var(--line);border-radius:8px;padding:12px;overflow-x:auto;font-family:var(--mono);font-size:.8rem;line-height:1.5}.assumptions{color:var(--muted);font-size:.85rem;margin:8px 0 0}.composer{position:sticky;bottom:0;display:flex;gap:8px;padding:16px 0;background:linear-gradient(to bottom,transparent,var(--bg) 26%)}.composer input,.passcode input{flex:1;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);font-size:.95rem}.composer input:focus,.passcode input:focus{outline:2px solid var(--accent);outline-offset:-1px}.composer button,.passcode button{padding:11px 20px;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer}.composer button:disabled,.passcode button:disabled{opacity:.45;cursor:default}.passcode{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:12px}.passcode h2{margin:0;font-size:1.1rem}.passcode p{margin:0;color:var(--muted);font-size:.9rem}@media(max-width:520px){.shell{padding:18px 16px 0}th,td{padding:6px}}