:root{--bg: #F3F5F7;--surface: #FFFFFF;--ink: #1B2430;--ink-2: #5B6774;--line: #DCE2E8;--nav: #1F2E3D;--nav-ink: #C9D3DD;--accent: #0E7C86;--accent-soft: #E3F2F3;--danger: #B4232C;--code-bg: #F6F8FA;--warn-bg: #FFF4E0;--warn-ink: #7A4B00;--radius: 6px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:IBM Plex Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--ink);background:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{padding:9px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);font:inherit;font-weight:500;cursor:pointer;color:var(--ink)}.btn:hover{background:var(--bg)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#0b6870}