*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-border: #2a2a2a;--color-text: #e8e8e8;--color-muted: #888;--color-accent: #6ee7b7;--color-accent-dim: #064e3b;--font-sans: system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", "Cascadia Code", ui-monospace, monospace;--radius: 6px;--max-width: 860px;--clr-lightyellow: #c9a227;--clr-text: var(--color-text);--clr-background: var(--color-bg);--clr-sun: #0f0f0f;--clr-moon: #e8e8e8}[data-theme=light]{--color-bg: #f9f9f9;--color-surface: #ffffff;--color-border: #e2e2e2;--color-text: #111111;--color-muted: #666666;--color-accent: #059669;--color-accent-dim: #d1fae5;--clr-background: #ffffff;--clr-sun: #111111;--clr-moon: #111111}html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.6}body{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{border-bottom:1px solid var(--color-border);padding:1rem 2rem}.site-header nav{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;gap:2rem}.site-header .logo{font-weight:600;color:var(--color-text);margin-right:auto}.site-header nav a{color:var(--color-muted);font-size:.9rem}.site-header nav a:hover{color:var(--color-text);text-decoration:none}main{flex:1;padding:3rem 2rem;max-width:var(--max-width);margin:0 auto;width:100%}.site-footer{border-top:1px solid var(--color-border);padding:1.5rem 2rem;text-align:center;color:var(--color-muted);font-size:.85rem}h1{font-size:2.25rem;line-height:1.2;font-weight:700}h2{font-size:1.5rem;line-height:1.3;font-weight:600;margin-top:2rem;margin-bottom:.75rem}h3{font-size:1.15rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem}p{margin-bottom:1rem}.tag{display:inline-block;padding:.2em .6em;background:var(--color-accent-dim);color:var(--color-accent);border-radius:var(--radius);font-size:.75rem;font-family:var(--font-mono)}.card{border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;background:var(--color-surface);transition:border-color .15s}.card:hover{border-color:var(--color-accent)}.card h2{margin-top:0;font-size:1.15rem}.card p{color:var(--color-muted);margin-bottom:.75rem;font-size:.9rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.btn{display:inline-block;padding:.6em 1.2em;background:var(--color-accent);color:#000;font-weight:600;border-radius:var(--radius);border:none;cursor:pointer;font-size:.9rem;transition:opacity .15s}.btn:hover{opacity:.85;text-decoration:none}.btn-ghost{background:transparent;color:var(--color-muted);border:1px solid var(--color-border)}.btn-ghost:hover{color:var(--color-text);border-color:var(--color-text)}.prose h2,.prose h3{color:var(--color-text)}.prose p{color:#ccc}.prose code{font-family:var(--font-mono);background:var(--color-surface);padding:.1em .3em;border-radius:3px;font-size:.88em}.prose pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem;overflow-x:auto;margin-bottom:1rem}.prose pre code{background:none;padding:0}.prose ul,.prose ol{padding-left:1.5rem;margin-bottom:1rem;color:#ccc}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-group label{font-size:.85rem;color:var(--color-muted)}.form-group input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.6em .8em;color:var(--color-text);font-size:1rem;width:100%}.form-group input:focus{outline:none;border-color:var(--color-accent)}.error-msg{color:#f87171;font-size:.875rem;margin-bottom:1rem}.checkbox-wrapper{display:flex;align-items:center}.tgl{display:none}.tgl-btn{background:var(--clr-lightyellow);border-radius:2em;padding:6px;transition:all .3s ease;outline:0;display:block;width:4em;height:2em;position:relative;cursor:pointer;user-select:none}.tgl-btn:after{content:"";position:absolute;left:4.5px;top:50%;transform:translateY(-50%);border-radius:50%;background:var(--clr-text);width:1.5em;height:1.5em;transition:all .2s ease}.tgl:checked+.tgl-btn:after{transform:translate(141%,-50%);background:var(--clr-background)}[data-theme=light] .tgl-btn:after{background:#fff}.tgl-btn .icon{width:14px;height:14px;position:absolute;top:50%;transform:translateY(-50%);z-index:2;pointer-events:none}.tgl-btn .icon_sun{left:calc(-2.5px + .75em)}.tgl-btn .icon_moon{right:calc(4em - 4.5px - 2.865em - 7px)}.muted{color:var(--color-muted)}.mono{font-family:var(--font-mono)}.tags{display:flex;flex-wrap:wrap;gap:.4rem}