:root{color-scheme:light;--paper:#eeeae2;--surface:#f6f3ee;--raised:#fff;--hairline:#d5cec3;--hairline-soft:#e3ded4;--text:#2c2621;--muted:#6d6155;--accent:#bc5836;--accent-strong:#a04b2e;--accent-text:#9e4a2e;--accent-warm:#d45d35;--accent-tint:#d45d351a;--accent-tint-soft:#d45d350d;--amber:#895b17;--rose:#a8322a;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, "Cascadia Mono", Consolas, "Liberation Mono", monospace;--fs-eyebrow:13px;--fs-sm:14px;--fs-base:16px;--fs-lg:20px;--fs-xl:34px;--fs-display:clamp(38px, 6vw, 60px);--fs-h2:clamp(26px, 3.6vw, 36px);--fs-lead:clamp(17px, 2vw, 20px);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:80px;--sp-9:120px;--r-sm:8px;--r-md:10px;--r-lg:16px;--r-xl:22px;--r-pill:9999px;--shadow-sm:0 1px 2px #2c26210d;--shadow-md:0 4px 16px #2c262112;--shadow-lg:0 24px 60px -12px #2c262138;--measure:68ch;--page:1180px;--dur-fast:.12s;--dur:.2s;--ease:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#d45d351a,#0000 62%);width:90vw;height:90vh;position:fixed;top:-30vh;right:-20vw}h1,h2,h3{text-wrap:balance;letter-spacing:-.02em;margin:0;line-height:1.15}p{text-wrap:pretty;margin:0}img,svg{max-width:100%;height:auto;display:block}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--accent-text);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent-strong)}:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:var(--r-sm)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{max-width:var(--page);padding-inline:var(--sp-5);margin-inline:auto}.section{padding-block:var(--sp-8)}.section+.section{border-top:1px solid var(--hairline-soft)}.section--tight{padding-block:var(--sp-7)}.stack>*+*{margin-top:var(--sp-4)}.stack-lg>*+*{margin-top:var(--sp-6)}.prose{max-width:var(--measure)}.prose p+p{margin-top:var(--sp-4)}.prose h2{margin-top:var(--sp-7);font-size:var(--fs-h2);font-weight:600}.prose h3{margin-top:var(--sp-6);font-size:var(--fs-lg);font-weight:600}.prose ul{margin-top:var(--sp-4)}.prose li{padding-left:var(--sp-5);position:relative}.prose li+li{margin-top:var(--sp-3)}.prose li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:.62em;left:0}.grid{gap:var(--sp-5);display:grid}@media (width>=720px){.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}}.eyebrow{font-size:var(--fs-eyebrow);letter-spacing:.02em;color:var(--muted);text-transform:none;font-weight:500}.display{font-size:var(--fs-display);letter-spacing:-.035em;font-weight:700}.h2{font-size:var(--fs-h2);font-weight:600}.lead{font-size:var(--fs-lead);color:var(--muted);line-height:1.55}.muted{color:var(--muted)}.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.measure{max-width:var(--measure)}.hash{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--muted);word-break:break-all}.skip{left:var(--sp-4);z-index:20;padding:var(--sp-3) var(--sp-4);background:var(--raised);color:var(--text);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--shadow-md);transition:top var(--dur) var(--ease);text-decoration:none;position:absolute;top:-100px}.skip:focus{top:var(--sp-4)}.site-header{background:color-mix(in srgb, var(--paper) 80%, transparent);z-index:5;backdrop-filter:blur(12px);position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--sp-4);flex-wrap:wrap;min-height:72px;display:flex}.brand{align-items:center;gap:var(--sp-3);color:var(--text);text-decoration:none;display:flex}.brand:hover{color:var(--text)}.brand__mark{flex:none;width:32px;height:32px}.brand__word{font-size:var(--fs-lg);letter-spacing:-.02em;white-space:nowrap;font-weight:700}.chip{font-size:var(--fs-sm);color:var(--accent-text);background:var(--accent-tint);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-3);white-space:nowrap;font-weight:500}.nav{align-items:center;gap:var(--sp-5);flex-wrap:wrap;margin-left:auto;display:flex}.nav a{color:var(--muted);font-size:var(--fs-base);padding-block:var(--sp-2);font-weight:500;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.nav-icon{color:var(--muted);align-items:center;display:inline-flex}.nav-icon:hover{color:var(--text)}.nav-icon svg{display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--raised);min-height:48px;color:var(--text);font:inherit;box-shadow:var(--shadow-sm);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{color:var(--text);border-color:var(--muted);transform:translateY(-1px)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.btn[aria-disabled=true]{color:var(--muted);box-shadow:none;pointer-events:none;background:0 0;border-style:dashed}.btn-row{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.card{background:var(--surface);border:1px solid var(--hairline-soft);border-radius:var(--r-lg);padding:var(--sp-5);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}.card:hover{border-color:var(--hairline);box-shadow:var(--shadow-md)}.card__title{font-size:var(--fs-lg);font-weight:600}.card__body{color:var(--muted);margin-top:var(--sp-2)}.callout{background:var(--accent-tint-soft);border:1px solid var(--accent-tint);border-left:3px solid var(--accent);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5)}.callout--warn{border-color:#b7791f38;border-left-color:var(--amber);background:#b7791f0f}.feature{gap:var(--sp-6);align-items:center;display:grid}@media (width>=860px){.feature{gap:var(--sp-8);grid-template-columns:1fr 420px}.feature--flip>:first-child{order:2}}.feature__shot{border-radius:var(--r-xl);background:var(--raised);border:1px solid var(--hairline-soft);box-shadow:var(--shadow-lg);padding-top:34px;position:relative;overflow:hidden}.feature__shot:before{content:"";background:var(--surface);border-bottom:1px solid var(--hairline-soft);height:34px;position:absolute;top:0;left:0;right:0}.feature__shot:after{content:"";background:#ec6a5e;border-radius:50%;width:9px;height:9px;position:absolute;top:13px;left:16px;box-shadow:16px 0 #f4bf50,32px 0 #61c454}.feature__shot img{border-radius:0}.faq{border-top:1px solid var(--hairline-soft)}.faq details{border-bottom:1px solid var(--hairline-soft)}.faq summary{cursor:pointer;padding-block:var(--sp-4);justify-content:space-between;gap:var(--sp-4);font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent-text);font-size:var(--fs-lg);line-height:1}.faq details[open] summary:after{content:"−"}.faq details>p{padding-bottom:var(--sp-4);color:var(--muted);max-width:var(--measure)}.site-footer{border-top:1px solid var(--hairline-soft);padding-block:var(--sp-7);color:var(--muted);font-size:var(--fs-sm)}.site-footer__inner{gap:var(--sp-5);flex-wrap:wrap;justify-content:space-between;display:flex}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--text)}.icon-link{border-radius:var(--r-sm);justify-content:center;align-items:center;width:32px;height:32px;margin-left:-6px;text-decoration:none;display:inline-flex}.icon-link:hover{background:var(--accent-tint);color:var(--accent-text)}.icon-link svg{display:block}.nav-toggle{display:none}.nav-toggle__bars,.nav-toggle__bars:before,.nav-toggle__bars:after{width:18px;height:2px;transition:transform var(--dur) var(--ease), background var(--dur-fast) var(--ease);background:currentColor;border-radius:2px;display:block}.nav-toggle__bars{position:relative}.nav-toggle__bars:before,.nav-toggle__bars:after{content:"";position:absolute;left:0}.nav-toggle__bars:before{top:-6px}.nav-toggle__bars:after{top:6px}.is-nav-open .nav-toggle__bars{background:0 0}.is-nav-open .nav-toggle__bars:before{transform:translateY(6px)rotate(45deg)}.is-nav-open .nav-toggle__bars:after{transform:translateY(-6px)rotate(-45deg)}@media (width<=559px){.site-header .chip{display:none}}@media (width<=719px){html.js .nav-toggle{border:1px solid var(--hairline);border-radius:var(--r-sm);width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}html.js .nav-toggle:hover{border-color:var(--muted)}html.js .nav{display:none}html.js .site-header__inner.is-nav-open .nav{align-items:flex-start;gap:var(--sp-2);padding-block:var(--sp-3) var(--sp-4);border-top:1px solid var(--hairline-soft);flex-direction:column;flex-basis:100%;margin-left:0;display:flex}html.js .site-header__inner.is-nav-open .nav a{padding-block:var(--sp-3)}}.reveal--pending{opacity:0}.reveal--in{animation:reveal-in .56s var(--ease) both}@keyframes reveal-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.copy-btn{display:none}.copy-btn.is-ready{align-items:center;gap:var(--sp-2);min-height:36px;padding:var(--sp-1) var(--sp-3);font:inherit;font-size:var(--fs-sm);color:var(--accent-text);background:var(--accent-tint);border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border:1px solid #0000;font-weight:500;display:inline-flex}.copy-btn.is-ready:hover{border-color:var(--accent-tint);background:var(--accent-tint-soft)}.copy-btn.is-copied{color:#fff;background:var(--accent)}.copy-btn.is-failed{color:var(--rose);background:#a8322a14}.hash-actions{margin-top:var(--sp-3)}.cmd{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.demo{background:var(--surface);border:1px solid var(--hairline-soft);border-radius:var(--r-lg);padding:var(--sp-6)}.demo__stage{gap:var(--sp-6);align-items:center;display:grid}@media (width>=720px){.demo__stage{gap:var(--sp-7);grid-template-columns:176px 1fr}}.demo__ring{aspect-ratio:1;width:176px;max-width:100%;position:relative}.demo__ring svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.demo__track{fill:none;stroke:var(--hairline);stroke-width:8px}.demo__arc{fill:none;stroke:var(--accent);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset var(--dur) var(--ease), stroke var(--dur) var(--ease)}.demo[data-demo-near=yes] .demo__arc{stroke:var(--amber)}.demo[data-demo-phase=reminding] .demo__arc{stroke:var(--accent-strong)}.demo[data-demo-phase=cooldown] .demo__arc{stroke:var(--muted)}.demo__readout{justify-content:center;align-items:center;gap:var(--sp-1);display:flex;position:absolute;inset:0}.demo__count{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:46px;font-weight:700;line-height:1}.demo__of{font-size:var(--fs-lg);color:var(--muted);font-weight:500}.demo.is-firing .demo__ring:after{content:"";border:2px solid var(--accent-strong);animation:demo-pulse 1.1s var(--ease) 2;pointer-events:none;border-radius:50%;position:absolute;inset:-8px}@keyframes demo-pulse{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(1.16)}}.demo__status{margin-top:var(--sp-1);font-size:var(--fs-xl);letter-spacing:-.025em;font-weight:700}.demo[data-demo-phase=reminding] .demo__status{color:var(--accent-text)}.demo[data-demo-phase=cooldown] .demo__status{color:var(--muted)}.demo__hint{margin-top:var(--sp-3);color:var(--muted);max-width:54ch;min-height:5.6em}@media (width>=560px){.demo__hint{min-height:4.4em}}.demo__marks{gap:var(--sp-2);margin-top:var(--sp-4);flex-wrap:wrap;min-height:10px;display:flex}.demo__mark{background:var(--accent);width:10px;height:10px;animation:demo-mark-life var(--life,12s) linear forwards;border-radius:50%}@keyframes demo-mark-life{0%{opacity:1;transform:none}to{opacity:.15;transform:scale(.6)}}.demo__controls{gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap;display:flex}.demo__controls[hidden]{display:none}.demo__controls .btn{min-height:44px;padding-inline:var(--sp-4);font-size:var(--fs-sm)}.demo__note{margin-top:var(--sp-5);font-size:var(--fs-sm);max-width:var(--measure)}