@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}img,svg{max-width:100%;display:block}}@layer tokens{:root,[data-theme=light]{--bg:#f6f8fb;--surface:#fff;--ink:#0f1b2d;--muted:#475569;--line:#d3dce8;--accent:#0b6e99;--accent-hover:#085477;--on-accent:#fff;--focus:#0b6e99;--danger:#b42318;--grad-from:#0f9d8f;--grad-to:#2563eb;--grad-text-from:#065a52;--grad-text-to:#1e40af;--btn-grad-from:#0a5f85;--btn-grad-to:#1d4ed8;--btn-hover-mix:black;--mesh-a-pct:16%;--mesh-b-pct:12%;--mesh-grid-pct:6%;--shadow-card:0 8px 24px color-mix(in srgb, var(--ink) 10%, transparent);--shadow-card-soft:0 4px 12px color-mix(in srgb, var(--ink) 8%, transparent);color-scheme:light}[data-theme=dark]{--bg:#0a1120;--surface:#121c30;--ink:#e8eef7;--muted:#a3b1c6;--line:#26364f;--accent:#5cc8ea;--accent-hover:#8bdaf2;--on-accent:#06121f;--focus:#8bdaf2;--danger:#ff8a7a;--grad-from:#2dd4bf;--grad-to:#60a5fa;--grad-text-from:#5eead4;--grad-text-to:#93c5fd;--btn-grad-from:#2dd4bf;--btn-grad-to:#60a5fa;--btn-hover-mix:white;--mesh-a-pct:12%;--mesh-b-pct:10%;--mesh-grid-pct:7%;--shadow-card:0 8px 24px #00000073;--shadow-card-soft:0 4px 12px #00000059;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0a1120;--surface:#121c30;--ink:#e8eef7;--muted:#a3b1c6;--line:#26364f;--accent:#5cc8ea;--accent-hover:#8bdaf2;--on-accent:#06121f;--focus:#8bdaf2;--danger:#ff8a7a;--grad-from:#2dd4bf;--grad-to:#60a5fa;--grad-text-from:#5eead4;--grad-text-to:#93c5fd;--btn-grad-from:#2dd4bf;--btn-grad-to:#60a5fa;--btn-hover-mix:white;--mesh-a-pct:12%;--mesh-b-pct:10%;--mesh-grid-pct:7%;--shadow-card:0 8px 24px #00000073;--shadow-card-soft:0 4px 12px #00000059;color-scheme:dark}}:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-card:12px;--radius-btn:8px;--container:1120px;--prose:720px;--detail:960px;--measure:70ch;--card-max:640px;--fs-body:16px;--fs-label:14px;--fs-heading:24px;--fs-display:32px;--mesh-a:color-mix(in srgb, var(--grad-from) var(--mesh-a-pct), transparent);--mesh-b:color-mix(in srgb, var(--grad-to) var(--mesh-b-pct), transparent);--mesh-grid:color-mix(in srgb, var(--ink) var(--mesh-grid-pct), transparent);--mesh-opacity-soft:.6;--mesh-cell:32px;--grad-border:linear-gradient(135deg, var(--grad-from), var(--grad-to))}@media (width>=640px){:root{--fs-display:40px}}}@layer base{body{background:var(--bg);min-block-size:100dvh;color:var(--ink);font-family:var(--font-body,system-ui, sans-serif);font-size:var(--fs-body);flex-direction:column;line-height:1.5;display:flex}h1,h2,h3{font-family:var(--font-display,system-ui, sans-serif);text-wrap:balance;font-weight:600;line-height:1.2}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.page-main--centered{margin-inline:var(--space-lg);padding-block:var(--space-lg);flex:1;align-content:start;justify-items:center;display:grid}@media (width>=640px){.page-main--centered{align-content:center}}@media (width>=1024px){.page-main--centered{padding-block:var(--space-3xl)}}.page-main--sections{display:block;overflow-x:clip}html{scroll-padding-top:80px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.theme-ready body{transition:background-color .15s,color .15s}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@view-transition{navigation:none}}}@layer components,utilities;@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}html:not(.theme-switching)::view-transition-old(root),html:not(.theme-switching)::view-transition-new(root){animation-duration:.2s}html:not(.theme-switching)::view-transition-group(*){animation-duration:.35s;animation-timing-function:ease-in-out}}
