:root{color-scheme:light dark;--bg: white;--fg: #222;--border: #ddd}*{box-sizing:border-box}body{margin:0;font:16px system-ui;line-height:1.5;background:var(--bg);color:var(--fg)}.nav{display:flex;justify-content:space-between;align-items:center;padding:0.6rem 1.5rem;border-bottom:1px solid #ddd;position:sticky;top:0;background:var(--bg);color:var(--fg);border-color:var(--border)}.brand{text-decoration:none;color:inherit;font-weight:700}.menu{position:relative}.menu summary{cursor:pointer;list-style:none;user-select:none}.menu summary::-webkit-details-marker{display:none}.links{position:absolute;top:calc(100% + .5rem);right:0;display:grid;gap:.5rem;min-width:15rem;padding:.75rem;background:white;border:1px solid #ddd}.links a{text-decoration:none;color:inherit}main{max-width:75ch;margin:auto;padding:2rem 1.5rem;min-height:100vh}.hamburger{--bar: 3px;--gap: .35rem;--offset: calc(var(--bar) + var(--gap));display:grid;gap:var(--gap);width:2rem;cursor:pointer;list-style:none}.hamburger span{height:var(--bar);background:currentColor;border-radius:999px;transition:transform .2s ease}.menu[open] .hamburger span:nth-child(1){transform:translateY(var(--offset)) rotate(45deg)}.menu[open] .hamburger span:nth-child(2){opacity:0;transition:none}.menu[open] .hamburger span:nth-child(3){transform:translateY(calc(-1 * var(--offset))) rotate(-45deg)}:root:has(#theme-toggle:checked){--bg: #111;--fg: #eee;--border: #333}.menu-dialog,.links{background:var(--bg);color:var(--fg);border-color:var(--border)}.theme-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem}.theme-toggle input{position:absolute;opacity:0;pointer-events:none}.switch{width:2.75rem;height:1.5rem;padding:2px;display:flex;align-items:center;background:#888;border-radius:999px;transition:background .2s ease}.thumb{width:1.1rem;height:1.1rem;background:white;border-radius:50%;transition:transform .2s ease}.theme-toggle input:checked+.switch{background:#4a8cff}.theme-toggle input:checked+.switch .thumb{transform:translateX(1.25rem)}.menu-divider{border:0;border-top:1px solid var(--border);margin:0.4rem 0}.gradient-link{background:linear-gradient(25deg, #ff4d4d, #4d79ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.6em;font-family:serif;text-decoration:none}