:root{color-scheme:light;--bg: #fbfbfa;--surface: #ffffff;--ink: #1f1f1f;--muted: #787774;--line: #eaeaea;--sans: "Hanken Grotesk", "Helvetica Neue", sans-serif;--serif: "Newsreader", Georgia, serif;--mono: "JetBrains Mono", "SF Mono", monospace;--p-red-bg: #fdebec;--p-red-fg: #9f2f2d;--p-blue-bg: #e1f3fe;--p-blue-fg: #1f6c9f;--p-green-bg: #edf3ec;--p-green-fg: #346538;--p-yellow-bg:#fbf3db;--p-yellow-fg:#956400;--heat-1: #dbeefc;--heat-2: #aedbf5;--heat-3: #7cc3ec}html[data-theme=dark]{color-scheme:dark;--bg: #16161a;--surface: #1e1e22;--ink: #e9e9e6;--muted: #9a9a94;--line: #2c2c31;--p-red-bg: #3a2422;--p-red-fg: #f0a8a4;--p-blue-bg: #16303c;--p-blue-fg: #8ec9ec;--p-green-bg:#1e2f21;--p-green-fg:#8fca94;--p-yellow-bg:#332a10;--p-yellow-fg:#e0b755;--heat-1: #1e3a48;--heat-2: #295d78;--heat-3: #4a8fb5}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .25s ease,color .25s ease}a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{max-width:64rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem)}nav.bar{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(140%) blur(8px)}nav.bar .inner{display:flex;justify-content:space-between;align-items:center;height:68px}.mark{font-family:var(--serif);font-size:1.05rem;font-weight:500;text-decoration:none;letter-spacing:-.01em;white-space:nowrap;opacity:1;transition:opacity .2s ease}.mark--pending{opacity:0;pointer-events:none}.navlinks{display:flex;gap:clamp(.8rem,2vw,1.4rem);align-items:center}.navlinks a{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-decoration:none;transition:color .2s}.navlinks a:hover,.navlinks a.internal{color:var(--ink)}.navlinks a.active{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:2px}.navlinks a.active:hover{color:var(--accent)}.navlinks a.active:before{content:"";width:6px;height:6px;border-radius:50%;flex:none;background:var(--accent)}.nav-menu{display:contents}.nav-menu>summary{display:none}.nav-items{display:flex;gap:clamp(.8rem,2vw,1.4rem);align-items:center}.nav-menu::details-content{content-visibility:visible}@media(max-width:620px){.nav-menu{display:block;position:relative}.nav-menu>summary{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:7px;color:var(--muted);transition:color .2s,border-color .2s}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu>summary:hover,.nav-menu[open]>summary{color:var(--ink);border-color:var(--muted)}.nav-menu>summary svg{width:18px;height:18px}.nav-menu .i-close,.nav-menu[open] .i-menu{display:none}.nav-menu[open] .i-close{display:block}.nav-items{display:none;position:absolute;top:calc(100% + .55rem);right:0;flex-direction:column;align-items:stretch;gap:.1rem;min-width:10rem;padding:.3rem;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px #0000001f}.nav-menu[open] .nav-items{display:flex}.nav-items a{padding:.55rem .7rem;border-radius:7px}.nav-items a:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.nav-items a.active{border-bottom:none;padding-bottom:.55rem}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;margin-left:.2rem;background:none;border:1px solid var(--line);border-radius:7px;color:var(--muted);cursor:pointer;transition:color .2s,border-color .2s}.theme-toggle:hover{color:var(--ink);border-color:var(--muted)}.theme-toggle svg{width:16px;height:16px}.theme-toggle .i-sun{display:none}html[data-theme=dark] .theme-toggle .i-sun{display:block}html[data-theme=dark] .theme-toggle .i-moon{display:none}footer{border-top:1px solid var(--line);padding:2rem 0 3rem;margin-top:2rem}footer .row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-family:var(--mono);font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}footer a{text-decoration:none}footer a:hover{color:var(--ink)}footer .flinks{display:flex;gap:1.2rem;flex-wrap:wrap}footer .egg{color:var(--p-blue-fg);opacity:.45;margin-left:.5rem;transition:opacity .2s}footer .egg:hover{opacity:1}