@font-face{font-family:display;src:url(../media/PlusJakartaSans_Variable-s.p.18rizl4rsrl42.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:98.16%;descent-override:20.99%;line-gap-override:0.0%;size-adjust:105.75%}.display_ccbf0d5c-module__tfJ9EW__className{font-family:display,display Fallback,Helvetica Neue,Helvetica,Arial,sans-serif}.display_ccbf0d5c-module__tfJ9EW__variable{--font-display:"display", "display Fallback", Helvetica Neue, Helvetica, Arial, sans-serif}
@font-face{font-family:mono;src:url(../media/DMMono_Regular-s.p.38hmww4cj4vme.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:mono;src:url(../media/DMMono_Medium-s.p.2yee423r7ahpo.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:75.44%;descent-override:23.58%;line-gap-override:0.0%;size-adjust:131.49%}.mono_ccb64c25-module__napeaG__className{font-family:mono,mono Fallback,ui-monospace,SFMono-Regular,Menlo,monospace}.mono_ccb64c25-module__napeaG__variable{--font-mono:"mono", "mono Fallback", ui-monospace, SFMono-Regular, Menlo, monospace}
:root{--canvas:#e4e4e4;--paper:#fff;--paper-2:#f3f3f3;--ink:#111;--ink-2:#4b4b4b;--ink-3:#7c7c7c;--line:#d6d6d6;--night:#000;--night-2:#121212;--night-3:#1d1d1d;--night-line:#2b2b2b;--snow:#fff;--snow-2:#b9b9b9;--yellow:#fff500;--blue:#06f;--cyan:#00f0ff;--orange:#ff4800;--red:#ff2525;--pink:#ff4df8;--purple:#9b4dff;--r-sheet:20px;--r-panel:12px;--r-btn:8px;--r-tag:4px;--gap:16px;--pad:clamp(20px, 3.2vw, 40px);--maxw:1360px;--display:var(--font-display), "Helvetica Neue", Helvetica, Arial, sans-serif;--body:"Helvetica Neue", Helvetica, Arial, sans-serif;--mono:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--spring:cubic-bezier(.34, 1.56, .64, 1);--out:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--canvas);min-height:100dvh;color:var(--ink);font:400 17px/1.4 var(--body);letter-spacing:-.02em;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}main{width:100%;max-width:var(--maxw);padding:0 var(--gap) 40px;gap:var(--gap);flex:1;align-content:start;margin-inline:auto;display:grid}a{color:inherit;text-decoration:none}img,video,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:650;line-height:.98}p{margin:0}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}::selection{background:var(--yellow);color:var(--ink)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:100;clip:auto;background:var(--yellow);border-radius:var(--r-tag);width:auto;height:auto;font:500 13px/1 var(--mono);text-transform:uppercase;padding:10px 14px;position:fixed;top:10px;left:10px}.h-xl{font-size:clamp(44px,6.6vw,104px)}.h-lg{font-size:clamp(36px,4.6vw,72px)}.h-md{font-size:clamp(28px,3vw,44px);line-height:1}.h-sm{letter-spacing:-.03em;font-size:clamp(20px,1.7vw,25px);line-height:1.05}.lede{max-width:34em;color:var(--ink);font-size:clamp(17px,1.45vw,20px)}.muted{color:var(--ink-3)}.mono{font:500 12px/1.3 var(--mono);letter-spacing:0;text-transform:uppercase}.tag{border-radius:var(--r-tag);background:var(--yellow);color:var(--ink);font:500 12px/1.3 var(--mono);letter-spacing:0;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;padding:3px 6px;display:inline-flex}.tag-line{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);background:0 0}.tag-night{background:var(--night);color:var(--snow)}.tag-ghost{box-shadow:inset 0 0 0 1px var(--night-line);color:var(--snow-2);background:0 0}a.tag{transition:transform .25s var(--spring), background .2s, color .2s, box-shadow .2s}a.tag:hover{background:var(--ink);color:var(--snow);box-shadow:none;transform:translateY(-2px)rotate(-1.5deg)}a.tag[aria-current=page]{background:var(--ink);color:var(--snow);box-shadow:none}.tag b{opacity:.55;font-weight:500}.dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.dot-live{background:#35e27e;animation:1.4s steps(2,jump-none) infinite blink}@keyframes blink{50%{opacity:.25}}.pill{background:var(--night);height:40px;color:var(--snow);font:500 12px/1 var(--mono);letter-spacing:0;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform .3s var(--spring);border:0;border-radius:999px;align-items:center;gap:10px;padding:4px 4px 4px 16px;display:inline-flex}.pill>span{background:var(--snow);height:100%;color:var(--ink);transition:background .2s, padding .3s var(--spring);border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.pill svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .3s var(--spring)}.pill:hover{transform:scale(1.04)}.pill:hover>span{background:var(--yellow);padding-inline:16px}.pill:hover svg{transform:translate(3px)}.pill:active{transform:scale(.97)}.pill-light{background:var(--snow);color:var(--ink)}.pill-light>span{background:var(--night);color:var(--snow)}.pill-light:hover>span{background:var(--blue)}.pill-plain{padding-right:16px}.pill[disabled]{opacity:.6;cursor:progress}.sheet{background:var(--paper);border-radius:var(--r-sheet);padding:var(--pad);position:relative;overflow:clip}.sheet-night{background:var(--night);color:var(--snow)}.sheet-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:clamp(24px,3vw,40px);display:flex}.sheet-head .kick{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.cols{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.glow{--c:var(--orange);background:var(--c);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 70%, #000), inset 0 0 26px 4px color-mix(in srgb, var(--c) 45%, #fff), 0 0 44px -8px var(--c);border-radius:6px;position:relative}.spatial{isolation:isolate;border-radius:var(--r-panel);background:var(--blue);position:relative;overflow:hidden}.spatial:before,.spatial:after{content:"";z-index:-1;background:radial-gradient(38% 42% at 30% 35%, var(--g1,var(--cyan)) 0%, transparent 70%), radial-gradient(40% 40% at 72% 62%, var(--g2,var(--pink)) 0%, transparent 72%), radial-gradient(34% 36% at 62% 22%, var(--g3,var(--purple)) 0%, transparent 70%);filter:blur(30px);animation:16s ease-in-out infinite alternate drift;position:absolute;inset:-40%}.spatial:after{mix-blend-mode:screen;opacity:.7;animation-duration:23s;animation-direction:alternate-reverse;inset:-30%}@keyframes drift{0%{transform:translate(-6%,-4%)rotate(0)scale(1)}50%{transform:translate(5%,6%)rotate(40deg)scale(1.15)}to{transform:translate(-3%,8%)rotate(-25deg)scale(1.05)}}.spatial-warm{background:var(--orange);--g1:var(--pink);--g2:var(--yellow);--g3:var(--red)}.spatial-pink{background:var(--pink);--g1:var(--purple);--g2:var(--orange);--g3:var(--blue)}.spatial-dark{background:var(--night);--g1:var(--blue);--g2:var(--pink);--g3:var(--orange)}.spatial-dark:before{background:radial-gradient(60% 30% at 50% 0%, var(--g3) 0%, transparent 75%), radial-gradient(70% 34% at 50% 100%, var(--g2) 0%, transparent 75%), radial-gradient(30% 50% at 0% 50%, var(--g1) 0%, transparent 70%);inset:-10%}.ticker{background:var(--night);color:var(--snow);height:30px;font:500 11px/30px var(--mono);letter-spacing:0;text-transform:uppercase;overflow:hidden}.ticker-track{width:max-content;animation:50s linear infinite marquee;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}.ticker ul{margin:0;padding:0;list-style:none;display:flex}.ticker li{white-space:nowrap;align-items:center;gap:22px;padding-left:22px;display:flex}.ticker li:after{content:"";background:var(--sq,var(--yellow));border-radius:2px;width:8px;height:8px}.ticker li:nth-child(3n+2):after{--sq:var(--pink)}.ticker li:nth-child(3n):after{--sq:var(--cyan)}@keyframes marquee{to{transform:translate(-50%)}}.hdr{z-index:30;width:100%;max-width:var(--maxw);padding:12px var(--gap);margin-inline:auto;position:sticky;top:0}.hdr-in{-webkit-backdrop-filter:blur(14px)saturate(1.6);background:#ffffffd1;border-radius:16px;align-items:center;gap:16px;height:56px;padding:0 10px 0 16px;display:flex;box-shadow:0 1px #0000000f,0 12px 30px -18px #00000059}.logo{font:700 19px/1 var(--display);letter-spacing:-.04em;flex:none;align-items:center;gap:10px;display:inline-flex}.logo-mark{background:var(--night);border-radius:10px;grid-template-columns:repeat(3,6px);align-items:end;gap:3px;width:36px;height:36px;padding:8px 6px;display:grid}.logo-mark i{transform-origin:bottom;transition:transform .35s var(--spring);border-radius:2px;display:block}.logo-mark i:first-child{background:var(--pink);height:12px}.logo-mark i:nth-child(2){background:var(--yellow);height:20px}.logo-mark i:nth-child(3){background:var(--cyan);height:8px}.logo:hover .logo-mark i:first-child{transform:scaleY(1.5)}.logo:hover .logo-mark i:nth-child(2){transition-delay:50ms;transform:scaleY(.55)}.logo:hover .logo-mark i:nth-child(3){transition-delay:.1s;transform:scaleY(2.3)}.nav{gap:6px;margin-left:auto;display:flex}.nav a{border-radius:var(--r-btn);font:500 12px/1 var(--mono);letter-spacing:0;text-transform:uppercase;transition:background .2s, color .2s, transform .25s var(--spring);padding:9px 12px}.nav a:hover{background:var(--ink);color:var(--snow);transform:translateY(-1px)}.nav a[aria-current=page]{background:var(--yellow)}.ftr{width:100%;max-width:var(--maxw);padding:0 var(--gap) var(--gap);margin-inline:auto}.ftr-in{border-radius:var(--r-sheet);background:var(--night);color:var(--snow);padding:var(--pad);grid-template-columns:1.3fr 1fr;gap:32px;display:grid;position:relative;overflow:clip}.ftr-big{font:650 clamp(40px, 7vw, 108px) / .92 var(--display);letter-spacing:-.045em}.ftr-big span{transition:transform .4s var(--spring), color .2s;display:inline-block}.ftr-big span:hover{color:var(--yellow);transform:translateY(-8px)rotate(-3deg)}.ftr-big span:nth-child(2):hover{color:var(--pink)}.ftr-big span:nth-child(3):hover{color:var(--cyan)}.ftr-nav{flex-wrap:wrap;place-content:start flex-end;gap:8px;display:flex}.ftr-legal{border-top:1px solid var(--night-line);color:var(--snow-2);grid-column:1/-1;max-width:78em;padding-top:22px;font-size:13px;line-height:1.5}.ftr-legal strong{color:var(--snow)}.hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;gap:clamp(20px,3vw,40px);display:grid}.hero-copy{flex-direction:column;align-items:start;gap:26px;display:flex}.hero-copy .lede{margin-top:-4px}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:12px;display:flex}.rise>span{vertical-align:bottom;margin:-.06em -.04em -.26em;padding:.06em .04em .26em;display:inline-block;overflow:hidden}.rise>span>i{animation:rise .9s var(--out) forwards;animation-delay:calc(var(--i) * 70ms + 80ms);font-style:normal;display:inline-block;transform:translateY(110%)rotate(6deg)}.rise .hl{background:linear-gradient(180deg, transparent 58%, var(--yellow) 58% 92%, transparent 92%)}@keyframes rise{to{transform:none}}.hero-stage{--mx:.5;--my:.5;isolation:isolate;border-radius:var(--r-panel);background:var(--night);cursor:crosshair;touch-action:pan-y;min-height:clamp(320px,36vw,500px);position:relative;overflow:hidden}.hero-stage>*{position:absolute}.hero-light{border-radius:0;inset:0}.tone-ember{--g1:var(--orange);--g2:var(--yellow);--g3:var(--pink)}.tone-ocean{--g1:var(--cyan);--g2:var(--blue);--g3:var(--purple)}.hero-spot{background:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #ffffff8c, transparent 38%);mix-blend-mode:overlay;inset:0}.hero-grid{-webkit-mask-image:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #000, transparent 55%);-webkit-mask-image:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #000, transparent 55%);mask-image:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #000, transparent 55%);background:linear-gradient(#ffffff12 1px,#0000 1px) 0 0/100% 44px,linear-gradient(90deg,#ffffff12 1px,#0000 1px) 0 0/44px 100%;inset:0}.hero-line{background:var(--yellow);opacity:.85}.hero-line-x{top:0;bottom:0;left:calc(var(--mx) * 100%);width:1px}.hero-line-y{left:0;right:0;top:calc(var(--my) * 100%);height:1px}.hero-cursor{--fx:0;--fy:0;left:calc(var(--mx) * 100%);top:calc(var(--my) * 100%);z-index:4;transform:translate(calc(10px - (100% + 20px) * var(--fx)), calc(10px - (100% + 20px) * var(--fy)));transition:transform .25s var(--out);pointer-events:none}.hero-stage[data-live] .hero-cursor{box-shadow:0 0 24px var(--yellow)}.hero-shapes{perspective:900px;pointer-events:none;place-items:center;display:grid;inset:0}.hero-shape{--d:1;width:min(54%,300px);transform:translate3d(calc((var(--mx) - .5) * 70px * var(--d)), calc((var(--my) - .5) * 70px * var(--d)), 0) rotateY(calc((var(--mx) - .5) * 50deg)) rotateX(calc((.5 - var(--my)) * 50deg));filter:drop-shadow(0 26px 40px #0000008c);will-change:transform;grid-area:1/1}.hero-shape-b{--d:-1.8;width:min(20%,110px);margin:-46% 0 0 -58%}.hero-shape-c{--d:2.6;width:min(16%,86px);margin:50% -60% 0 0}.hero-corner{z-index:3;pointer-events:none}.hero-tl{top:12px;left:12px}.hero-tr{top:12px;right:12px}.hero-bl{bottom:12px;left:12px}.hero-br{background:var(--red);bottom:12px;right:12px}.shape{width:100%;height:auto;overflow:visible}.shape-spin{transform-origin:50%;transform-box:fill-box;animation:40s linear infinite spin}.shape-wrap:hover .shape-spin,a:hover .shape-spin{animation-duration:6s}@keyframes spin{to{transform:rotate(360deg)}}.stage{--c1:var(--yellow);--c2:var(--pink);--c3:var(--cyan);background:linear-gradient(var(--night-2) 1px, transparent 1px) 0 0 / 100% 56px, linear-gradient(90deg, var(--night-2) 1px, transparent 1px) 0 0 / 56px 100%, var(--night)}.stage .sheet-head h2 em{color:var(--yellow);font-style:normal}.stage-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.rail{pointer-events:none;height:220px;margin-bottom:-180px;position:relative}.rail svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rail path{fill:none;stroke-linecap:round;stroke-linejoin:round}.rail .trace{stroke:var(--night-line);stroke-width:2px;stroke-dasharray:.006 .008}.rail .beam{stroke-width:6px;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 10px #ff4df8b3);animation:draw 2.2s var(--out) .35s forwards}.rail .comet{stroke:var(--snow);stroke-width:6px;stroke-dasharray:.035 .965;stroke-dashoffset:1px;opacity:0;filter:drop-shadow(0 0 8px #fff);animation:3.6s linear 2.6s infinite comet}@keyframes draw{to{stroke-dashoffset:0}}@keyframes comet{0%{stroke-dashoffset:1px;opacity:1}96%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.rail-tag{position:absolute;transform:translateY(-50%)}.ranks{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;margin:0;padding:0;list-style:none;display:grid;position:relative}.rank{--c:var(--c1);--drop:0px;margin-top:var(--drop);opacity:0;animation:land .9s var(--spring) forwards;animation-delay:calc(var(--n) * .55s + .2s);flex-direction:column;align-items:center;display:flex;position:relative}.rank:nth-child(2){--c:var(--c2);--drop:56px}.rank:nth-child(3){--c:var(--c3);--drop:112px}@keyframes land{0%{opacity:0;transform:translateY(40px)scale(.92)}to{opacity:1;transform:none}}.node{z-index:2;background:var(--c);width:64px;height:64px;color:var(--ink);font:700 26px/1 var(--display);letter-spacing:-.04em;box-shadow:0 0 0 6px var(--night), 0 0 0 8px var(--c), 0 0 50px 4px var(--c);border-radius:50%;place-items:center;display:grid;position:relative}.node:after{content:"";border:2px solid var(--c);animation:ping 2.4s var(--out) infinite;animation-delay:calc(var(--n) * .8s);border-radius:50%;position:absolute;inset:-8px}@keyframes ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.stem{background:repeating-linear-gradient(180deg, var(--c) 0 4px, transparent 4px 8px);width:2px;height:22px}.champ{border-radius:var(--r-panel);background:var(--night-2);width:100%;box-shadow:inset 0 0 0 2px var(--c), inset 0 0 60px -22px var(--c), 0 0 70px -30px var(--c);transition:transform .45s var(--spring), box-shadow .3s;position:relative;overflow:hidden}.champ:hover{box-shadow:inset 0 0 0 2px var(--c), inset 0 0 80px -18px var(--c), 0 0 90px -20px var(--c);transform:translateY(-8px)rotate(-.6deg)}.rank:nth-child(2) .champ:hover{transform:translateY(-8px)rotate(.6deg)}.champ-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.champ-top .tag:first-child{background:var(--c)}.champ-media{border-radius:6px;margin:0 12px;display:block;overflow:hidden}.champ-body{gap:10px;padding:16px 16px 18px;display:grid}.champ-body h3 a:after{content:"";position:absolute;inset:0}.champ-body p{color:var(--snow-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}.champ-foot{z-index:1;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex;position:relative}.pv{aspect-ratio:16/10;background:var(--paper-2);border-radius:6px;position:relative;overflow:hidden}.pv img{transition:transform .7s var(--out)}a:hover>.pv img,.card:hover .pv img{transform:scale(1.05)}.pv-kind{z-index:1;position:absolute;bottom:8px;left:8px}.pv-text{background:var(--night);color:#d8d8d8}.pv-text:before{content:"";background:radial-gradient(circle at 4px 4px, var(--red) 0 4px, transparent 4.5px), radial-gradient(circle at 19px 4px, var(--yellow) 0 4px, transparent 4.5px), radial-gradient(circle at 34px 4px, #35e27e 0 4px, transparent 4.5px);border-radius:8px;width:38px;height:8px;position:absolute;top:12px;left:12px}.pv-snippet{font:400 12px/1.55 var(--mono);letter-spacing:0;padding:32px 14px 14px;-webkit-mask-image:linear-gradient(#000 55%,#0000 94%);mask-image:linear-gradient(#000 55%,#0000 94%)}.pv-snippet:after{content:"";vertical-align:-2px;background:var(--yellow);width:7px;height:13px;margin-left:3px;animation:1s steps(2,jump-none) infinite blink;display:inline-block}.pv-play{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.pv-play span{background:var(--yellow);width:52px;height:52px;transition:transform .35s var(--spring);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 6px #00000059}a:hover .pv-play span,.card:hover .pv-play span{transform:scale(1.18)}.pv-play svg{width:20px;height:20px;fill:var(--ink);margin-left:3px}.pv-thumb{aspect-ratio:4/3;border-radius:6px;width:72px}.pv-thumb .pv-snippet{padding:8px 6px 6px;font-size:6.5px;line-height:1.4}.pv-thumb:before,.pv-thumb .pv-snippet:after{display:none}.pv-thumb .pv-play span{width:26px;height:26px;box-shadow:none}.pv-thumb .pv-play svg{width:11px;height:11px;margin-left:2px}.pv-full{border-radius:var(--r-panel);background:var(--paper-2);overflow:hidden}.pv-full-media{max-height:80vh;margin:0;position:relative}.pv-full-video{background:var(--night)}.pv-full-video video{width:100%;max-height:80vh}.pv-full-text{max-height:760px;padding:clamp(18px,2.4vw,30px);overflow:auto}.pv-fig{margin:0}.pv-caption{color:var(--ink-2);margin-top:12px;font-size:15px}.gallery{gap:22px;display:grid}.gallery-item{justify-items:start;gap:10px;display:grid}.gallery-item>:not(.tag){width:100%}.like{--c:var(--pink);background:var(--paper-2);height:34px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:500 12px/1 var(--mono);letter-spacing:0;font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;transition:transform .3s var(--spring), background .2s, box-shadow .2s, color .2s;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 10px;display:inline-flex;position:relative}.on-night .like,.stage .like{background:var(--night-3);box-shadow:inset 0 0 0 1px var(--night-line);color:var(--snow)}.like:hover{box-shadow:inset 0 0 0 2px var(--c);transform:scale(1.08)}.like:active{transform:scale(.92)}.like-ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:16px;height:16px;transition:fill .15s}.like[data-liked=true]{background:var(--c);color:var(--ink);box-shadow:0 0 26px -4px var(--c)}.like[data-liked=true] .like-ico{fill:var(--ink);animation:pop .5s var(--spring)}@keyframes pop{40%{transform:scale(1.6)rotate(-12deg)}}.like-burst{pointer-events:none;width:6px;height:6px;animation:burst .7s var(--out) forwards;box-shadow:0 -22px 0 var(--yellow), 16px -16px 0 var(--pink), 22px 0 0 var(--cyan), 16px 16px 0 var(--orange), 0 22px 0 var(--blue), -16px 16px 0 var(--yellow), -22px 0 0 var(--pink), -16px -16px 0 var(--cyan);border-radius:1px;margin:-3px;position:absolute;top:50%;left:18px}@keyframes burst{0%{opacity:1;transform:scale(.2)rotate(0)}to{opacity:0;transform:scale(1.7)rotate(90deg)}}.like-lg{gap:10px;height:48px;padding:0 20px 0 16px;font-size:14px}.like-lg .like-ico{width:20px;height:20px}.like-t{border-left:1px solid;padding-left:10px}.like-err{z-index:5;background:var(--red);color:#fff;width:max-content;max-width:250px;font:400 12px/1.3 var(--body);text-transform:none;white-space:normal;border-radius:6px;padding:7px 9px;position:absolute;top:calc(100% + 8px);right:0}.board{counter-reset:none;margin:0;padding:0;list-style:none}.row{--c:var(--ink);border-top:1px solid var(--line);transition:background .25s, transform .35s var(--spring);border-radius:10px;grid-template-columns:54px 72px minmax(0,1.5fr) minmax(90px,1fr) auto auto;align-items:center;gap:16px;padding:12px 12px 12px 6px;display:grid;position:relative}.row:last-child{border-bottom:1px solid var(--line)}.row[data-rank="1"]{--c:var(--yellow)}.row[data-rank="2"]{--c:var(--pink)}.row[data-rank="3"]{--c:var(--cyan)}.row:hover{background:var(--paper-2);transform:translate(6px)}.row-rank{width:42px;height:42px;font:500 15px/1 var(--mono);letter-spacing:0;color:var(--ink-3);border-radius:50%;justify-self:center;place-items:center;display:grid}.row[data-rank] .row-rank{background:var(--c);color:var(--ink);box-shadow:0 0 20px -4px var(--c)}.row-main{gap:6px;min-width:0;display:grid}.row-title{font:650 clamp(17px, 1.5vw, 21px) / 1.1 var(--display);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-title:after{content:"";position:absolute;inset:0}.row-tags{gap:6px;display:flex}.meter{background:var(--night);border-radius:4px;height:22px;padding:3px;position:relative}.meter i{--c:var(--orange);height:100%;width:var(--w);background:var(--c);min-width:6px;box-shadow:inset 0 0 8px 1px color-mix(in srgb, var(--c) 40%, #fff), 0 0 14px -2px var(--c);transform-origin:0;animation:fill 1.1s var(--out) both;animation-delay:calc(var(--n) * 60ms + .2s);border-radius:2px;display:block}.row:nth-child(3n+2) .meter i{--c:var(--pink)}.row:nth-child(3n) .meter i{--c:var(--blue)}@keyframes fill{0%{transform:scaleX(0)}}.meter b{font:500 11px/1 var(--mono);letter-spacing:0;color:var(--snow);mix-blend-mode:difference;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.row .like,.row .move{z-index:1;position:relative}.move{justify-content:center;min-width:64px}.move svg{fill:currentColor;width:10px;height:10px}.move-up{background:#35e27e}.move-down{background:var(--paper-2);color:var(--ink-3)}.move-new{background:var(--cyan)}.board-more{justify-content:center;margin-top:28px;display:flex}.grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.card{background:var(--paper);border-radius:var(--r-panel);box-shadow:inset 0 0 0 1px var(--line);transition:transform .45s var(--spring), box-shadow .25s;flex-direction:column;padding:10px;display:flex;position:relative}.sheet>.grid .card,.sheet .card{background:var(--paper-2);box-shadow:none}.card:hover{box-shadow:0 0 0 2px var(--ink), 8px 8px 0 0 var(--hover,var(--yellow));transform:translateY(-6px)rotate(-.5deg)}.card:nth-child(3n+2):hover{--hover:var(--pink);transform:translateY(-6px)rotate(.5deg)}.card:nth-child(3n):hover{--hover:var(--cyan)}.card-body{flex:1;align-content:start;gap:10px;padding:14px 6px 6px;display:grid}.card-body h3 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.card-body p{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}.card-foot{z-index:1;justify-content:space-between;align-items:center;gap:8px;padding:10px 6px 4px;display:flex;position:relative}.empty{border:1px dashed var(--line);border-radius:var(--r-panel);text-align:center;color:var(--ink-3);padding:40px 20px}.sheet-night .empty{border-color:var(--night-line);color:var(--snow-2)}.steps{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.step{--c:var(--orange);border-radius:var(--r-panel);background:var(--paper-2);transition:transform .4s var(--spring);align-content:start;gap:14px;padding:18px;display:grid}.step:nth-child(2){--c:var(--pink)}.step:nth-child(3){--c:var(--blue)}.step:hover{transform:translateY(-5px)}.step .glow{color:#fff;height:120px;font:500 12px/1.3 var(--mono);letter-spacing:0;text-transform:uppercase;place-items:center;display:grid}.step:hover .glow{animation:wobble .6s var(--spring)}@keyframes wobble{30%{transform:scale(1.04)rotate(-1.5deg)}60%{transform:scale(.98)rotate(1deg)}}.step p{color:var(--ink-2);font-size:16px}.faq{gap:0;display:grid}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font:650 clamp(18px, 1.7vw, 24px) / 1.1 var(--display);letter-spacing:-.03em;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";background:linear-gradient(var(--snow), var(--snow)) center / 12px 2px no-repeat, linear-gradient(var(--snow), var(--snow)) center / 2px 12px no-repeat, var(--ink);width:30px;height:30px;transition:transform .4s var(--spring), background-color .2s;border-radius:50%;flex:none}.faq details[open] summary:after{background-color:var(--orange);transform:rotate(135deg)}.faq details p{max-width:46em;color:var(--ink-2);padding:0 4px 22px}.stats{flex-wrap:wrap;gap:8px;display:flex}.page-head{justify-items:start;gap:20px;display:grid}.page-head .tags{flex-wrap:wrap;gap:6px;display:flex}.crumbs ol{flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:0;list-style:none;display:flex}.crumbs li{font:500 12px/1.3 var(--mono);letter-spacing:0;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:6px;display:flex}.crumbs li+li:before{content:"/";color:var(--line)}.crumbs a:hover,.crumbs [aria-current]{color:var(--ink)}.pager{justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.p-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;display:grid}.p-head h1{margin:16px 0 18px}.p-side{justify-items:end;gap:10px;display:grid}.facts{flex-wrap:wrap;gap:6px;margin:26px 0 0;padding:0;display:flex}.facts div{display:flex}.facts dt,.facts dd{font:500 12px/1.3 var(--mono);letter-spacing:0;text-transform:uppercase;margin:0;padding:4px 8px}.facts dt{background:var(--ink);color:var(--snow);border-radius:var(--r-tag) 0 0 var(--r-tag)}.facts dd{box-shadow:inset 0 0 0 1px var(--ink);border-radius:0 var(--r-tag) var(--r-tag) 0}.p-body{gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:10px;min-height:40px;margin-bottom:14px;display:flex}.prompt-box{position:sticky;top:92px}.prompt-text{border-radius:var(--r-panel);background:var(--night-2);box-shadow:inset 0 0 0 1px var(--night-line);color:#e9e9e9;font:400 13.5px/1.7 var(--mono);letter-spacing:0;white-space:pre-wrap;word-break:break-word;max-height:70vh;margin:0;padding:clamp(16px,2vw,24px);overflow:auto}.prompt-text mark{background:var(--yellow);color:var(--ink);border-radius:3px;padding:1px 3px}.taglist{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.prose{letter-spacing:-.015em;color:var(--ink);font-size:17px;line-height:1.55}.prose>*+*{margin-top:1em}.prose>:first-child{margin-top:0}.prose h2,.prose h3,.prose h4{margin-top:1.7em;line-height:1.05}.prose h2{font-size:clamp(26px,2.6vw,36px)}.prose h3{font-size:clamp(20px,1.9vw,25px)}.prose h4{font-size:19px}.prose ul,.prose ol{padding-left:1.25em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--orange);font-family:var(--mono);font-size:.85em}.prose a{text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:3px;text-decoration-thickness:2px}.prose a:hover{background:var(--yellow)}.prose strong{font-weight:700}.prose code{font:.86em var(--mono);letter-spacing:0;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:4px;padding:.12em .36em}.prose pre{background:var(--night-2);color:#e9e9e9;border-radius:var(--r-panel);padding:16px 18px;overflow-x:auto}.prose pre code{box-shadow:none;background:0 0;padding:0;font-size:13px;line-height:1.65}.prose blockquote{border-radius:var(--r-panel);background:var(--paper-2);box-shadow:inset 4px 0 0 var(--pink);color:var(--ink-2);margin-inline:0;padding:14px 18px}.prose blockquote p+p{margin-top:.6em}.prose table{border-collapse:collapse;width:100%;font-size:15px;display:block;overflow-x:auto}.prose th{font:500 12px/1.3 var(--mono);letter-spacing:0;text-transform:uppercase;background:var(--ink);color:var(--snow)}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);padding:8px 12px}.prose hr{border:0;border-top:1px dashed var(--line)}.article{max-width:760px}.posts{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.post{border-radius:var(--r-panel);background:var(--paper-2);transition:transform .45s var(--spring), box-shadow .25s;align-content:start;gap:14px;padding:10px 10px 18px;display:grid;position:relative}.post:hover{box-shadow:0 0 0 2px var(--ink), 8px 8px 0 0 var(--orange);transform:translateY(-6px)}.post-cover{aspect-ratio:16/9;border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.post-cover .shape-wrap{z-index:1;filter:drop-shadow(0 12px 26px #0000004d);width:36%;position:relative}.post-cover img{object-fit:cover}.post-cover .tag{z-index:2;position:absolute;top:10px;left:10px}.post-body{gap:10px;padding:0 8px;display:grid}.post-body h2 a:after,.post-body h3 a:after{content:"";position:absolute;inset:0}.post-body p{color:var(--ink-2);font-size:16px}.post-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch;gap:clamp(20px,3vw,40px);display:grid}.post-hero .page-head{flex-direction:column;align-items:flex-start;display:flex}.post-hero .page-head h1{margin-top:auto;padding-top:24px}.post-hero .post-cover{aspect-ratio:4/3;border-radius:var(--r-panel)}.byline{color:var(--ink-3);font-size:15px}.byline a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.article-wrap{grid-template-columns:minmax(0,760px) minmax(0,280px);justify-content:space-between;align-items:start;gap:clamp(28px,5vw,72px);margin-top:clamp(28px,4vw,56px);display:grid}.toc{border-radius:var(--r-panel);background:var(--paper-2);justify-items:start;gap:14px;padding:18px;display:grid;position:sticky;top:96px}.toc ol{counter-reset:toc;gap:2px;width:100%;margin:0;padding:0;list-style:none;display:grid}.toc li{counter-increment:toc}.toc a{transition:background .2s, transform .3s var(--spring);border-radius:6px;grid-template-columns:28px 1fr;padding:7px 8px;font-size:15px;line-height:1.3;display:grid}.toc a:before{content:counter(toc, decimal-leading-zero);font:500 11px/1.8 var(--mono);letter-spacing:0;color:var(--ink-3)}.toc a:hover{background:var(--yellow);transform:translate(4px)}.prose h2[id],.prose h3[id]{scroll-margin-top:96px}.prose h2[id]:target,.prose h3[id]:target{background:linear-gradient(180deg, transparent 60%, var(--yellow) 60%);width:fit-content}.prevnext{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.prevnext-link{border-radius:var(--r-panel);background:var(--paper-2);transition:transform .4s var(--spring), box-shadow .25s;justify-items:start;gap:10px;padding:18px;display:grid}.prevnext-next{text-align:right;justify-items:end}.prevnext-link:hover{box-shadow:0 0 0 2px var(--ink), 6px 6px 0 0 var(--cyan);transform:translateY(-4px)}.form{gap:16px;max-width:640px;display:grid}.fld{border:0;gap:7px;min-width:0;margin:0;padding:0;display:grid}.fld>span,.fld>legend{font:500 12px/1.3 var(--mono);letter-spacing:0;text-transform:uppercase;color:var(--ink-2);justify-content:space-between;padding:0;display:flex}.input,.fld input:not([type=checkbox]):not([type=radio]):not([type=file]),.fld textarea,.fld select{border-radius:var(--r-btn);background:var(--paper-2);width:100%;box-shadow:inset 0 0 0 1px var(--line);resize:vertical;border:0;padding:12px 14px;font-size:16px;transition:box-shadow .2s,background .2s}.fld input:focus,.fld textarea:focus,.fld select:focus{background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink), 4px 4px 0 0 var(--yellow);outline:none}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.note{border-radius:var(--r-btn);padding:12px 14px;font-size:15px}.note-ok{background:#d9fbe6;box-shadow:inset 0 0 0 1px #35e27e}.note-err{box-shadow:inset 0 0 0 1px var(--red);background:#ffe1e1}.disclaimer{border-radius:var(--r-btn);background:var(--paper-2);color:var(--ink-2);align-items:start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.disclaimer .tag{flex:none;margin-top:1px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 38%}.reveal-pop>*{animation:linear both reveal-pop;animation-timeline:view();animation-range:entry entry 45%}}}@keyframes grow{0%{transform:scaleY(0)}}@keyframes reveal{0%{opacity:0;transform:translateY(46px)scale(.98)}}@keyframes reveal-pop{0%{opacity:0;transform:translateY(30px)rotate(-2deg)scale(.94)}}@media (max-width:1000px){.article-wrap{grid-template-columns:minmax(0,1fr)}.toc{order:-1;position:static}.hero,.p-body,.post-hero,.cols{grid-template-columns:minmax(0,1fr)}.prompt-box{position:static}.row{grid-template-columns:46px 60px minmax(0,1fr) auto}.row .meter,.row .move{display:none}.row-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.pv-thumb{width:60px}}@media (max-width:820px){body{font-size:16px}.hdr-in{flex-wrap:wrap;row-gap:8px;height:auto;padding:10px 12px}.nav{scrollbar-width:none;order:3;width:100%;margin-left:0;overflow-x:auto}.hdr-cta{margin-left:auto}.rail{display:none}.ranks{grid-template-columns:minmax(0,1fr);gap:26px;padding-left:44px}.ranks:before{content:"";background:linear-gradient(180deg, var(--c1), var(--c2) 50%, var(--c3));width:6px;box-shadow:0 0 18px var(--c2);transform-origin:top;animation:grow 1.8s var(--out) .3s both;border-radius:6px;position:absolute;top:0;bottom:0;left:15px}.rank,.rank:nth-child(2),.rank:nth-child(3){--drop:0px;align-items:stretch}.node{width:40px;height:40px;box-shadow:0 0 0 4px var(--night), 0 0 30px 2px var(--c);font-size:17px;position:absolute;top:0;left:-52px}.node:after,.stem{display:none}.steps,.p-head{grid-template-columns:minmax(0,1fr)}.p-side{justify-items:start}.ftr-in{grid-template-columns:minmax(0,1fr)}.ftr-nav{justify-content:flex-start}.prevnext{grid-template-columns:minmax(0,1fr)}.prevnext-next{text-align:left;justify-items:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.rail .comet{display:none}}