:root{--cell: 48px;--sans: "Familjen Grotesk", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--pad: clamp(1.2rem, 4vw, 3.2rem)}:root,:root[data-theme=dark]{--bg: #0b0b0c;--raise: #101012;--fg: #ece9e0;--dim: #83817a;--hint: #83817a;--faint: #6f6d65;--line: rgba(236, 233, 224, .13);--line-strong: rgba(236, 233, 224, .3);--accent: #a8c0d6;--accent-ink: #0b0b0c;--bad: #ff8f6e;--lattice: rgba(236, 233, 224, .032);--lattice-dot: rgba(236, 233, 224, .06);--btn-bg: #ece9e0;--btn-fg: #0b0b0c;--glass: 92%;--glass-chrome: 92%;--wash: radial-gradient(125% 95% at 76% 8%, rgba(11, 11, 12, .08), rgba(11, 11, 12, .42) 55%, rgba(11, 11, 12, .74)), linear-gradient(180deg, rgba(11, 11, 12, .18), rgba(11, 11, 12, .46) 55%, rgba(11, 11, 12, .84));color-scheme:dark}:root[data-theme=light]{--bg: #f5f4ef;--raise: #fffefa;--fg: #17181c;--dim: #53534d;--hint: #9a9a9a;--faint: #6e6c64;--line: rgba(23, 24, 28, .14);--line-strong: rgba(23, 24, 28, .32);--accent: #3f5a73;--accent-ink: #fffefa;--bad: #b23c17;--lattice: rgba(23, 24, 28, .055);--lattice-dot: rgba(23, 24, 28, .1);--btn-bg: #17181c;--btn-fg: #f5f4ef;--glass: 84%;--glass-chrome: 84%;--wash: radial-gradient(125% 95% at 76% 8%, rgba(245, 244, 239, .3), rgba(245, 244, 239, .6) 55%, rgba(245, 244, 239, .84)), linear-gradient(180deg, rgba(245, 244, 239, .36), rgba(245, 244, 239, .62) 55%, rgba(245, 244, 239, .88));color-scheme:light}.surface{background:var(--bg);color:var(--fg);font-family:var(--sans);min-height:100svh;position:relative;isolation:isolate}.surface a{color:inherit}.surface:before{content:"";position:fixed;inset:0;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat;pointer-events:none}:root[data-theme=dark] .surface:before{background-image:var(--wash),url(/bg/aurora-2560.jpg)}:root[data-theme=light] .surface:before{background-image:var(--wash),url(/bg/dune-2560.jpg)}@media (max-width: 900px){:root[data-theme=dark] .surface:before{background-image:var(--wash),url(/bg/aurora-1280.jpg)}:root[data-theme=light] .surface:before{background-image:var(--wash),url(/bg/dune-1280.jpg)}}@media (prefers-reduced-motion: reduce){.surface:before{position:absolute}}@media (prefers-reduced-data: reduce){.surface:before{background-image:none}}@media print{.surface:before{display:none}}.grid-bg:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,var(--lattice) 1px,transparent 1px),linear-gradient(to bottom,var(--lattice) 1px,transparent 1px),radial-gradient(circle at 1px 1px,var(--lattice-dot) 1.1px,transparent 1.1px);background-size:var(--cell) var(--cell);background-position:0 0}.plate{position:relative;background:var(--raise);background:color-mix(in srgb,var(--raise) var(--glass),transparent);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);border:1px solid var(--line);padding:calc(var(--cell) / 2)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.plate{background:var(--raise)}}.label{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.page-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--cell);padding:0 var(--pad);border-bottom:1px solid var(--line);background:var(--raise);background:color-mix(in srgb,var(--raise) var(--glass-chrome),transparent);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.page-top{background:var(--raise)}}.page-mark{font-family:var(--sans);font-weight:600;font-size:1.05rem;letter-spacing:-.02em;text-decoration:none}.page-nav{display:flex;align-items:center;gap:1.2rem}.page-back{text-decoration:none}.page-back:hover{color:var(--fg)}@media (pointer: coarse){.page-back,.theme-btn,.page-mark{display:inline-flex;align-items:center;min-height:44px}}.theme-btn{display:inline-flex;align-items:center;gap:.45rem;background:none;border:0;padding:0;cursor:pointer;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.theme-btn:hover{color:var(--fg)}.theme-btn:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.theme-btn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.theme-btn .i-sun{display:none}:root[data-theme=dark] .theme-btn .i-sun{display:block}:root[data-theme=dark] .theme-btn .i-moon{display:none}