:root{--bg:#f6efdd;--bg-2:#efe2c4;--card:#fff;--card-warm:#fff9ec;--ink:#21543d;--ink-soft:#4c6659;--ink-faint:#7c9488;--line:#e9e0c6;--green:#0fa676;--green-lt:#3fc79a;--green-dk:#0c8560;--green-deep:#21543d;--green-wash:#def5ec;--gold:#ffc24d;--gold-lt:#ffd97d;--gold-dk:#e0a020;--gold-wash:#fff3dc;--brown:#8b5e34;--brown-lt:#ad8058;--brown-dk:#6e4826;--brown-wash:#f1e6d8;--flag-red:#df1f3d;--flag-blue:#1e3a8a;--flag-black:#111;--coral:#ff6b57;--coral-lt:#ff8c7c;--coral-dk:#e14a38;--coral-wash:#ffe3de;--sky:#3fa9e0;--sky-lt:#6fc0ea;--sky-dk:#1f86bd;--sky-wash:#def1fb;--violet:#8b6fd9;--violet-lt:#a88fe6;--violet-dk:#6b4fc0;--violet-wash:#ede7fb;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--shadow-tint:33, 84, 61;--clay:7px 9px 18px rgba(var(--shadow-tint), .14), -5px -5px 12px #ffffffd9, inset 2px 2px 5px #ffffffe6, inset -3px -4px 8px rgba(var(--shadow-tint), .06);--clay-sm:4px 5px 10px rgba(var(--shadow-tint), .13), -3px -3px 8px #ffffffd9, inset 1px 1px 3px #ffffffe6, inset -2px -2px 5px rgba(var(--shadow-tint), .06);--clay-in:inset 4px 4px 9px rgba(var(--shadow-tint), .14), inset -3px -3px 7px #ffffffe6;--font-display:"Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-body:"Manrope", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sidebar-w:272px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.clay-card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--clay);padding:16px}.clay-btn{min-height:44px;font:600 15px var(--font-display);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;color:#fff;background:linear-gradient(180deg, var(--green), var(--green-dk));box-shadow:inset 0 2px 0 #ffffff59, inset 0 -2px 4px #0000000f, 0 6px 0 var(--green-dk), 0 10px 18px -6px #0e8a6273;border:0;justify-content:center;align-items:center;gap:8px;padding:12px 22px;transition:transform .12s,box-shadow .12s;display:inline-flex;position:relative}.clay-btn:active:not(:disabled),.clay-btn.is-pressed{box-shadow:inset 0 2px 0 #ffffff4d, 0 2px 0 var(--green-dk), 0 4px 8px -4px #0e8a6266;transform:translateY(4px)}.clay-btn.gold{color:var(--brown-dk);background:linear-gradient(180deg, var(--gold-lt), var(--gold));box-shadow:inset 0 2px 0 #fff6, inset 0 -2px 4px #0000000f, 0 6px 0 var(--gold-dk), 0 10px 18px -6px #e0940a73}.clay-btn.gold:active:not(:disabled),.clay-btn.gold.is-pressed{box-shadow:inset 0 2px 0 #ffffff4d, 0 2px 0 var(--gold-dk), 0 4px 8px -4px #e0940a66}.clay-btn.coral{color:var(--flag-black);background:linear-gradient(180deg, var(--coral-lt), var(--coral));box-shadow:inset 0 2px 0 #ffffff59, inset 0 -2px 4px #0000000f, 0 6px 0 var(--coral-dk), 0 10px 18px -6px #e14a3873}.clay-btn.coral:active:not(:disabled),.clay-btn.coral.is-pressed{box-shadow:inset 0 2px 0 #ffffff4d, 0 2px 0 var(--coral-dk), 0 4px 8px -4px #e14a3866}.clay-btn.ghost{color:var(--green-deep);background:var(--card);box-shadow:inset 0 2px #fffc,0 5px #d7e6da,0 8px 16px -8px #1b3b2e2e}.clay-btn.ghost:active:not(:disabled),.clay-btn.ghost.is-pressed{box-shadow:inset 0 2px #fff9,0 1px #d7e6da}.clay-btn.outline{color:var(--ink);background:var(--card-warm);border:2px solid #f1ebdb;box-shadow:inset 0 2px #fffc,0 5px #e7e1d2,0 8px 16px -8px #1b3b2e24}.clay-btn.outline:active:not(:disabled),.clay-btn.outline.is-pressed{box-shadow:inset 0 2px #fff9,0 1px #e7e1d2}.clay-btn:disabled{opacity:.5;cursor:not-allowed}.clay-btn.loading{pointer-events:none;opacity:.85}.clay-btn .spin{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite hgSpin}@keyframes hgSpin{to{transform:rotate(360deg)}}.chip{border-radius:var(--r-pill);font:600 13px var(--font-display);background:var(--t-wash,var(--green-wash));color:var(--t-ink,#08664a);box-shadow:inset 1px 1px 3px #fffc, inset -1px -1px 3px rgba(var(--shadow-tint), .08);align-items:center;gap:5px;padding:3px 12px;display:inline-flex}.chip.gold{--t-wash:var(--gold-wash);--t-ink:#7a5200}.chip.sky{--t-wash:var(--sky-wash);--t-ink:#15648d}.chip.violet{--t-wash:var(--violet-wash);--t-ink:#4f35a1}.chip.coral{--t-wash:var(--coral-wash);--t-ink:#b3321f}.progress{border-radius:var(--r-pill);height:14px;box-shadow:var(--clay-in);background:#efe7cf;overflow:hidden}.progress>i{border-radius:var(--r-pill);background:linear-gradient(180deg, var(--green-lt), var(--green));height:100%;display:block;box-shadow:inset 0 2px 3px #ffffff80}.progress.gold>i{background:linear-gradient(180deg, var(--gold-lt), var(--gold))}.stat-pill{border-radius:var(--r-pill);font:600 15px var(--font-display);background:var(--card);box-shadow:var(--clay-sm);align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.stat-pill.streak{color:#c2410c}.stat-pill.hearts{color:#b3321f}.stat-pill.xp{color:#15648d}.toggle{border-radius:var(--r-pill);width:54px;height:32px;box-shadow:var(--clay-in);cursor:pointer;background:#e3dbc2;border:0;padding:3px;transition:background .2s}.toggle span{width:26px;height:26px;box-shadow:2px 3px 6px rgba(var(--shadow-tint), .3);background:#fff;border-radius:50%;transition:transform .2s;display:block}.toggle[aria-checked=true]{background:var(--green)}.toggle[aria-checked=true] span{transform:translate(22px)}.answer{border-radius:var(--r-lg);background:var(--card);width:100%;box-shadow:var(--clay-sm);font:600 15px var(--font-body);color:var(--ink);text-align:left;cursor:pointer;border:3px solid #0000;align-items:center;gap:12px;padding:14px 16px;display:flex}.answer .key{width:28px;height:28px;font:600 14px var(--font-display);color:var(--ink-soft);background:#efe7cf;border-radius:10px;place-items:center;display:grid}.answer.ok{border-color:var(--green);background:var(--green-wash)}.answer.bad{border-color:var(--coral);background:var(--coral-wash)}.track-icon{color:#fff;background:linear-gradient(155deg, var(--t-lt), var(--t));width:48px;height:48px;box-shadow:3px 4px 8px rgba(var(--shadow-tint), .2), inset 2px 2px 4px #ffffff80;border-radius:30%;place-items:center;display:grid}.t-green{--t:var(--green);--t-lt:var(--green-lt)}.t-gold{--t:var(--gold-dk);--t-lt:var(--gold)}.t-sky{--t:var(--sky-dk);--t-lt:var(--sky)}.t-violet{--t:var(--violet-dk);--t-lt:var(--violet)}.t-brown{--t:var(--brown);--t-lt:var(--brown-lt)}.t-coral{--t:var(--coral-dk);--t-lt:var(--coral)}.lb-row{border-radius:var(--r-md);background:var(--card);box-shadow:var(--clay-sm);align-items:center;gap:12px;padding:10px 14px;display:flex}.lb-row.me{background:var(--green-wash);outline:2px solid var(--green)}.lb-rank{width:28px;height:28px;font:600 14px var(--font-display);color:var(--ink-soft);background:#efe7cf;border-radius:50%;place-items:center;display:grid}.lb-rank.top{background:var(--gold);color:var(--brown-dk)}.badge-tile{border-radius:var(--r-lg);background:var(--card);box-shadow:var(--clay-sm);font:600 13px var(--font-display);justify-items:center;gap:6px;padding:14px 10px;display:grid}.badge-tile .medal{color:#7a4e00;background:linear-gradient(155deg, var(--gold-lt), var(--gold));width:52px;height:52px;box-shadow:3px 4px 8px rgba(var(--shadow-tint), .2), inset 2px 2px 4px #ffffff8c;border-radius:50%;place-items:center;display:grid}.badge-tile.locked .medal{color:var(--ink-faint);box-shadow:var(--clay-in);background:#e6dfc9}@keyframes float{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-10px)rotate(1.5deg)}}@keyframes nodeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes bossPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes countBump{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 #ffc24db3}to{box-shadow:0 0 0 22px #ffc24d00}}@keyframes trophyBurst{0%{opacity:0;transform:scale(.3)rotate(-15deg)}60%{opacity:1;transform:scale(1.15)rotate(6deg)}to{transform:scale(1)rotate(0)}}@keyframes starPop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.anim-float{animation:3.6s ease-in-out infinite float}.anim-nodeBounce{animation:2.2s ease-in-out infinite nodeBounce}.anim-bossPulse{animation:1.8s ease-in-out infinite bossPulse}.anim-countBump{animation:.4s countBump}.anim-pulseGlow{animation:.9s ease-out pulseGlow}.anim-trophyBurst{animation:.7s cubic-bezier(.2,1.2,.4,1) both trophyBurst}.anim-starPop{animation:.4s ease-out both starPop}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{color:var(--ink);font:500 16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:var(--bg);margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 10% 4%,#ffc24d24,#0000 40%),radial-gradient(circle at 92% 18%,#0fa6761a,#0000 38%);position:fixed;inset:0}h1,h2,h3,h4,button{font-family:var(--font-display)}h1,h2,h3,h4,p{margin:0}button{font:inherit;color:inherit}code,.mono{font-family:var(--font-mono);font-size:.88em}:focus-visible{outline:3px solid var(--sky-dk);outline-offset:2px;border-radius:10px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;border-radius:var(--r-md);background:var(--card);box-shadow:var(--clay);padding:10px 16px;transition:top .15s;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.shell{display:block}.sidebar{z-index:40;width:min(86vw,320px);padding:calc(16px + env(safe-area-inset-top,0px)) 14px calc(16px + env(safe-area-inset-bottom,0px));background:var(--card-warm);box-shadow:8px 0 30px rgba(var(--shadow-tint), .18);flex-direction:column;gap:4px;transition:transform .28s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-102%)}.sidebar.open{transform:none}.backdrop{z-index:30;background:#21543d66;position:fixed;inset:0}.brand{align-items:center;gap:10px;padding:4px 6px 14px;display:flex}.brand img{width:44px;height:44px;box-shadow:var(--clay-sm);border-radius:14px}.brand b{font:700 18px var(--font-display);line-height:1.1;display:block}.brand small{color:var(--ink-soft);font-size:12px}.nav-label{font:700 11px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:14px 8px 4px}.navlink{border-radius:var(--r-md);color:var(--ink-soft);font:600 15px var(--font-display);align-items:center;gap:10px;padding:9px 12px;text-decoration:none;display:flex}.navlink .n{font:500 12px var(--font-mono);opacity:.7;width:22px}.navlink:hover{background:#ffffffb3}.navlink[aria-current=true]{color:var(--green-deep);background:var(--green-wash);box-shadow:var(--clay-in)}.topbar{z-index:20;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;background:color-mix(in srgb, var(--bg) 97%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar .current{text-align:left;border-radius:var(--r-pill);background:var(--card);box-shadow:var(--clay-sm);cursor:pointer;font:600 15px var(--font-display);border:0;flex:1;padding:10px 14px}.icon-btn{background:var(--card);width:44px;height:44px;box-shadow:var(--clay-sm);cursor:pointer;color:var(--ink);border:0;border-radius:50%;place-items:center;display:grid}main{max-width:980px;margin:0 auto;padding:8px 18px 80px}.hero{gap:18px;padding:24px 0 8px;display:grid}.hero h1{font-size:clamp(34px,8vw,54px);font-weight:700;line-height:1.05}.hero>div:first-child{align-content:center;gap:14px;display:grid}.hero .lead{max-width:56ch}.hero-art{justify-content:center;display:flex}.hero-art img{width:min(280px,70%);height:auto;filter:drop-shadow(8px 12px 18px rgba(var(--shadow-tint), .25))}.section{gap:20px;padding:52px 0 8px;display:grid}.section+.section{border-top:2px dashed rgba(var(--shadow-tint), .12);margin-top:36px}.eyebrow{font:700 11px var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--green-dk)}.section h2{font-size:clamp(26px,5vw,36px);line-height:1.1}.lead{color:var(--ink-soft);max-width:62ch;font-size:17px}.h3{font:600 19px var(--font-display);margin-top:12px}.note{color:var(--ink-soft);font-size:14px}.grid{gap:14px;display:grid}.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--clay);align-content:start;gap:8px;padding:18px;display:grid}.card .k{font:600 17px var(--font-display);color:var(--green-deep)}.card .v{color:var(--ink-soft);font-size:14.5px}.say,.dont{border-radius:var(--r-md);padding:9px 12px;font-size:14px}.say{background:var(--green-wash)}.dont{background:var(--coral-wash)}.say b,.dont b{font:700 11px var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;display:block}.say b{color:#08664a}.dont b{color:#b3321f}.quote{background:linear-gradient(145deg, var(--green-wash), var(--card));border-radius:var(--r-xl);box-shadow:var(--clay);padding:26px}.quote .mission{font:500 20px/1.4 var(--font-display)}.quote .tagline{font:700 15px var(--font-display);color:var(--green-dk);margin-top:12px}.button-reset{text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0}.swatch{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--clay-sm);text-align:left;cursor:pointer;border:0;width:100%;display:grid;overflow:hidden}.swatch .chip-fill{height:72px;box-shadow:inset 0 -8px 12px #0000000d}.swatch .info{gap:1px;padding:10px 12px 12px;display:grid}.swatch .n{font:600 14px var(--font-display)}.swatch .h{font:500 12px var(--font-mono);color:var(--ink-soft)}.swatch .u{color:var(--ink-soft);font-size:12px}.swatch .copied{color:var(--green-dk);font:700 12px var(--font-display)}.type-row{border-bottom:2px dashed rgba(var(--shadow-tint), .1);gap:4px;padding:14px 0;display:grid}.type-row .meta{font:500 12px var(--font-mono);color:var(--ink-soft)}.font-card{gap:4px;display:grid}.font-card .big{font-size:56px;line-height:1}.table-wrap{border-radius:var(--r-lg);background:var(--card);box-shadow:var(--clay-sm);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 14px}th{font:600 12px var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:var(--card-warm)}tr:last-child td{border-bottom:0}.pass{color:#08664a;font-weight:700}.fail{color:#b3321f;font-weight:700}.pill{border-radius:var(--r-pill);font:700 12px var(--font-display);padding:2px 10px;display:inline-block}.pill.pass{background:var(--green-wash)}.pill.fail{background:var(--coral-wash)}.icon-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search{border-radius:var(--r-pill);box-shadow:var(--clay-in);background:#fbf6e8;flex:220px;align-items:center;gap:8px;padding:0 14px;display:flex}.search input{min-width:0;font:500 15px var(--font-body);color:var(--ink);background:0 0;border:0;flex:1;padding:12px 0}.search input:focus-visible{outline:none}.search:focus-within{outline:3px solid var(--sky-dk);outline-offset:2px}.filter{border-radius:var(--r-pill);background:var(--card);box-shadow:var(--clay-sm);cursor:pointer;color:var(--ink-soft);border:0;padding:8px 14px;font-size:14px}.filter[aria-pressed=true]{background:var(--green-dk);color:#fff}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;display:grid}.icon-tile{border-radius:var(--r-lg);background:var(--card);box-shadow:var(--clay-sm);cursor:pointer;color:var(--green-deep);border:0;justify-items:center;gap:6px;padding:16px 8px 12px;display:grid}.icon-tile:active{transform:scale(.97)}.icon-tile span{font:600 12px var(--font-display);color:var(--ink-soft)}.icon-tile .use{font:500 11px var(--font-body);text-align:center;color:var(--ink-faint)}.figure{gap:8px;margin:0;display:grid}.figure button{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--clay);cursor:zoom-in;border:0;padding:0;display:block;overflow:hidden}.figure img{width:100%;height:auto;display:block}.figure figcaption{color:var(--ink-soft);font-size:13.5px}.figure figcaption b{font:600 15px var(--font-display);color:var(--ink);display:block}.lightbox{z-index:90;background:#14201ad1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lightbox img{border-radius:var(--r-lg);max-width:100%;max-height:88dvh}.lightbox .close{top:calc(12px + env(safe-area-inset-top,0px));position:absolute;right:12px}.video-card{gap:8px;display:grid}.video-card video{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg);width:100%;box-shadow:var(--clay-sm);background:#111}.dolist{gap:8px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.dolist li{padding-left:26px;position:relative}.dolist li:before{content:"";background:var(--green);border-radius:50%;width:10px;height:10px;position:absolute;top:.55em;left:4px}.dolist.no li:before{background:var(--coral)}.specimen{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--clay);gap:16px;padding:22px;display:grid}.specimen-label{font:700 11px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.spacing-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.spacing-row div{text-align:center;font:500 11px var(--font-mono);color:var(--ink-soft)}.spacing-row i{background:var(--green);opacity:.85;border-radius:4px;margin:0 auto 4px;display:block}.radius-box{background:var(--green-wash);width:92px;height:92px;box-shadow:var(--clay-sm);font:600 13px var(--font-display);text-align:center;place-items:center;display:grid}.shadow-box{border-radius:var(--r-lg);background:var(--card);height:96px;font:600 14px var(--font-display);place-items:center;display:grid}.stage{border-radius:var(--r-lg);background:var(--bg-2);place-items:center;height:120px;display:grid}.stage .dot{background:linear-gradient(155deg, var(--gold-lt), var(--gold));color:#7a4e00;width:60px;height:60px;box-shadow:var(--clay-sm);border-radius:50%;place-items:center;display:grid}.stage .dot.boss{background:linear-gradient(155deg, var(--violet-lt), var(--violet));color:#fff}.stage img{width:84px;height:84px}.ladder{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.ladder-step{border-radius:var(--r-lg);background:var(--card);box-shadow:var(--clay-sm);gap:2px;padding:14px;display:grid}.ladder-step .lv{font:700 11px var(--font-display);letter-spacing:.1em;color:var(--green-dk)}.ladder-step .nm{font:600 15px var(--font-display)}.checker{gap:14px;display:grid}.checker .inputs{gap:12px;display:grid}.color-field{align-items:center;gap:10px;display:flex}.color-field input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:14px;width:48px;height:48px;padding:0}.color-field input[type=text]{border-radius:var(--r-md);min-width:0;box-shadow:var(--clay-in);font:500 15px var(--font-mono);color:var(--ink);text-transform:uppercase;background:#fbf6e8;border:0;flex:1;padding:12px 14px}.color-field input[aria-invalid=true]{outline:2px solid var(--coral)}.preview{border-radius:var(--r-lg);box-shadow:var(--clay-in);gap:4px;padding:20px;display:grid}.export-box{border-radius:var(--r-lg);color:#d9efe4;font:500 12.5px/1.6 var(--font-mono);background:#1d2b24;max-height:320px;margin:0;padding:16px;overflow:auto}.tabs{border-radius:var(--r-pill);box-shadow:var(--clay-in);background:#efe7cf;gap:4px;padding:4px;display:inline-flex}.tabs button{border-radius:var(--r-pill);cursor:pointer;color:var(--ink-soft);background:0 0;border:0;padding:8px 18px;font-size:14px}.tabs button[aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:var(--clay-sm)}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:95;border-radius:var(--r-pill);background:var(--green-deep);color:#fff;font:600 14px var(--font-display);box-shadow:var(--clay);padding:12px 20px;position:fixed;transform:translate(-50%)}.site-foot{color:var(--ink-soft);text-align:center;justify-content:center;align-items:center;gap:6px;padding:40px 0 0;font-size:14px;display:flex}.portfolio-link{color:var(--green-dk);border-bottom:1px solid color-mix(in srgb, var(--green-dk) 65%, transparent);font-weight:700;text-decoration:none;transition:opacity .15s,border-color .15s;display:inline-block}.portfolio-link:hover,.portfolio-link:focus-visible{opacity:.82;border-color:var(--green-dk)}@media (width>=640px){.cols-2,.cols-3,.cols-4{grid-template-columns:repeat(2,1fr)}.checker .inputs{grid-template-columns:1fr 1fr}}@media (width>=900px){.topbar,.backdrop{display:none}.sidebar{width:var(--sidebar-w);box-shadow:6px 0 24px rgba(var(--shadow-tint), .08);transform:none}.shell{padding-left:var(--sidebar-w)}main{padding:28px 40px 100px}.hero{grid-template-columns:1.3fr 1fr;align-items:center}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}html{scroll-padding-top:24px}}