.platter{aspect-ratio:1;width:100%;max-width:470px;margin-left:auto;position:relative}.platter svg.disk{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.platter .track{fill:none;stroke:oklch(86% .025 152);stroke-width:34px}.platter .arc{fill:none;stroke-width:34px;stroke-linecap:round;transform-origin:50%;stroke-dashoffset:1068px;transition:stroke-dashoffset 1.4s var(--ease-out) var(--d,0s);transform:rotate(-90deg)}.platter .groove{fill:none;stroke:oklch(84% .02 152);stroke-width:1.5px}.platter .hub{fill:var(--color-paper)}.platter .hub2{fill:var(--color-accent)}.platter .spin{transform-origin:50%;transition:transform 1.6s var(--ease-out)}.platter.drawn .spin{transform:rotate(24deg)}.platter.drawn .arc{stroke-dashoffset:var(--off)}.platter .num{background:var(--color-paper-3);border-radius:0 18px 0 0;max-width:100%;padding:10px 18px 12px 4px;position:absolute;bottom:6%;left:-6%}.platter .num b{font-family:var(--font-display);letter-spacing:-.055em;color:var(--color-ink);overflow-wrap:anywhere;font-size:clamp(3.4rem,5.4vw,5.2rem);font-weight:780;line-height:.88;display:block}.platter .num span{font-size:var(--text-md);color:var(--color-muted);margin-top:8px;display:block}.platter .pill{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-pill);font-size:var(--text-sm);white-space:nowrap;box-shadow:0 16px 30px -18px var(--color-shadow);opacity:0;transform:translateY(10px) rotate(var(--r,0deg));transition:opacity .6s var(--ease-out),transform .9s var(--ease-spring);align-items:center;gap:8px;padding:8px 14px 8px 10px;font-weight:600;display:flex;position:absolute}.platter .pill i{background:var(--color-accent);border-radius:3px;width:9px;height:9px}.platter .pill small{color:var(--color-neutral);font-weight:500}.platter.drawn .pill{opacity:1;transform:rotate(var(--r,0deg))}.platter .pill.a{--r:3deg;transition-delay:.5s;top:16%;right:-4%}.platter .pill.b{--r:-2deg;transition-delay:.7s;top:30%;right:6%}.platter .pill.c{--r:2deg;transition-delay:.9s;bottom:30%;right:-2%}@media (width<=560px){.platter{aspect-ratio:auto;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);display:grid}.platter svg.disk{aspect-ratio:1;grid-area:1/1;height:auto;position:relative;inset:auto}.platter .pill{grid-area:1/1/2/2}.platter .num{grid-area:2/1;justify-self:start;margin-top:-16%;position:relative;bottom:auto}}@media (prefers-reduced-motion:reduce){.platter .arc{stroke-dashoffset:var(--off);transition:none}.platter .spin{transition:none;transform:rotate(24deg)}.platter .pill{opacity:1;transform:rotate(var(--r,0deg));transition:none}}@media (scripting:none){.platter .arc{stroke-dashoffset:var(--off)}.platter .spin{transform:rotate(24deg)}.platter .pill{opacity:1;transform:rotate(var(--r,0deg))}}.prose{color:var(--color-ink-2);overflow-wrap:break-word;min-width:0;font-size:1.125rem;line-height:1.7}.prose>*{margin:0 0 1.15em}.prose h2{color:var(--color-ink);margin:2.2em 0 .6em;scroll-margin-top:100px;font-size:1.85rem;line-height:1.15}.prose h2:first-of-type{margin-top:1.4em}.prose h3{color:var(--color-ink);margin:1.8em 0 .5em;scroll-margin-top:100px;font-size:1.35rem;line-height:1.25}.prose a{color:var(--color-accent-deep);text-underline-offset:3px;text-decoration:underline 1.5px}.prose a.btn{color:var(--color-on-dark);text-decoration:none}.prose code{font:500 .92em var(--font-mono);background:var(--color-paper-2);border:1px solid var(--color-rule);color:var(--color-ink);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px}.prose strong{color:var(--color-ink);font-weight:650}.prose ul{padding-left:1.2em}.prose li{margin:.35em 0}.prose li>p{margin:0}.prose>.intro,.prose>p:first-child{color:var(--color-ink);font-size:1.2rem;line-height:1.65}.prose .cap{font-size:var(--text-sm);color:var(--color-neutral);margin-top:-.6em}.prose ol{counter-reset:st;gap:var(--space-md);padding:0;list-style:none;display:grid}.prose ol>li{counter-increment:st;min-height:30px;margin:0;padding-left:46px;position:relative}.prose ol>li:before{content:counter(st);background:var(--color-ink);width:30px;height:30px;color:var(--color-on-dark);font:600 var(--text-sm) var(--font-mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.prose [data-rise]{opacity:0;transition:opacity .6s var(--ease-out),transform .7s var(--ease-out);transform:translateY(16px)}.prose [data-rise].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.prose [data-rise]{opacity:1;transform:none}}@media (scripting:none){.prose [data-rise]{opacity:1;transform:none}}.short{background:var(--color-night);color:var(--color-night-dim);border-radius:var(--radius-lg);padding:var(--space-xl);font-size:var(--text-md);line-height:1.65}.short .h{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.short .h b{font:600 var(--text-xs) var(--font-mono);color:var(--color-ok)}.short .short__body,.short .short__body p{color:var(--color-night-ink);margin:0}.short .short__body p+p{margin-top:var(--space-sm)}.short code{background:var(--color-night-2);border-color:var(--color-night-rule);color:var(--color-ok)}.short a{color:var(--color-ok)}.prose pre{border-radius:var(--radius-md);max-width:100%;font:400 .9rem/1.7 var(--font-mono);tab-size:2;margin:0 0 1.15em;padding:16px;overflow-x:auto;background:var(--color-night)!important;color:var(--color-night-ink)!important}.prose pre code{width:max-content;min-width:100%;font:inherit;color:inherit;overflow-wrap:normal;background:0 0;border:0;padding:0;display:block}.code{background:var(--color-night);border-radius:var(--radius-md);min-width:0;font-size:.9rem;overflow:hidden}.code .ch{justify-content:space-between;align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--color-night-rule);font:500 var(--text-xs) var(--font-mono);color:var(--color-night-dim);min-height:45px;padding:8px 8px 8px 16px;display:flex}.code pre{border-radius:0;margin:0;background:0 0!important}.copy{background:var(--color-night-3);color:var(--color-night-ink);font:600 var(--text-xs) var(--font-body);cursor:pointer;transition:background var(--dur-short),transform var(--dur-micro) var(--ease-out);border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.copy:hover{background:oklch(33% .03 165)}.copy:active{transform:scale(.96)}.copy.done{background:var(--color-accent);color:var(--color-on-dark)}.code :focus-visible{outline-color:var(--color-ok)}.note{border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);font-size:var(--text-md);grid-template-columns:28px minmax(0,1fr);gap:12px;line-height:1.6;display:grid}.note b{color:var(--color-ink);margin-bottom:2px;font-weight:650;display:block}.note .note__body>p{margin:0}.note .note__body>p+p{margin-top:var(--space-xs)}.note.tip{background:var(--color-accent-soft)}.note.tip svg{color:var(--color-accent-deep)}.note.warn{background:var(--color-amber-soft);border:1px solid var(--color-amber-rule)}.note.warn svg{color:var(--color-amber-ink)}.note svg{margin-top:3px}.tablewrap{border:1px solid var(--color-rule);border-radius:var(--radius-md);max-width:100%;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--color-rule);white-space:nowrap;padding:10px 14px}.prose th{background:var(--color-paper-2);color:var(--color-ink);font-weight:600}.prose td{color:var(--color-ink-2);font-variant-numeric:tabular-nums}.prose tr:last-child td{border-bottom:0}.prose tr.keep td{background:var(--color-accent-soft)}.prose td .chip{font-size:11px}.dl{gap:var(--space-lg);background:var(--color-paper-3);border-radius:var(--radius-lg);padding:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.dl h3{font-size:var(--text-lg);letter-spacing:-.02em;color:var(--color-ink);margin:8px 0 6px;line-height:1.7}.dl .dl__text,.dl .dl__text p{margin:0 0 var(--space-md);font-size:var(--text-sm);color:var(--color-muted);line-height:1.5}.dl .pv{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--text-sm);gap:8px;display:grid}.dl .pv div{justify-content:space-between;gap:8px;display:flex}.dl .pv small{color:var(--color-neutral)}.dl .pv .act{background:var(--color-accent);color:var(--color-on-dark);border-radius:var(--radius-pill);text-align:center;justify-content:center;margin-top:6px;padding:8px 12px;font-weight:600}.prose .dl .go{color:var(--color-accent-deep);font-weight:650;font-size:var(--text-sm);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.prose .dl .go:hover{text-decoration:underline}.shareend{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-2xl);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);background:var(--color-paper-3);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.shareend>span{color:var(--color-ink);font-weight:650}.shareend .opts{flex-wrap:wrap;gap:8px;display:flex}.shareend .sbtn,.prose .shareend .sbtn{background:var(--color-paper);color:inherit;letter-spacing:normal;border-radius:var(--radius-pill);font-weight:600;line-height:1.7;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:transform var(--dur-short) var(--ease-out),background var(--dur-short),color var(--dur-short);border:0;align-items:center;gap:8px;padding:9px 16px;text-decoration:none;display:inline-flex}.shareend .sbtn:hover{transform:translateY(-2px)}.shareend .sbtn.done{background:var(--color-accent);color:var(--color-on-dark)}.author{gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-paper-2);border-radius:var(--radius-lg);grid-template-columns:64px minmax(0,1fr);display:grid}.author b{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.02em;color:var(--color-ink);display:block}.author p{font-size:var(--text-sm);color:var(--color-muted);margin:4px 0 10px}.author .links{gap:var(--space-md);font-size:var(--text-sm);flex-wrap:wrap;font-weight:600;display:flex}.prose .author .links a{color:var(--color-accent-deep);text-decoration:none}.prose .author .links a:hover{text-decoration:underline}@media (width<=860px){.dl{grid-template-columns:minmax(0,1fr)}}html:root{--wrap:1240px;--text-display:clamp(2.3rem,3.6vw + 1rem,3.9rem)}.foot h2{font-size:clamp(2.6rem,4.6vw + 1rem,4.8rem)}html .btn{padding:13px 20px}html .field input{flex-basis:180px;padding:12px 18px}.foot .lede{line-height:inherit}.author .links{color:var(--color-accent-deep)}.phead{background:var(--color-paper-3);padding:120px 0 var(--space-3xl)}.phead__grid{gap:var(--space-3xl);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;display:grid}.crumb{font:500 var(--text-xs) var(--font-mono);color:var(--color-muted)}.crumb a{text-decoration:none}.crumb a:hover{color:var(--color-ink)}.crumb b{color:var(--color-accent-deep);font-weight:600}.phead h1{font-size:var(--text-display);margin:var(--space-md) 0;line-height:1.02}.dek{font-size:var(--text-lg);color:var(--color-muted);margin:0 0 var(--space-lg);max-width:36em;line-height:1.5}.byline{font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.byline .who{align-items:center;gap:10px;display:flex}.byline .who b{color:var(--color-ink);font-weight:600;display:block}.byline .dotsep{color:var(--color-stone)}.body{padding:var(--space-3xl) 0 var(--space-4xl)}.cols{gap:var(--space-2xl);grid-template-columns:220px minmax(0,700px) 280px;justify-content:space-between;align-items:start;display:grid}.toc{position:sticky;top:104px}.toc .lbl{font:500 var(--text-xs) var(--font-mono);color:var(--color-neutral);margin-bottom:var(--space-sm)}.toc__track{position:relative}.toc__track:before{content:"";background:var(--color-rule);border-radius:2px;width:2px;position:absolute;top:4px;bottom:4px;left:0}.toc ol{gap:2px;margin:0;padding:0 0 0 14px;list-style:none;display:grid}.toc .fill{background:var(--color-accent);z-index:1;border-radius:2px;width:2px;height:0;transition:height .16s linear;position:absolute;top:4px;left:0}.toc a{font-size:var(--text-sm);color:var(--color-muted);transition:color var(--dur-short),transform var(--dur-short) var(--ease-out);padding:6px 0;line-height:1.35;text-decoration:none;display:block}.toc a:hover{color:var(--color-ink)}.toc a.on{color:var(--color-ink);font-weight:600;transform:translate(3px)}.toc .left{margin-top:var(--space-lg);font-size:var(--text-xs);color:var(--color-neutral)}.next{background:var(--color-paper-2);padding:var(--space-3xl) 0}.next h2{font-size:var(--text-2xl);margin-bottom:var(--space-lg);line-height:1.55}.ngrid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.nrow{gap:var(--space-lg);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-sm);transition:transform var(--dur-long) var(--ease-out),box-shadow var(--dur-long);grid-template-columns:170px minmax(0,1fr);text-decoration:none;display:grid}.nrow:hover{box-shadow:0 30px 60px -40px var(--color-shadow);transform:translateY(-4px)}.nrow .cover{min-height:150px;padding:var(--space-md);border-radius:var(--radius-md)}.nrow .cover .big{font-size:2.2rem}.nrow .cover{box-shadow:none}.nrow .cover .kick{opacity:.75}.nrow .cover .sub{font-size:var(--text-md);opacity:.8;margin-top:8px}.nrow .cover .cbar,.nrow .cover .lines{display:none}.nrow .b{padding:var(--space-sm) var(--space-sm) var(--space-sm) 0;flex-direction:column;gap:6px;min-width:0;display:flex}.nrow .b small{font:600 var(--text-xs) var(--font-mono);color:var(--color-accent-deep)}.nrow .b b{font-family:var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere;font-size:1.3rem;line-height:1.2}.nrow .b span{font-size:var(--text-sm);color:var(--color-neutral);margin-top:auto}@media (width<=1100px){.cols{grid-template-columns:minmax(0,1fr) 260px}.toc{display:none}}@media (width<=860px){.phead__grid,.cols,.ngrid,.nrow{grid-template-columns:minmax(0,1fr)}}