@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--signal:#ff4f00;--page:#050505;--surface:#111;--raised:#1c1c1c;--text:#e5e5e5;--heading:#fff;--dim:#a1a1aa;--line:rgba(255,255,255,.08);--glass:rgba(255,255,255,.03);--grid:#1c1c1c;--shadow:0 10px 35px rgba(0,0,0,.25)}
html[data-theme=light]{color-scheme:light;--page:#f8f7f5;--surface:#f0eee9;--raised:#fff;--text:#444;--heading:#050505;--dim:#444;--line:#e0ddd7;--glass:rgba(0,0,0,.02);--grid:#e0ddd7;--shadow:0 2px 20px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);font:400 15px/1.7 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--heading);line-height:1.13;letter-spacing:-.045em;font-weight:600}img{max-width:100%}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.mono,.eyebrow,.tag,.meta,.actions,.stats,.foot,.note{font-family:'JetBrains Mono',monospace}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.075em;color:var(--signal)}.muted{color:var(--dim)}.accent{color:var(--signal)}.top{position:sticky;top:0;z-index:9;background:var(--page);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.identity{display:flex;align-items:center;gap:18px}.brand-logo{width:168px;height:43px;object-fit:contain;object-position:left center}.light-logo{display:none}html[data-theme=light] .dark-logo{display:none}html[data-theme=light] .light-logo{display:block}.brand-fallback{display:none;font-weight:700;letter-spacing:-.06em;font-size:19px;color:var(--heading)}.brand-fallback b{color:var(--signal)}.suffix{padding-left:17px;border-left:1px solid var(--line);font:600 10px 'JetBrains Mono',monospace;color:var(--dim);letter-spacing:.06em}.nav-items{display:flex;align-items:center;gap:24px;font-size:13px}.nav-items a:hover{color:var(--signal)}.main-site{padding:10px 14px;border:1px solid var(--line);font:600 10px 'JetBrains Mono',monospace;text-transform:uppercase}.main-site:hover{background:var(--signal);border-color:var(--signal);color:#fff!important}.theme{border:1px solid var(--line);background:var(--glass);color:var(--heading);height:38px;width:38px}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;min-height:620px;padding:86px 0}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px;opacity:.2;mask-image:linear-gradient(to right,transparent,#000);pointer-events:none}.hero-copy,.terminal{position:relative}.hero h1{font-size:clamp(48px,5.1vw,74px);margin:28px 0 24px}.hero p{font-size:18px;max-width:520px;color:var(--dim);font-weight:300}.cta-row{display:flex;align-items:center;gap:24px;margin-top:32px}.cta-row small{font-size:12px;color:var(--dim);max-width:180px;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 21px;min-height:49px;border:1px solid transparent;border-radius:0;background:var(--signal);color:#fff;font-size:12px;font-weight:700;letter-spacing:.025em}.btn:hover{background:#ff6528}.btn.alt{background:transparent;border-color:var(--line);color:var(--heading)}.btn.alt:hover{border-color:var(--signal);color:var(--signal)}.terminal{border:1px solid #343434;background:#0c0c0c;box-shadow:0 25px 90px #0008;color:#fff;transform:perspective(1300px) rotateY(-3deg)}.term-top,.term-foot{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #292929;font:500 10px 'JetBrains Mono',monospace;color:#999}.term-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff4f00;box-shadow:12px 0 #444,24px 0 #444;margin-right:30px}.term-top strong{color:#ff4f00;font-size:9px}.term-foot{border-top:1px solid #292929;border-bottom:0;font-size:9px}.term-body{padding:35px 30px;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:34px 34px}.term-title{font-size:42px;line-height:1.1;letter-spacing:-.06em;font-weight:600;margin:18px 0 35px}.term-list{background:#111;border:1px solid #333}.term-list div{display:flex;align-items:center;gap:14px;padding:14px;border-bottom:1px solid #292929;font:500 10px 'JetBrains Mono',monospace}.term-list div:last-child{border:0}.term-list b{flex:1;font-weight:500}.term-list span,.term-list em{color:#ff4f00;font-style:normal}.stats{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--dim);font-size:10px;display:flex;justify-content:space-between;align-items:center}.stats strong{color:var(--heading);font-size:22px}.library{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.section-head h2{font-size:49px;margin:12px 0}.section-head p{color:var(--dim)}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:var(--glass);color:var(--dim);padding:10px 15px;font:600 11px 'JetBrains Mono',monospace}.filter[aria-pressed=true]{background:var(--signal);border-color:var(--signal);color:#fff}.search{border:1px solid var(--line);background:var(--glass);padding:10px 13px;color:var(--heading);min-width:230px;outline-offset:3px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tile{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--glass);transition:transform .2s,border-color .2s}.tile:hover{border-color:#ff4f0070;transform:translateY(-2px);box-shadow:var(--shadow)}.tile.featured{grid-column:span 2;display:grid;grid-template-columns:44% 56%}.art{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;padding:30px;background:#151515;overflow:hidden;color:#fff}.tile.featured .art{min-height:340px}.art:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:30px 30px}.art:after{content:"";position:absolute;right:-40px;top:40px;z-index:-1;width:230px;height:230px;border:1px solid #ff4f0060;border-radius:50%;box-shadow:0 0 0 40px #ff4f0010,0 0 0 80px #ff4f0008}.art small{font:500 10px 'JetBrains Mono',monospace;color:#aaa}.art small b{font-size:30px;color:#ff4f00;margin-right:9px}.art strong{font-size:43px;line-height:1.08;letter-spacing:-.06em;font-weight:600;max-width:310px}.tile-body{padding:30px;display:flex;flex-direction:column;align-items:start}.tile.featured .tile-body{padding:45px}.meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--dim)}.tag{display:inline-block;color:var(--signal);background:#ff4f0014;border:1px solid #ff4f0030;padding:6px 9px;font-size:10px;text-transform:uppercase;font-weight:600}.tile h3{font-size:28px;margin:18px 0 10px}.tile h3 a:hover{color:var(--signal)}.tile p{font-size:14px;line-height:1.7;color:var(--dim)}.tile .more{margin-top:auto;padding-top:22px;color:var(--signal);font:600 11px 'JetBrains Mono',monospace;text-transform:uppercase}.empty{padding:35px;color:var(--dim);border:1px dashed var(--line);margin-top:20px}.about{border-top:1px solid var(--line);padding:45px 0 85px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.about p{font-size:30px;line-height:1.4;letter-spacing:-.035em;color:var(--heading)}.foot{border-top:1px solid var(--line);padding:47px 0;font-size:11px;color:var(--dim)}.foot-inner{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}.foot strong{font:700 19px Inter,sans-serif;color:var(--heading);letter-spacing:-.05em}.foot nav{display:flex;gap:25px;flex-wrap:wrap}.foot nav a:hover{color:var(--signal)}
/* Guide landing pages */
.crumb{padding:35px 0;font:500 11px 'JetBrains Mono',monospace;color:var(--dim)}.crumb a:hover{color:var(--signal)}.guide-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;padding:12px 0 75px}.guide-hero h1{font-size:clamp(40px,4.5vw,65px);margin:24px 0}.guide-hero p{font-size:17px;color:var(--dim);font-weight:300}.guide-actions{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0 12px}.note{font-size:10px;color:var(--dim)}.number-art{position:relative;display:grid;place-items:center;min-height:360px;overflow:hidden;background:#111;border:1px solid #333;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:32px 32px}.number-art:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;border:1px solid #ff4f0088;box-shadow:0 0 0 45px #ff4f0012,0 0 0 90px #ff4f0008}.number-art strong{position:relative;font:700 210px 'JetBrains Mono',monospace;color:var(--signal);letter-spacing:-.15em}.number-art small{position:absolute;bottom:23px;left:24px;font:500 10px 'JetBrains Mono',monospace;color:#bbb}.intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.4fr .6fr;gap:55px;padding:40px 0}.intro h2{font-size:30px;margin-top:12px}.intro p{color:var(--dim);font-size:14px}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:60px;padding:70px 0}.guide-layout h2{font-size:34px}.guide-layout .lead{color:var(--dim);margin:10px 0 35px}.chapter{margin:0 0 55px}.chapter h3{font-size:25px;margin-bottom:8px}.chapter>p{color:var(--dim);font-size:13px;margin-bottom:19px}.checklist{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.checklist li{border-bottom:1px solid var(--line)}.checklist label{display:flex;align-items:start;gap:14px;padding:18px 0;cursor:pointer}.checklist input{accent-color:var(--signal);width:20px;height:20px;flex:none;margin-top:3px}.checklist strong{display:block;color:var(--heading);font-size:15px;font-weight:600}.checklist label span{display:block;font-size:13px;color:var(--dim);line-height:1.6;margin-top:5px}.checklist input:checked+div{opacity:.55;text-decoration:line-through}.side{align-self:start;position:sticky;top:105px;padding:25px;border:1px solid var(--line);background:var(--glass)}.side-head{display:flex;align-items:center;justify-content:space-between;gap:20px;font:500 11px 'JetBrains Mono',monospace}.side-head strong{font-size:18px;color:var(--heading)}.progress-track{background:var(--raised);height:6px;margin:20px 0 12px}.progress-fill{display:block;background:var(--signal);height:100%;width:0;transition:width .2s}.side p{color:var(--dim);font-size:12px}.toc{border-top:1px solid var(--line);margin:25px 0;padding-top:20px}.toc a{display:block;font-size:12px;color:var(--dim);margin:14px 0}.toc a:hover{color:var(--signal)}.side button{display:block;background:none;border:0;color:var(--signal);font:500 11px 'JetBrains Mono',monospace;padding:8px 0}.last-cta{background:var(--surface);border:1px solid var(--line);padding:34px;margin-bottom:50px}.last-cta h2{font-size:29px;margin:12px 0}.last-cta p{font-size:14px;color:var(--dim);margin-bottom:23px}
@media(max-width:900px){.hero{gap:32px}.hero h1{font-size:52px}.guide-layout{gap:25px;grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:700px){.nav{height:70px}.brand-logo{width:130px}.suffix{display:none}.nav-items{gap:10px}.nav-items a{font-size:11px}.main-site{font-size:9px;padding:8px}.hero{grid-template-columns:1fr;padding:58px 0 37px;min-height:0}.hero h1{font-size:clamp(42px,9vw,65px)}.hero p{font-size:16px}.terminal{transform:none}.term-body{padding:25px}.term-title{font-size:35px}.stats span:last-child{display:none}.library{padding:70px 0}.section-head{align-items:start}.section-head h2{font-size:34px}.section-head p{font-size:13px}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%}.grid{grid-template-columns:1fr}.tile.featured{display:block;grid-column:span 1}.tile.featured .art{min-height:240px}.tile.featured .tile-body{padding:30px}.art{min-height:230px}.about{grid-template-columns:1fr;gap:15px}.about p{font-size:24px}.guide-hero{grid-template-columns:1fr;gap:20px;padding-bottom:45px}.guide-hero h1{font-size:42px}.number-art{min-height:230px}.number-art strong{font-size:155px}.intro{grid-template-columns:1fr;gap:20px}.intro h2{font-size:23px}.guide-layout{grid-template-columns:1fr;padding-top:45px}.side{position:static;grid-row:1}.chapter{margin-bottom:45px}}@media(max-width:390px){.main-site{display:none}.brand-logo{width:125px}.nav-items{gap:9px}.hero h1{font-size:42px}.cta-row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}@media print{body{background:#fff;color:#111}.top,.foot,.number-art,.side,.guide-actions,.note,.last-cta{display:none!important}.wrap{width:100%}.guide-hero,.guide-layout,.intro{display:block;padding:12px 0}.guide-hero h1{color:#111;font-size:30px}.chapter{break-inside:avoid;margin-bottom:20px}.chapter h3,.guide-layout h2{color:#111;font-size:20px}.checklist label{padding:8px 0}.checklist strong{color:#111}}