@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=dark]{--bg: #0d0d0d;--surface: #1a1a1a;--surface-2: #222;--accent: #d32f2f;--accent-glow: rgba(211, 47, 47, .3);--text: #e0e0e0;--text-dim: #777;--text-faint: #555;--border: #333;--link: #e57373;--link-hover: #ff8a80;--code-bg: #1a1a1a;--logo-glow: rgba(255, 255, 255, .6)}[data-theme=light]{--bg: #f2f0ed;--surface: #ffffff;--surface-2: #e8e6e3;--accent: #c62828;--accent-glow: rgba(198, 40, 40, .2);--text: #1a1a1a;--text-dim: #888;--text-faint: #aaa;--border: #d0cdc8;--link: #c62828;--link-hover: #e53935;--logo-glow: rgba(0, 0, 0, .25);--code-bg: #e8e6e3}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:Syne,system-ui,sans-serif;line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:.5em}h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.3rem}h4{font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}p{margin-bottom:1em;text-align:left}b,strong{font-weight:700}a{color:var(--link);text-decoration:none;transition:color .15s}a:hover{color:var(--link-hover)}ul,ol{margin-bottom:1em;padding-left:1.5em}li{margin-bottom:.4em;text-align:left}pre,code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85rem}code{background:var(--code-bg);padding:2px 6px;border-radius:4px}pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 18px;overflow-x:auto;margin-bottom:1em}pre code{background:none;padding:0}.container{max-width:560px;margin:0 auto;padding:24px 20px 80px}nav{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:12px;border-bottom:1px solid var(--border);font-size:13px;letter-spacing:.5px;text-transform:uppercase}nav a{color:var(--text-dim);display:flex;align-items:center}nav a:hover{color:var(--text)}.nav-logo{width:28px;height:28px;filter:drop-shadow(0 0 .4rem var(--logo-glow));display:block}input[type=text],input[type=email],input[type=url],input[type=search],textarea{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:8px;font-family:Syne,system-ui,sans-serif;font-size:14px;outline:none;transition:border-color .2s;margin-bottom:8px}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder{color:var(--text-faint)}input[type=submit],button{background:var(--accent);border:none;color:#fff;padding:10px 24px;border-radius:8px;font-family:Syne,system-ui,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}input[type=submit]:hover,button:hover{filter:brightness(1.15)}.theme-toggle{margin-left:auto;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;z-index:100;padding:0;filter:none}.theme-toggle:hover{color:var(--text);border-color:var(--text-dim);filter:none}footer{font-size:.8em;color:var(--text-dim);margin-top:3em}footer a{color:var(--text-dim)}footer a:hover{color:var(--text)}img{max-width:100%;height:auto}