@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg:#f9fafb;--s0:#fff;--s1:#f3f4f6;--s2:#e5e7eb;--accent:#2563eb;--accent-m:#eff6ff;--accent-b:#bfdbfe;--ink:#111827;--ink2:#374151;--ink3:#6b7280;--ink4:#9ca3af;--g:#16a34a;--g-bg:#f0fdf4;--a:#d97706;--a-bg:#fffbeb;--r:#dc2626;--r-bg:#fef2f2;--pad:22px;--gap:10px;--gap-sm:6px;--rad:4px;--rad2:6px;--rad3:8px;--font-mono:"IBM Plex Mono", monospace;--font-sans:"IBM Plex Sans", sans-serif}[data-theme=dark]{--bg:#0d1117;--s0:#161b22;--s1:#21262d;--s2:#30363d;--accent:#4493f8;--accent-m:#1c2d3f;--accent-b:#1f4068;--ink:#e6edf3;--ink2:#cdd9e5;--ink3:#8b949e;--ink4:#6e7681;--g:#3fb950;--a:#d29922;--r:#f85149}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}body{background:var(--bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--ink);font-weight:600;line-height:1.3}p{color:var(--ink2)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:var(--font-mono)}.dot{border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.dot-g{background:var(--g)}.dot-a{background:var(--a)}.dot-r{background:var(--r)}.dot-b{background:var(--accent)}.btn{border-radius:var(--rad2);font-family:var(--font-sans);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.85}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--s1);color:var(--ink2);border:.5px solid var(--s2)}.card{background:var(--s0);border:.5px solid var(--s2);border-radius:var(--rad3);padding:var(--pad)}input,textarea,select{font-family:var(--font-sans);background:var(--s0);color:var(--ink);border:.5px solid var(--s2);border-radius:var(--rad2);outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--ink4)}
