:root{--color-bg:#33281d;--color-surface:#3e3022;--color-text:#f6efe4;--color-muted:#bcae9b;--color-accent:#e2571b;--color-accent-2:#f2a03d;--color-border:#52402c;--color-ink:#1b130c;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--color-bg);min-height:100vh;color:var(--color-text);font:400 17px/1.6 var(--font-sans);overflow-wrap:anywhere;background-image:linear-gradient(#f6efe409 1px,#0000 1px),linear-gradient(90deg,#f6efe409 1px,#0000 1px);background-size:56px 56px;flex-direction:column;margin:0;display:flex}img{max-width:100%;height:auto;display:block}p{margin:0}h1,h2,h3{line-height:1.15}a{color:var(--color-accent-2);text-underline-offset:3px}a:hover{color:var(--color-text)}:focus-visible{outline:2px solid var(--color-accent-2);outline-offset:3px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:10;background:var(--color-accent);color:var(--color-ink);font:600 14px var(--font-mono);padding:8px 12px;position:absolute;top:-80px;left:12px}.skip:focus{top:12px}.wrap{width:min(1080px,100% - 40px);margin-inline:auto}main{flex:1;width:100%;padding-bottom:24px}.note{font:13px/1.5 var(--font-mono);color:var(--color-muted)}.sec{font:500 12px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-2);align-items:center;gap:8px;margin:64px 0 20px;display:flex}.page-head{padding-top:clamp(48px,7vw,88px);padding-bottom:clamp(24px,3vw,40px)}.page-head h1{max-width:22ch;font:700 clamp(32px, 5vw, 56px)/1.08 var(--font-sans);letter-spacing:-.02em;margin:0 0 20px}.lede{max-width:56ch;color:var(--color-muted);font-size:clamp(18px,2.1vw,21px)}.topbar{z-index:5;border-bottom:1px solid var(--color-border);backdrop-filter:blur(8px);background:#33281deb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:14px 20px;display:flex;position:sticky;top:0}.brand{font:600 15px var(--font-mono);color:var(--color-text);text-decoration:none}.topbar nav{font:500 14px var(--font-mono);gap:18px;display:flex}.topbar nav a{color:var(--color-muted);padding:2px 0;text-decoration:none}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:var(--color-text)}.topbar nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--color-accent)}.hero{isolation:isolate;padding:clamp(56px,9vw,120px) 0 clamp(48px,7vw,88px);position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(transparent, var(--color-bg));pointer-events:none;height:140px;position:absolute;bottom:0;left:0;right:0}.hero-inner{align-items:center;gap:40px;display:grid}@media (width>=860px){.hero-inner{grid-template-columns:1fr auto;gap:56px}}.tagline{max-width:18ch;font-family:var(--font-serif);letter-spacing:-.02em;color:var(--color-text);margin:0 0 24px;font-size:clamp(42px,7vw,84px);font-weight:600;line-height:1}.tagline .accent{color:var(--color-accent);margin-top:.12em;font-style:italic;font-weight:400;display:block}.points{border-left:2px solid var(--color-accent);max-width:56ch;font:14px/1.7 var(--font-mono);color:var(--color-muted);padding-left:14px}.hero-mascot{filter:drop-shadow(0 14px 24px #00000059);justify-self:center;width:clamp(150px,28vw,230px)}.doors{gap:20px;display:grid}@media (width>=820px){.doors{grid-template-columns:1.3fr 1fr}}.door{background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;gap:14px;padding:clamp(20px,3vw,32px);display:flex;position:relative}.door:before{content:"";background:var(--color-accent);width:56px;height:3px;position:absolute;top:-1px;left:-1px}.door h2{font:700 26px/1.2 var(--font-sans);margin:0}.door>p{color:var(--color-muted)}.door>.note{margin-top:auto}.tag,.badge{border:1px solid var(--color-accent);font:600 12px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-2);align-self:flex-start;padding:4px 8px}.badge{background:#e2571b29}.status-line{color:var(--color-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);padding:clamp(20px,3vw,32px)}.card h2{font:700 24px/1.2 var(--font-sans);margin:0 0 12px}.card p{color:var(--color-muted)}.stack{gap:20px;display:grid}.btn{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-ink);font:600 15px var(--font-mono);cursor:pointer;align-self:flex-start;padding:12px 18px;text-decoration:none;display:inline-block}.btn:hover{background:var(--color-accent-2);border-color:var(--color-accent-2);color:var(--color-ink)}.btn-ghost{color:var(--color-text);border-color:var(--color-accent-2);background:0 0}.btn-ghost:hover{color:var(--color-text);background:#f2a03d1f}.actions{flex-wrap:wrap;gap:12px;display:flex}.signup-card{margin-top:24px}section.signup{background:var(--color-surface);border:1px solid var(--color-border);padding:clamp(20px,3vw,32px)}section.signup h2{font:700 24px/1.2 var(--font-sans);margin:0 0 10px}section.signup>p{color:var(--color-muted);margin-bottom:18px}.signup-form{flex-direction:column;min-width:0;display:flex}.signup-form .signup-row{flex-wrap:nowrap;align-items:stretch;gap:10px;display:flex}.signup-form .signup-row>input{flex:1 1 0;min-width:0}.signup-form .signup-row>button{white-space:nowrap;flex:none}@media (width>=820px){.signup-card section.signup{width:100%}section.signup{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;column-gap:40px;display:grid}section.signup>h2{grid-area:1/1;margin-bottom:0}section.signup>.signup-body{grid-area:2/1;margin-bottom:0}section.signup>form{grid-area:1/2/span 2}section.signup>.dev-notice,section.signup>.signup-note{grid-column:1/-1}}.split{align-items:end;gap:20px;display:grid}@media (width>=820px){.split{grid-template-columns:1fr 1fr}}.foot{margin-top:72px;border-top:1px solid var(--color-border);width:min(1080px,100% - 40px);font:14px/1.8 var(--font-mono);color:var(--color-muted);align-items:center;gap:22px;margin-inline:auto;padding:40px 20px 56px;display:flex}.foot p{margin:0}.foot ul{flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;display:flex}.foot a{color:var(--color-muted)}.js .reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.js .reveal.in{opacity:1;transform:none}.guide{max-width:72ch;font-size:17px;line-height:1.7}.guide h1,.guide h2,.guide h3,.guide h4{color:var(--color-text);margin:2.2em 0 .6em;line-height:1.2}.guide h1{font:700 clamp(26px, 3.6vw, 36px)/1.15 var(--font-sans)}.guide h2{border-bottom:1px solid var(--color-border);font:700 24px/1.25 var(--font-sans);padding-bottom:6px}.guide h3{font:600 19px/1.3 var(--font-sans)}.guide p,.guide ul,.guide ol{color:var(--color-muted);margin:0 0 1em}.guide li+li{margin-top:4px}.guide code{background:var(--color-surface);border:1px solid var(--color-border);font:.9em var(--font-mono);color:var(--color-text);padding:1px 5px}.guide pre{overflow-wrap:normal;background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);max-width:100%;margin:0 0 1.2em;padding:16px;overflow-x:auto}.guide pre code{background:0 0;border:0;padding:0;font-size:15px;line-height:1.6}.guide table{border-collapse:collapse;max-width:100%;margin:0 0 1.2em;font-size:16px;display:block;overflow-x:auto}.guide th,.guide td{text-align:left;vertical-align:top;border:1px solid var(--color-border);padding:8px 12px}.guide th{background:var(--color-surface);font:600 13px var(--font-mono);color:var(--color-accent-2)}.guide img{max-width:100%;height:auto}.guide a{color:var(--color-accent-2)}.guide blockquote{border-left:2px solid var(--color-accent);color:var(--color-muted);margin:0 0 1em;padding-left:14px}.source{font:14px var(--font-mono);color:var(--color-muted);margin-bottom:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transition:none;transform:none}}.foot:has(>.roast-scene){flex-wrap:wrap}.foot:has(>.roast-scene)>div:not(.roast-scene){flex:200px;min-width:0}.roast-scene[data-astro-cid-hq5vw3fe]{flex:none;width:min(100px,100%);container-type:inline-size}.scene[data-astro-cid-hq5vw3fe]{--u:calc(100cqw / 700);aspect-ratio:700/496;position:relative;overflow:hidden}.layer[data-astro-cid-hq5vw3fe],.stick[data-astro-cid-hq5vw3fe],.led[data-astro-cid-hq5vw3fe],.puff[data-astro-cid-hq5vw3fe]{display:block;position:absolute}.server[data-astro-cid-hq5vw3fe],.flame[data-astro-cid-hq5vw3fe]{left:calc(400 * var(--u));top:calc(99 * var(--u));width:calc(290 * var(--u));height:calc(397 * var(--u))}.flame[data-astro-cid-hq5vw3fe]{transform-origin:50% 100%}.flame-a[data-astro-cid-hq5vw3fe]{animation:1.2s ease-in-out infinite flicker-a}.flame-b[data-astro-cid-hq5vw3fe]{opacity:.7;animation:.8s ease-in-out infinite flicker-b}.mascot[data-astro-cid-hq5vw3fe]{left:0;top:calc(157 * var(--u));width:calc(383 * var(--u));height:calc(339 * var(--u));transform-origin:65% 90%;animation:2.4s ease-in-out infinite nod}.stick[data-astro-cid-hq5vw3fe]{left:calc(409 * var(--u));top:calc(318 * var(--u));width:calc(124 * var(--u));height:calc(197 * var(--u));transform-origin:5% 96%;animation:4.8s ease-in-out infinite sway;transform:rotate(-14deg)}.stick[data-astro-cid-hq5vw3fe] img[data-astro-cid-hq5vw3fe]{width:100%;height:100%;animation:4.8s ease-in-out infinite sear;display:block}.led[data-astro-cid-hq5vw3fe]{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(9 * var(--u));height:calc(9 * var(--u));background:var(--c);box-shadow:0 0 calc(7 * var(--u)) var(--c);opacity:0;animation:4.8s linear infinite blink;animation-delay:var(--d);border-radius:50%;transform:translate(-50%,-50%)}.puff[data-astro-cid-hq5vw3fe]{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(22 * var(--u));height:calc(22 * var(--u));margin:calc(-11 * var(--u)) 0 0 calc(-11 * var(--u));opacity:0;animation:2.4s ease-out infinite rise;animation-delay:var(--d);background:radial-gradient(circle,#f6efe499,#f6efe400 70%);border-radius:50%}@keyframes flicker-a{0%,to{opacity:1;transform:scaleY(1)skew(0)}25%{opacity:.92;transform:scaleY(1.04)skew(-1.2deg)}50%{opacity:1;transform:scaleY(.97)skew(1deg)}75%{opacity:.95;transform:scaleY(1.02)skew(-.5deg)}}@keyframes flicker-b{0%,to{opacity:.7;transform:scaleY(.98)skew(.8deg)}40%{opacity:.45;transform:scaleY(1.03)skew(-1deg)}70%{opacity:.75;transform:scaleY(.99)skew(1.2deg)}}@keyframes nod{0%,to{transform:rotate(0)}50%{transform:rotate(1.6deg)}}@keyframes sway{0%,to{transform:rotate(-16deg)}45%,55%{transform:translateY(calc(100 * var(--u))) rotate(8deg)}}@keyframes sear{0%,to{filter:brightness()saturate()}70%,85%{filter:brightness(.78)saturate(1.5)hue-rotate(-6deg)}}@keyframes blink{0%,70%,to{opacity:0}75%{opacity:.9}85%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translate(0)scale(.5)}20%{opacity:.9}to{opacity:0;transform:translate(calc(6 * var(--u)), calc(-40 * var(--u))) scale(1.6)}}.roast-scene[data-astro-cid-hq5vw3fe].is-off [data-astro-cid-hq5vw3fe]{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.roast-scene[data-astro-cid-hq5vw3fe] [data-astro-cid-hq5vw3fe]{animation:none!important}.flame-b[data-astro-cid-hq5vw3fe],.led[data-astro-cid-hq5vw3fe],.puff[data-astro-cid-hq5vw3fe]{display:none}}@media (width<=600px){.roast-scene[data-astro-cid-hq5vw3fe]{width:min(75px,100%)}}
