:root{color-scheme:light dark;--night:#0b0a14;--night-2:#12111f;--amber:#f6b92b;--crayon-red:#e5383b;--crayon-blue:#4f7bff;--dusk:linear-gradient(100deg, #ffd27a 0%, #ff9d6c 55%, #f08fb4 100%);--font:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-accent:"Instrument Serif", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:22px;--column:680px;--gutter:clamp(16px, 4.5vw, 28px);--bg:#fbf8f2;--bg-2:#f3eee3;--surface:#0b0a140a;--line:#0b0a141f;--text:#15131f;--soft:#34313f;--muted:#625e70;--accent:#a26500;--underline:#d08c00bf;--dusk-text:linear-gradient(100deg, #d4880b 0%, #e2603b 55%, #c9467f 100%);--header:#fbf8f2d1;--btn-bg:var(--night);--btn-text:#f4f1ea}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:var(--night);--bg-2:var(--night-2);--surface:#ffffff0b;--line:#ffffff1f;--text:#f4f1ea;--soft:#f4f1eadb;--muted:#aeabbd;--accent:var(--amber);--underline:#f6b92bb3;--dusk-text:var(--dusk);--header:#0b0a14cc;--btn-bg:#f4f1ea;--btn-text:var(--night)}}:root[data-theme=dark]{color-scheme:dark;--bg:var(--night);--bg-2:var(--night-2);--surface:#ffffff0b;--line:#ffffff1f;--text:#f4f1ea;--soft:#f4f1eadb;--muted:#aeabbd;--accent:var(--amber);--underline:#f6b92bb3;--dusk-text:var(--dusk);--header:#0b0a14cc;--btn-bg:#f4f1ea;--btn-text:var(--night)}:root[data-theme=light]{color-scheme:light}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);min-height:100vh;color:var(--text);font:400 1.0625rem/1.7 var(--font);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;flex-direction:column;margin:0;display:flex}main{flex:1;padding-bottom:clamp(48px,8vw,96px)}img{max-width:100%}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;font-weight:600}a{color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px}[id]{scroll-margin-top:84px}.column{max-width:calc(var(--column) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.bar{max-width:1180px;padding-inline:var(--gutter);margin-inline:auto}.skip{z-index:100;background:var(--text);color:var(--bg);border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none;transition:top .2s;position:fixed;top:-60px;left:16px}.skip:focus{top:12px}.btn{background:var(--btn-bg);color:var(--btn-text);font:600 .95rem/1 var(--font);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:12px 22px;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.btn:hover{opacity:.92;transform:translateY(-1px)}.btn-sm{padding:9px 16px;font-size:.88rem}.site-header{z-index:50;background:var(--header);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(140%);position:sticky;top:0}.site-header .bar{align-items:center;gap:12px;padding-block:12px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{display:inline-flex}.brand-mark svg{width:11px;height:19px;margin-right:-2px}.brand-mark svg:first-child{color:var(--crayon-red);transform:rotate(-10deg)}.brand-mark svg:nth-child(2){color:var(--amber);transform:translateY(-2px)}.brand-mark svg:nth-child(3){color:var(--crayon-blue);transform:rotate(10deg)}.brand-name{font:600 1.2rem/1 var(--font);letter-spacing:-.03em}.brand-tag{font:500 .7rem/1 var(--font);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 8px}.site-nav{align-items:center;gap:6px;margin-left:auto;display:flex}.nav-link{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text);background:var(--surface)}.site-nav .btn{gap:0}.theme-toggle{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:inline-grid}.theme-toggle:hover{color:var(--text);background:var(--surface)}.theme-toggle svg{width:18px;height:18px}:root:not([data-theme]) .theme-toggle,:root[data-theme=dark] .theme-toggle .sun,:root[data-theme=light] .theme-toggle .moon{display:none}.account{align-items:center;display:flex;position:relative}.account-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.account-button .avatar{width:32px;height:32px;margin:0}.account-button:hover .avatar,.account-button[aria-expanded=true] .avatar{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--line)}.account-menu{z-index:60;border:1px solid var(--line);background:var(--bg);border-radius:16px;gap:2px;min-width:220px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 40px #0b0a142e}.account-who{border-bottom:1px solid var(--line);color:var(--muted);gap:2px;margin:0 0 4px;padding:6px 10px 10px;font-size:.8rem;display:grid}.account-who strong{color:var(--text);overflow-wrap:anywhere;font-size:.95rem;font-weight:600}.account-menu a,.account-menu button{font:500 .92rem/1.2 var(--font);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 10px;text-decoration:none;display:block}.account-menu a:hover,.account-menu button:hover{background:var(--surface)}.eyebrow{font:500 .74rem/1 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;margin:0 0 18px;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:28px;height:1px}.lede{color:var(--soft);margin:0 0 1.2em;font-size:1.2rem;line-height:1.55}.hero h1 em,.message h1 em{font-family:var(--font-accent);letter-spacing:-.01em;background:var(--dusk-text);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.08em;font-size:1.14em;font-style:italic;font-weight:400}.hero{padding-top:clamp(48px,9vw,104px);padding-bottom:clamp(16px,3vw,28px)}.hero h1,.message h1{margin:0 0 .35em;font-size:clamp(2.5rem,8vw,4rem);line-height:1.02}.cards{display:grid}.card{border-top:1px solid var(--line);padding-block:26px}.card:last-child{border-bottom:1px solid var(--line)}.card h2{margin:0 0 .4em;font-size:clamp(1.3rem,3.6vw,1.55rem);line-height:1.2}.card h2 a{text-decoration:none}.card h2 a:hover{color:var(--accent)}.card-description{color:var(--soft);margin:0 0 .9em}.empty{color:var(--muted);border-top:1px solid var(--line);padding-block:24px}.pager{justify-content:space-between;gap:16px;padding-top:28px;display:flex}.pager a{padding:10px 0;font-weight:600;text-decoration:none}.pager a[rel=prev]:before{content:"← "}.pager a[rel=next]:after{content:" →"}.pager a:hover{color:var(--accent)}.byline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:.9rem;display:flex}.byline-name{color:var(--text);font-weight:500}.avatar{object-fit:cover;background:var(--dusk);width:32px;height:32px;color:var(--night);border-radius:50%;flex:none;place-items:center;margin-right:2px;font-size:.9rem;font-weight:600;display:inline-grid}.post-head{border-bottom:1px solid var(--line);margin-bottom:36px;padding-top:clamp(32px,6vw,64px);padding-bottom:28px}.back{margin:0 0 22px;font-size:.9rem}.back a{color:var(--muted);text-decoration:none}.back a:before{content:"← "}.back a:hover{color:var(--text)}.post-head h1{margin:0 0 .45em;font-size:clamp(2rem,6.4vw,2.9rem);line-height:1.08}.post-body{font-size:1.0625rem}.post-body>:first-child{margin-top:0}.post-body p,.post-body ul,.post-body ol,.post-body blockquote{margin:0 0 1.15em}.post-body h2{margin:1.9em 0 .55em;font-size:clamp(1.45rem,4.2vw,1.75rem);line-height:1.2}.post-body h3{letter-spacing:-.015em;margin:1.6em 0 .5em;font-size:1.22rem;line-height:1.3}.post-body ul,.post-body ol{padding-inline-start:1.4em}.post-body li{margin-bottom:.35em}.post-body li::marker{color:var(--muted)}.post-body a{text-decoration-color:var(--underline);text-underline-offset:4px;text-decoration-thickness:1px}.post-body a:hover{color:var(--accent)}.post-body code{font:.88em/1 var(--font-mono);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:.18em .4em}.post-body blockquote{border-inline-start:3px solid var(--amber);color:var(--soft);padding-inline-start:1.1em;font-size:1.12rem}.post-body blockquote p{margin:0}.explainer{margin:2em 0 2.2em}.explainer-frame{border-radius:12px}.explainer-fallback{aspect-ratio:16/9;text-align:center;background:radial-gradient(80% 60% at 50% 40%, #f6b92b24, transparent 70%), var(--night-2);color:#f4f1ea;border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;text-decoration:none;display:flex;overflow:hidden}.explainer-fallback .play{background:#f4f1ea;border-radius:50%;width:64px;height:64px;transition:transform .15s;position:relative}.explainer-fallback .play:after{content:"";border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent var(--night);position:absolute;top:21px;left:26px}.explainer-fallback:hover .play{transform:scale(1.06)}.explainer-fallback-title{max-width:32ch;font-size:1.1rem;font-weight:600;line-height:1.3}.explainer-fallback-meta{color:#aeabbd;font-size:.85rem}.post-foot{border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);margin-top:48px;padding:24px}.post-foot p{color:var(--soft);margin:0 0 16px}.post-foot p:last-child{margin:0}.post-foot .report{margin-top:-4px;font-size:.85rem}.post-foot .report a{color:var(--muted)}.post-foot .report a:hover{color:var(--text)}.reactions{margin-top:48px}.reactions h2{align-items:baseline;gap:10px;margin:32px 0 16px;font-size:1.35rem;display:flex}.comment-total{color:var(--muted);font-size:.95rem;font-weight:500}.reactions-note{color:var(--muted);margin:0 0 16px}.like-row{display:flex}.like{border:1px solid var(--line);color:var(--text);cursor:pointer;font:500 .92rem/1 var(--font);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;transition:background .15s,border-color .15s;display:inline-flex}.like:hover:not(:disabled){background:var(--surface)}.like:disabled{opacity:.5;cursor:default}.like svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:18px;height:18px}.like[aria-pressed=true]{border-color:var(--crayon-red)}.like[aria-pressed=true] svg{fill:var(--crayon-red);stroke:var(--crayon-red)}.like-count{color:var(--muted);font-variant-numeric:tabular-nums}.like-count:empty{display:none}.comment-list{margin:0;padding:0;list-style:none}.comment{border-top:1px solid var(--line);gap:12px;padding:16px 0;display:flex}.comment:last-child{border-bottom:1px solid var(--line)}.comment-avatar{width:36px;height:36px;margin:2px 0 0}.comment-main{flex:1;min-width:0}.comment-head{color:var(--muted);flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0 0 4px;font-size:.88rem;display:flex}.comment-name{color:var(--text);font-weight:600}.comment-badge{border:1px solid var(--line);font:500 .66rem/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border-radius:999px;padding:3px 7px}.comment-text{white-space:pre-wrap;color:var(--soft);margin:0}.comment-actions{gap:14px;margin:6px 0 0;display:flex}.comment-actions:not(:has(button:not([hidden]))){display:none}.link-button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.82rem}.link-button:hover{color:var(--text);text-decoration:underline}.comment-report{background:var(--bg-2);border-radius:12px;gap:8px;margin-top:10px;padding:12px;font-size:.88rem;display:grid}.comment-report label{gap:4px;display:grid}.comment-report-buttons{align-items:center;gap:14px;display:flex}.comment-reported{color:var(--muted);margin:8px 0 0;font-size:.85rem}.compose{margin-top:20px}.compose-form{gap:8px;display:grid}.compose-who{color:var(--muted);font-size:.88rem}.compose-who strong{color:var(--text)}.compose-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.compose-error{color:var(--crayon-red);font-size:.85rem}.reactions textarea,.reactions select,.reactions input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:12px;padding:10px 12px;font-size:.95rem}.reactions textarea{resize:vertical;min-height:84px}.reactions textarea:focus-visible,.reactions select:focus-visible,.reactions input:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.sign-in-box{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.sign-in-box p{color:var(--soft);margin:0}.message{padding-top:clamp(56px,12vw,128px)}.site-footer{border-top:1px solid var(--line);background:var(--bg-2);color:var(--muted);padding:40px 0 28px;font-size:.92rem}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--text)}.footer-bar{flex-wrap:wrap;justify-content:space-between;gap:24px 48px;display:flex}.footer-about .brand{color:var(--text);margin-bottom:12px}.footer-about p{max-width:46ch;margin:0}.footer-links{grid-template-columns:repeat(2,auto);align-content:start;gap:8px 32px;display:grid}.footer-legal{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:.84rem}@media (width<=560px){.nav-link,.wide,.site-nav:has(.account.signed-in) .board-link{display:none}.site-header .bar{gap:8px}.brand-name{font-size:1.08rem}.lede{font-size:1.1rem}.post-foot{padding:20px}}@media (width<=340px){.brand-tag{display:none}}
