:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hue:210;--color-page:hsl(var(--hue) 43.5% 9%);--color-text:hsl(var(--hue) 25% 81%);--color-link:hsl(var(--hue) 35% 90%);--color-link-hover:hsl(var(--hue) 30% 96%);--color-accent:hsl(var(--hue) 35% 68%);--color-muted:hsl(var(--hue) 22% 44%);--color-backdrop-glow:hsl(var(--hue) 35% 18%);--color-backdrop-vignette:hsl(var(--hue) 60% 4% / .65);--color-card-start:hsl(var(--hue) 38% 14% / .6);--color-card-end:hsl(var(--hue) 34% 20% / .5);--color-card-shadow:hsl(var(--hue) 70% 3% / .7);--color-gutter:hsl(var(--hue) 36% 12% / .7)}*{box-sizing:border-box}body{isolation:isolate;min-height:100svh;color:var(--color-text);background:var(--color-page);justify-content:center;align-items:center;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:16px;line-height:24px;display:flex}.backdrop{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 40%, var(--color-backdrop-glow), transparent 70%), var(--color-page);position:fixed;inset:0;overflow:hidden}.backdrop:after{content:"";background:radial-gradient(ellipse at 50% 45%, transparent 20%, var(--color-backdrop-vignette) 100%);position:absolute;inset:0}.aurora{--width:140vmax;--height:65vmax;--center-y:50%;--duration:20s;--phase:-10s;--direction:alternate;left:calc(50% - var(--width) / 2);top:calc(var(--center-y) - var(--height) / 2);width:var(--width);height:var(--height);background:conic-gradient(from 210deg, transparent 15deg, hsl(var(--hue) 55% 72% / .12) 55deg, hsl(var(--hue) 50% 82% / .5) 82deg, transparent 125deg 235deg, hsl(var(--hue) 45% 62% / .35) 275deg, transparent 320deg);filter:blur(clamp(24px,4vw,48px));animation:aurora-drift var(--duration) linear var(--phase) infinite var(--direction);border-radius:50%;position:absolute;transform:rotate(-18deg)scaleY(.8)}.aurora-secondary{--width:110vmax;--height:40vmax;--center-y:65%;--duration:34s;--phase:-12s;--direction:alternate-reverse;background:radial-gradient(ellipse at 65% 50%, hsl(var(--hue) 55% 75% / .3), hsl(var(--hue) 45% 45% / .1) 35%, transparent 65%)}@keyframes aurora-drift{0%{transform:translate(-5%,4%)rotate(-18deg)scaleY(.8)}to{transform:translate(5%,-5%)rotate(12deg)scaleY(1.05)}}.card-shell{--frame-width:2px;--card-radius:12px;--reflection-brightness:1.25;width:100%;max-width:576px;padding:var(--frame-width);border-radius:calc(var(--card-radius) + var(--frame-width));box-shadow:0 20px 64px var(--color-card-shadow);position:relative}.card-reflection{padding:var(--frame-width);border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:brightness(var(--reflection-brightness));backdrop-filter:brightness(var(--reflection-brightness));position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card{border-radius:var(--card-radius);background:linear-gradient(90deg, var(--color-card-start), var(--color-card-end));min-height:256px;display:flex;position:relative;overflow:hidden}.numbers{text-align:center;color:var(--color-muted);background:var(--color-gutter);-webkit-user-select:none;user-select:none;flex:0 0 40px;padding:4px;font-size:14px}.code{min-width:0;padding:4px 24px 4px 8px}.code :is(h1,p){font:inherit;overflow-wrap:anywhere;grid-template-columns:1ch minmax(0,1fr);column-gap:8px;margin:0;display:grid}.code :is(h1,p):before{content:">";color:var(--color-muted)}.tags{flex-wrap:wrap;column-gap:16px;display:flex;overflow:hidden}.tags>span{white-space:nowrap;position:relative}.tags>span:before{content:"·";color:var(--color-muted);position:absolute;left:-12px}.code a{color:var(--color-link);text-decoration:underline;-webkit-text-decoration-color:var(--color-muted);text-decoration-color:var(--color-muted);text-underline-offset:4px;justify-self:start;text-decoration-thickness:2px;transition:color .2s,text-decoration-color .2s}.code a:is(:hover,:focus-visible){color:var(--color-link-hover);-webkit-text-decoration-color:var(--color-link);text-decoration-color:var(--color-link)}.code a:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px}@media (prefers-reduced-motion:reduce){.aurora{animation:none}.code a{transition:none}}