:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--bg: #f5f5f5;--bg-panel: #ffffff;--bg-overlay: rgba(255, 255, 255, .9);--text: #111111;--text-muted: #666666;--border: #dddddd;--accent: #111111;background-color:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}main{padding:1rem;margin:auto;max-width:72rem}section{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1rem}h1,h2,h3{font-weight:600;margin-bottom:.5rem}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);border-radius:999px;padding:.4rem .9rem;font-size:.9rem;cursor:pointer}button:hover{background:#f0f0f0}button:active{background:#e6e6e6}input,select{border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem;background:var(--bg-panel);color:var(--text)}.debug-overlay{position:fixed;bottom:1rem;left:1rem;background:var(--bg-overlay);border:1px solid var(--border);border-radius:12px;padding:.75rem;max-width:420px;font-size:.8rem;color:var(--text);box-shadow:0 8px 24px #00000014}pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;background:#fafafa;border:1px solid var(--border);border-radius:8px;padding:.5rem;overflow-x:auto}.muted{color:var(--text-muted)}@media (prefers-color-scheme: dark){:root{--bg: #111111;--bg-panel: #1a1a1a;--bg-overlay: rgba(26, 26, 26, .9);--text: #eeeeee;--text-muted: #999999;--border: #333333;--accent: #ffffff}pre,code{background:#161616}button:hover{background:#222}button:active{background:#2a2a2a}}