:root{--bg: #f4efe6;--paper: #fbf8f1;--ink: #1a1817;--muted: #6e655a;--faint: #a59c8e;--rule: #d9d1c2;--past: #8a8074;--ok: #2f7d4a;--alert: #b34a1f}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.5;min-height:100vh}.display{font-family:Fraunces,Georgia,serif;font-feature-settings:"ss01";letter-spacing:-.01em}.mono{font-family:JetBrains Mono,ui-monospace,monospace}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--rule);background:#fff;color:var(--ink);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ink)}input[type=checkbox]{width:16px;height:16px;padding:0;cursor:pointer;accent-color:var(--ink)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;padding:0;background:var(--rule);border:none;outline:none;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--ink);cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--ink);cursor:pointer;border:none}.btn{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.btn:hover,.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--alert);border-color:var(--alert)}.btn-soft{background:transparent;border:1px solid var(--rule);color:var(--muted);padding:8px 12px;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.btn-soft:hover{color:var(--ink);border-color:var(--ink)}.btn-ghost{border:none;background:transparent;color:var(--muted);padding:10px 0;font-size:13px}.btn-ghost:hover{color:var(--alert);background:transparent}.btn:disabled,.btn-primary:disabled{opacity:.4;cursor:not-allowed}.icon-btn{background:transparent;border:none;color:var(--faint);padding:8px;display:flex;align-items:center;cursor:pointer;transition:color .15s ease}.icon-btn:hover{color:var(--alert)}.label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace}.row{transition:background .15s ease}.row:hover{background:var(--paper)}.tabular{font-variant-numeric:tabular-nums}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.live-dot{animation:pulse 2s ease-in-out infinite}.seg{display:inline-flex;border:1px solid var(--rule);border-radius:999px;overflow:hidden;background:#fff}.seg button{background:transparent;border:none;padding:5px 12px;font-size:11px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);cursor:pointer}.seg button.on{background:var(--ink);color:var(--paper)}.page{max-width:1040px;margin:0 auto;padding:48px 32px 80px}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--rule)}.section-header h3{margin:0;font-size:22px;font-weight:500}