:root{--cell: 48px;--sans: var(--font-body);--heading: var(--font-heading);--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--pad: clamp(1.2rem, 4vw, 3.2rem)}:root,:root[data-theme=dark]{--bg: #071832;--raise: #102A53;--fg: #FFFFFF;--dim: #BEE5FA;--hint: #BEE5FA;--faint: #1E54AB;--line: rgba(190, 229, 250, .2);--line-strong: rgba(190, 229, 250, .42);--accent: #90DCFF;--accent-ink: #071832;--bad: #F85979;--lattice: rgba(144, 220, 255, .06);--lattice-dot: rgba(144, 220, 255, .14);--btn-bg: #1B6CF0;--btn-fg: #FFFFFF;--glass: 94%;--glass-chrome: 92%;--wash: radial-gradient(115% 95% at 78% 8%, rgba(27, 108, 240, .1), rgba(7, 24, 50, .58) 60%, rgba(7, 24, 50, .9)), linear-gradient(180deg, rgba(7, 24, 50, .46), rgba(7, 24, 50, .76));color-scheme:dark}:root[data-theme=light]{--bg: #E9F2F9;--raise: #FFFFFF;--fg: #000000;--dim: #153C7B;--hint: #1E54AB;--faint: #BEE5FA;--line: rgba(0, 0, 0, .14);--line-strong: rgba(0, 0, 0, .34);--accent: #1B6CF0;--accent-ink: #FFFFFF;--bad: #B52245;--lattice: rgba(27, 108, 240, .05);--lattice-dot: rgba(27, 108, 240, .12);--btn-bg: #1B6CF0;--btn-fg: #FFFFFF;--glass: 90%;--glass-chrome: 90%;--wash: radial-gradient(120% 95% at 82% 4%, rgba(144, 220, 255, .48), rgba(233, 242, 249, .88) 54%, rgba(233, 242, 249, .98)), linear-gradient(180deg, rgba(233, 242, 249, .82), rgba(233, 242, 249, .96));color-scheme:light}.surface{background:var(--bg);color:var(--fg);font-family:var(--sans);min-height:100svh;position:relative;isolation:isolate}.surface h1,.surface h2,.surface h3{font-family:var(--heading)}.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(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);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(--sans);font-size:.72rem;font-weight:650;letter-spacing:.045em;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-size:1.22rem;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(--sans);font-size:.72rem;font-weight:650;letter-spacing:.045em;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}