:root{--bg: #0d0f0c;--panel: #161914;--panel2: #1d211a;--line: #2b3026;--sand: #c9b37c;--sand-dim: #8f8059;--text: #ebe8dc;--dim: #9c9c8a;--ok: #86b96f;--warn: #e2a63c;--bad: #d8574f;--wts: #3a7bc8;--mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--sans: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans)}body{-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{margin:0;line-height:1.1;letter-spacing:.01em}p{margin:0}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sand)}.dim{color:var(--dim)}.mono{font-family:var(--mono)}.app{max-width:520px;margin:0 auto;padding:16px 16px 40px;min-height:100vh}.app.wide{max-width:1120px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 14px;border-bottom:1px solid var(--line);margin-bottom:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.brand-mark{width:26px;height:26px;border:1.5px solid var(--sand);display:grid;place-items:center;transform:rotate(45deg);flex:none}.brand-mark i{width:8px;height:8px;background:var(--sand);display:block}.demo-tag{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--bg);background:var(--sand);padding:3px 7px;border-radius:2px;text-transform:uppercase;white-space:nowrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.card+.card{margin-top:12px}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack>*+*{margin-top:10px}.btn{border:1px solid var(--sand);background:var(--sand);color:#14160f;font-weight:700;letter-spacing:.04em;padding:12px 16px;border-radius:8px;transition:transform .12s,filter .12s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98)}.btn.ghost{background:transparent;color:var(--sand)}.btn.small{padding:7px 11px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}label.field{display:block;font-size:12px;color:var(--dim);letter-spacing:.04em}label.field span{display:block;margin-bottom:5px}.input{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:11px 12px;border-radius:8px;outline:none}.input:focus{border-color:var(--sand)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--dim);white-space:nowrap}.pill.ok{color:var(--ok);border-color:#3c5433}.pill.warn{color:var(--warn);border-color:#5e4a22}.pill.bad{color:var(--bad);border-color:#5e2b28}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}.note{font-size:12px;color:var(--dim);border-left:2px solid var(--sand-dim);padding:2px 0 2px 10px}.fade-in{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulseRing{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.2);opacity:0}}