:root{--bg:#0b0f11;--surface:#12171a;--border:#23292d;--text:#e6ebed;--text-dim:#8a969b;--accent:#3ecf8e;--danger:#e5645a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:SF Mono,IBM Plex Mono,ui-monospace,Menlo,monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0}#root{justify-content:center;align-items:flex-start;min-height:100vh;padding:64px 20px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;max-width:420px;padding:32px}.brand{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:12px}h1{margin:0 0 24px;font-size:20px;font-weight:600}label{color:var(--text-dim);margin:16px 0 6px;font-size:12px;display:block}input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:10px 12px;font-size:14px}input:focus{border-color:var(--accent);outline:none}button{background:var(--accent);color:#06120c;width:100%;font:inherit;cursor:pointer;border:none;border-radius:6px;margin-top:24px;padding:11px;font-size:14px;font-weight:600}button:disabled{opacity:.5;cursor:default}button.secondary{color:var(--text-dim);border:1px solid var(--border);background:0 0}.error{color:var(--danger);background:#e5645a1a;border:1px solid #e5645a4d;border-radius:6px;margin-top:14px;padding:10px 12px;font-size:13px}.hint{color:var(--text-dim);margin-top:14px;font-size:13px;line-height:1.5}.hint code{background:var(--bg);border:1px solid var(--border);color:var(--accent);border-radius:4px;padding:1px 5px}.link-row{color:var(--text-dim);text-align:center;margin-top:20px;font-size:13px}.link-row a{color:var(--accent);text-decoration:none}.kv{border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 0;font-size:14px;display:flex}.kv:last-child{border-bottom:none}.kv span:first-child{color:var(--text-dim)}.card.wide{max-width:760px}.topbar{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.topbar h1{margin:0}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;display:flex}.tab{width:auto;color:var(--text-dim);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin:0;padding:9px 14px;font-size:13px;font-weight:500}.tab[data-active=true]{color:var(--accent);border-bottom-color:var(--accent)}textarea{background:var(--bg);border:1px solid var(--border);width:100%;min-height:150px;color:var(--text);font:inherit;resize:vertical;border-radius:6px;padding:10px 12px;font-size:14px;line-height:1.6}textarea:focus{border-color:var(--accent);outline:none}.row{align-items:flex-end;gap:10px;display:flex}.row>*{flex:1;min-width:0}.row button{flex:none;width:auto;margin-top:0;padding:10px 16px}.table-scroll{margin-top:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px 8px 0;font-weight:500}td{border-bottom:1px solid var(--border);vertical-align:top;word-break:break-word;padding:9px 10px 9px 0}tr:last-child td{border-bottom:none}.pill{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:100px;padding:2px 8px;font-size:11px;display:inline-block}.pill[data-tone=good]{color:var(--accent);background:#3ecf8e14;border-color:#3ecf8e66}.pill[data-tone=bad]{color:var(--danger);background:#e5645a14;border-color:#e5645a66}.pill[data-tone=muted]{color:#d9a441;background:#d9a44114;border-color:#d9a44166}.stats{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.stat{background:var(--bg);border:1px solid var(--border);border-radius:6px;flex:1;min-width:90px;padding:12px}.stat-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:11px}.notice{color:var(--accent);background:#3ecf8e14;border:1px solid #3ecf8e4d;border-radius:6px;margin-top:14px;padding:10px 12px;font-size:13px;line-height:1.5}.icon-btn{border:1px solid var(--border);width:auto;color:var(--text-dim);background:0 0;border-radius:5px;margin:0;padding:3px 9px;font-size:12px}.empty{text-align:center;color:var(--text-dim);padding:28px 0;font-size:13px}