:root{--bg:#f5f4f0;--bg-sunken:#f1f0eb;--surface:#fff;--surface-2:#fafaf7;--border:#e4e2da;--border-strong:#dfddd4;--track:#eae8e1;--track-fill:#d8d6cd;--text:#14141a;--text-2:#57575f;--text-3:#6b6b73;--text-4:#8a8a93;--accent:#d6f84c;--accent-ink:#14141a;--btn-bg:#14141a;--btn-fg:#fff;--pip-bg:#14141a;--pip-fg:#d6f84c;--shadow-sm:0 1px 2px #14141a0d;--shadow-md:0 1px 3px #14141a0d;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Instrument Sans", system-ui, -apple-system, sans-serif;--r-sm:8px;--r-md:11px;--r-lg:15px;--r-xl:20px}:root[data-theme=dark]{--bg:#0e0e12;--bg-sunken:#121218;--surface:#17171c;--surface-2:#1c1c23;--border:#2a2a33;--border-strong:#2e2e38;--track:#17171c;--track-fill:#33333f;--text:#f2f1ed;--text-2:#a5a5af;--text-3:#9a9aa4;--text-4:#7e7e8a;--btn-bg:#d6f84c;--btn-fg:#14141a;--pip-bg:#d6f84c;--pip-fg:#14141a;--shadow-sm:none;--shadow-md:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}a,body{color:var(--text)}a{text-decoration:none}a:hover{color:var(--text-2)}button{font-size:inherit;cursor:pointer}button,input{font-family:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-weight:600}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{flex-direction:column;min-height:100vh;display:flex}.wrap{width:100%;max-width:1220px;margin:0 auto;padding:0 24px}.wrap--narrow{max-width:760px}.btn{border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface);justify-content:center;align-items:center;gap:9px;height:44px;padding:0 18px;font-size:14px;font-weight:600;transition:transform .12s,opacity .12s;display:inline-flex}.btn,.btn:hover{color:var(--text)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--btn-bg);border-color:var(--btn-bg)}.btn--primary,.btn--primary:hover{color:var(--btn-fg)}.btn--lg{border-radius:var(--r-lg);letter-spacing:-.01em;height:64px;padding:0 30px;font-size:16.5px}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}@property --spot-o{syntax:"<number>";inherits:true;initial-value:0}.card{isolation:isolate;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);--spot:400px;position:relative}.card:before{z-index:-2;opacity:var(--spot-o,0);background:radial-gradient(var(--spot) var(--spot) at var(--sx,50%) var(--sy,50%),var(--accent),transparent 70%);inset:-1px}.card:after,.card:before{content:"";border-radius:inherit;pointer-events:none;position:absolute}.card:after{z-index:-1;background:color-mix(in srgb,var(--surface) 90%,transparent);inset:1px}.muted{color:var(--text-3)}.prose h1{font-size:40px;line-height:1.1}.prose h2{margin-top:36px;font-size:24px}.prose li,.prose p{color:var(--text-2);font-size:16px;line-height:1.7}.prose a{text-underline-offset:3px;text-decoration:underline}@media (width<=720px){.wrap{padding:0 20px}.prose h1{font-size:30px}}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}