@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-cyrillic-ext-wght-normal.8bbfa6e0.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-cyrillic-wght-normal.12b57c6b.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-vietnamese-wght-normal.c6a3f4e5.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-latin-ext-wght-normal.b921df26.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-latin-wght-normal.9ff55a8a.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/caveat-cyrillic-ext-600-normal.16ede95a.woff2) format("woff2"),url(/_next/static/media/caveat-cyrillic-ext-600-normal.affaff17.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/caveat-cyrillic-600-normal.5107454b.woff2) format("woff2"),url(/_next/static/media/caveat-cyrillic-600-normal.ab175ef8.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/caveat-latin-ext-600-normal.19d8af60.woff2) format("woff2"),url(/_next/static/media/caveat-latin-ext-600-normal.ce1d44af.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/caveat-latin-600-normal.7eba6137.woff2) format("woff2"),url(/_next/static/media/caveat-latin-600-normal.732d32c8.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--bg:#eeede8;--card:#f7f6f2;--card-hi:#ffffff;--ink:#23211c;--ink-soft:#6b675d;--dark:#1d1c18;--accent:#e0a100;--accent-ink:#9a6600;--accent-tint:#fbf1d3;--sticky:#ffe9a3;--ok:#2f8f5f;--oops:#b54a2c;--line:#dedbd1;--serif:Georgia,"Times New Roman",serif;--sans:"Geist Variable","Helvetica Neue",Arial,sans-serif;--hand:"Caveat","Comic Sans MS",cursive;--shadow:0 1px 1px rgba(40,34,20,.05),0 2px 3px rgba(40,34,20,.05),0 6px 12px rgba(40,34,20,.06),0 14px 28px rgba(40,34,20,.06);--shadow-lift:0 2px 3px rgba(40,34,20,.06),0 8px 14px rgba(40,34,20,.08),0 22px 44px rgba(40,34,20,.14);--radius:22px;--measure:68ch;--gutter:clamp(16px,4vw,40px);--max:1180px;--spring:linear(0,.023 2.6%,.083 5.1%,.165 7.7%,.258 10.3%,.356 12.8%,.452 15.4%,.542 17.9%,.625 20.5%,.699 23.1%,.764 25.6%,.819 28.2%,.865 30.8%,.903 33.3%,.933 35.9%,.957 38.5%,.976 41%,.99 43.6%,1 46.2%,1.007 48.7%,1.011 51.3%,1.014 53.8%,1.015 56.4%,1.015 59%,1.014 61.5%,1.012 66.7%,1.008 74.4%,1.004 82.1%,1.002 89.7%,1);--bouncy:linear(0,.05 3%,.2 7%,.45 12%,.75 18%,1.02 25%,1.12 31%,1.1 37%,1.03 45%,.98 54%,.985 63%,1.003 75%,1);--press:cubic-bezier(.2,0,0,1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}body,html{overflow-x:clip}img,video{display:block;max-width:100%;height:auto}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.accent{color:var(--accent-ink)}.hand{font-family:var(--hand);font-weight:600}.skip{position:absolute;left:-999px;top:8px;background:var(--dark);color:#fff;padding:8px 12px;border-radius:10px;z-index:10}.skip:focus{left:8px}.site-head{max-width:var(--max);margin:0 auto;padding:20px var(--gutter);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.logo,.site-head{align-items:center}.logo{display:inline-flex;gap:10px;font-family:var(--serif);font-weight:700;font-size:25px;letter-spacing:-.02em;text-decoration:none;color:var(--dark)}.logo img{width:38px;height:38px;object-fit:contain;transition:transform .5s var(--bouncy)}.logo:hover img{transform:rotate(-10deg) scale(1.08)}.site-head nav{display:flex;gap:4px;flex-wrap:wrap;background:var(--card);padding:5px;border-radius:14px;box-shadow:var(--shadow)}.site-head nav a{text-decoration:none;font-size:15px;font-weight:400;padding:7px 12px;border-radius:10px;transition:background-color .2s ease,transform .1s var(--press)}.site-head nav a:hover{background:var(--accent-tint)}.site-head nav a:active{transform:scale(.96)}.site-head nav a[aria-current=page]{font-weight:700}main{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.hero{padding:clamp(36px,7vw,84px) 0 24px;text-align:center;position:relative}.hero h1{margin:0 auto;max-width:24ch;font-family:var(--serif);font-weight:700;font-size:clamp(36px,5.6vw,66px);line-height:1.1;letter-spacing:-.012em;color:var(--ink)}.hero h1 .line{display:block}.hero h1 .accent{position:relative;display:inline-block}.hero h1 .accent:after{content:"";position:absolute;left:4%;right:2%;bottom:-.12em;height:.32em;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20' preserveAspectRatio='none'%3E%3Cpath d='M3 14C60 5 120 4 170 9s90 6 127-3' fill='none' stroke='%23e0a100' stroke-width='6' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E") no-repeat 50% /100% 100%}.lede{max-width:58ch;margin:20px auto 28px;font-size:clamp(16px,1.5vw,18px);color:var(--ink);opacity:.85}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}.hero.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-gap:clamp(16px,4vw,48px);gap:clamp(16px,4vw,48px);align-items:center;text-align:left;padding-bottom:8px}.hero.split h1{margin:0;max-width:15ch;font-size:clamp(34px,4.6vw,58px)}.hero.split .lede{margin:20px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:transform .1s var(--press),background-color .2s ease,box-shadow .2s ease}.btn-accent{background:var(--accent);color:var(--dark);box-shadow:0 3px 0 #b88400}.btn-accent:hover{background:#ebad0f;transform:translateY(-1px)}.btn-dark{background:var(--dark);color:#fff;box-shadow:0 3px 0 #000}.btn-dark:hover{background:#33312a;transform:translateY(-1px)}.btn:active{transform:translateY(2px) scale(.98);box-shadow:0 1px 0 rgba(0,0,0,.4)}.scatter{position:relative;height:clamp(300px,38vw,430px);margin:12px auto 0;max-width:760px}.hero.split .scatter{margin:0;max-width:none;height:clamp(320px,36vw,440px)}.scatter-mascot{position:absolute;left:50%;bottom:0;width:clamp(170px,22vw,260px);transform:translateX(-50%);filter:drop-shadow(0 14px 18px rgba(40,34,20,.16));z-index:3}.polaroid{position:absolute;display:block;background:var(--card-hi);padding:7px 7px 0;border-radius:6px;box-shadow:var(--shadow);text-decoration:none;transform:rotate(var(--r,0deg));z-index:2;transition:transform .55s var(--bouncy),box-shadow .3s ease}.polaroid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:3px;background:var(--line)}.polaroid span{display:block;font-family:var(--hand);font-weight:600;font-size:17px;line-height:1.15;padding:6px 4px 9px;color:var(--ink)}.polaroid:hover{transform:rotate(0deg) translateY(-6px) scale(1.04);box-shadow:var(--shadow-lift);z-index:5}.scatter .polaroid span{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -7px}}.float{animation:bob 5.5s ease-in-out infinite;animation-delay:calc(var(--f, 0) * -1.4s)}@keyframes idle{0%,to{transform:translateX(-50%) rotate(0deg)}50%{transform:translateX(-50%) rotate(-2deg) translateY(-3px)}}.scatter-mascot{animation:idle 4s ease-in-out infinite;transform-origin:50% 100%}.wall{position:relative;margin:36px 0 0;padding:34px clamp(12px,2.4vw,26px) 22px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.wall-peek{position:absolute;left:clamp(20px,6vw,90px);top:0;width:clamp(90px,10vw,128px);transform:translateY(-74%);z-index:1;pointer-events:none}.wall-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 10px;position:relative;z-index:2}.wall .polaroid{position:relative;width:clamp(96px,10.4vw,128px)}.wall .polaroid span{font-size:15px}.wall .polaroid.was-redo{z-index:3}.wall .polaroid.was-redo:after{content:"redo";position:absolute;top:-8px;right:-8px;font-family:var(--hand);font-size:15px;font-weight:600;background:var(--oops);color:#fff;padding:0 7px 1px;border-radius:999px;transform:rotate(10deg)}.wall-cap{margin:18px 0 0;display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center;align-items:baseline;color:var(--ink-soft);font-size:14px}.wall-cap .hand{font-size:24px;color:var(--accent-ink)}.faq h2,.group-h,.guide h2,.home-notes h2,.template h2,.topics h2{font-family:var(--serif);font-weight:700;font-size:clamp(26px,3vw,34px);line-height:1.2;margin:0 0 24px;color:var(--ink)}.guide{padding:80px 0 8px}.guide h2{text-align:center}.guide dl{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:0}.guide dl>div{flex:1 1 280px;max-width:360px;padding:20px 22px;border-radius:18px;background:var(--card);box-shadow:var(--shadow);transform:rotate(var(--r,0deg));transition:transform .5s var(--bouncy)}.guide dl>div:first-child{--r:-1.2deg}.guide dl>div:nth-child(2){--r:.8deg;background:var(--accent-tint);margin-top:14px}.guide dl>div:nth-child(3){--r:-.6deg}.guide dl>div:nth-child(4){--r:1deg;background:var(--dark);color:#f3efe4}.guide dl>div:nth-child(4) dd{color:#c9c3b4}.guide dl>div:nth-child(5){--r:-1deg;margin-top:10px}.guide dl>div:nth-child(6){--r:.6deg;background:var(--accent-tint)}.guide dl>div:hover{transform:rotate(0deg) translateY(-3px)}.guide dt{font-weight:650;font-size:17px}.guide dd{margin:4px 0 0}.guide dd,.suffix{color:var(--ink-soft);font-size:15px}.suffix{max-width:760px;margin:26px auto 0;text-align:center}.suffix q{color:var(--ink);font-weight:600;background:var(--sticky);padding:1px 4px;border-radius:4px}.entries{padding-top:48px;display:grid;grid-gap:36px;gap:36px}.group-h{margin:48px 0 0;text-align:center}.entry{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-template-areas:"media body";grid-gap:clamp(20px,4vw,52px);gap:clamp(20px,4vw,52px);align-items:start;scroll-margin-top:20px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(14px,2vw,22px)}.entry-image{grid-template-columns:minmax(0,450px) minmax(0,1fr)}.entry:nth-of-type(2n){grid-template-columns:minmax(0,1fr) minmax(0,340px);grid-template-areas:"body media"}.entry-image:nth-of-type(2n){grid-template-columns:minmax(0,1fr) minmax(0,450px)}.entry-media{grid-area:media}.entry-body{grid-area:body;max-width:720px;padding:6px 4px}.entry-media{background:var(--card-hi);padding:9px 9px 4px;border-radius:8px;box-shadow:var(--shadow);transform:rotate(-1.3deg);transition:transform .6s var(--bouncy)}.entry:nth-of-type(2n) .entry-media{transform:rotate(1.3deg)}.entry:hover .entry-media{transform:rotate(0deg)}.entry-media video{width:100%;aspect-ratio:9/16;background:var(--dark);border-radius:4px}.pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.pair .shot{display:block;border-radius:4px;overflow:hidden}.pair .shot img{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--line);transition:transform .6s var(--spring)}.pair .shot:hover img{transform:scale(1.04)}.pair .media-cap{grid-column:1/-1}.media-cap{margin:6px 2px;font-size:17px;line-height:1.2;color:var(--ink-soft)}.entry-code,.media-cap{font-family:var(--hand);font-weight:600}.entry-code{display:inline-block;margin:0 0 8px;font-size:20px;color:var(--accent-ink)}.entry-title{margin:0;font-family:var(--serif);font-weight:700;font-size:clamp(25px,2.5vw,32px);line-height:1.15}.entry-model{margin:8px 0 0;font-size:15px;color:var(--ink-soft)}.entry-model strong{color:var(--ink);font-weight:600}.sticker{display:inline-block;margin:14px 0 16px;font-size:13px;font-weight:650;letter-spacing:.01em;padding:5px 12px;border-radius:999px;background:#e3f2e9;color:var(--ok);transform:rotate(-2deg)}.sticker:before{content:"✓ "}.sticker.is-retake{background:#f6e3dc;color:var(--oops);transform:rotate(1.5deg)}.sticker.is-retake:before{content:"↻ "}.prompt{background:var(--card-hi);border-radius:14px;border:1px solid var(--line)}.prompt-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 0 16px}.prompt-bar>span{font-size:14px;font-weight:600;color:var(--ink-soft)}.prompt pre,.template pre{margin:0;padding:8px 16px 16px;white-space:pre-wrap;word-break:break-word;font-family:var(--sans);font-size:15px;line-height:1.65;color:var(--ink)}.copy{position:relative;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;min-height:38px;background:var(--dark);color:#fff;border:0;border-radius:11px;padding:0 14px;transition:transform .1s var(--press),background-color .2s ease}.copy:hover{background:#33312a}.copy:active{transform:scale(.95)}.copy.is-copied{background:var(--ok)}.copy-icon{position:relative;width:15px;height:15px}.copy-icon svg{position:absolute;inset:0;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s var(--spring),opacity .2s ease}.ic-check{opacity:0;transform:scale(.4) rotate(-20deg)}.copy.is-copied .ic-copy{opacity:0;transform:scale(.4)}.copy.is-copied .ic-check{opacity:1;transform:none}.ic-check path{stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .35s ease .08s}.copy.is-copied .ic-check path{stroke-dashoffset:0}.copy-yay{position:absolute;right:-6px;bottom:calc(100% - 6px);width:64px;pointer-events:none;opacity:0;transform:translateY(18px) scale(.3) rotate(-10deg);transform-origin:50% 100%;transition:transform .55s var(--bouncy),opacity .15s ease}.copy.is-copied .copy-yay{opacity:1;transform:none}.note{position:relative;margin:20px 0 0 18px;padding:16px 18px 16px 74px;background:var(--sticky);border-radius:4px 14px 14px 14px;transform:rotate(-.6deg);box-shadow:0 6px 14px rgba(120,90,0,.12)}.note:before{content:"";position:absolute;top:-9px;left:40%;width:78px;height:20px;background:rgba(255,255,255,.55);transform:rotate(-3deg);border-radius:2px}.note.is-retake{background:#ffe1cf;transform:rotate(.5deg);box-shadow:0 6px 14px rgba(150,70,30,.12)}.note-pip{position:absolute;left:-20px;bottom:-6px;width:84px;filter:drop-shadow(0 4px 6px rgba(40,34,20,.15));transition:transform .5s var(--bouncy)}.note:hover .note-pip{transform:rotate(-8deg) translateY(-3px)}.note h4{margin:0 0 3px;font-family:var(--hand);font-size:22px;font-weight:600;line-height:1.1}.note p{margin:0;font-size:15px;max-width:var(--measure)}.credit{margin:14px 0 0;font-size:14px;color:var(--ink-soft)}.template{margin:64px auto 0;max-width:860px;position:relative}.template h2{text-align:center}.template-box{background:var(--card);border-radius:20px;padding:8px;box-shadow:0 0 0 6px var(--accent),0 16px 40px rgba(224,161,0,.25);transform:rotate(-.4deg)}.template-inner{background:var(--card-hi);border-radius:14px}.template .prompt-bar{padding:12px 12px 0 16px}.faq{position:relative;margin:72px auto 0;max-width:860px;padding:30px clamp(18px,3vw,34px) 18px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.faq:before{content:"";position:absolute;top:0;left:26px;width:104px;height:80px;background:url(/mascot/penguin-peek.webp) no-repeat bottom/contain;transform:translateY(-78%)}.faq h2{text-align:center}.faq details{border-top:1px dashed var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:600;font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary::marker{content:""}.faq-q{min-width:0}.faq-toggle{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--accent-tint);color:var(--accent-ink);line-height:0;transition:transform .45s var(--bouncy),background-color .2s,color .2s}.faq-toggle svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.faq details[open] .faq-toggle{transform:rotate(135deg);background:var(--accent);color:var(--dark)}.faq details p{margin:10px 0 0;color:var(--ink-soft);max-width:var(--measure)}.faq{interpolate-size:allow-keywords}.faq details::details-content{height:0;overflow:hidden;transition:height .45s var(--spring),content-visibility .45s allow-discrete}.faq details[open]::details-content{height:auto}.next{position:relative;margin:56px auto 96px;max-width:860px;padding:30px 30px 30px clamp(30px,22vw,200px);background:var(--dark);color:#fff;border-radius:var(--radius);transform:rotate(.5deg);overflow:visible}.next:before{content:"";position:absolute;left:18px;bottom:0;width:clamp(90px,16vw,150px);aspect-ratio:1;background:url(/mascot/penguin-main.webp) no-repeat bottom/contain}.next p{margin:0 0 6px;color:#c9c3b4;font-family:var(--hand);font-size:22px}.next a{font-family:var(--serif);font-weight:700;font-size:clamp(20px,2.4vw,28px);color:#fff;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:6px}.topics{padding:64px 0 28px}.home-notes{padding:36px 0 96px}.home-notes h2{text-align:center}.home-intro{max-width:var(--measure);margin:0 auto 48px}.home-intro p{margin:0 0 14px}.home-latest{margin-bottom:0}.topics h2{text-align:center}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:28px;gap:28px}.topic{display:block;padding:12px 12px 22px;text-decoration:none;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);transform:rotate(-1deg);transition:transform .55s var(--bouncy),box-shadow .3s ease}.topic:nth-child(2){transform:rotate(1deg);margin-top:26px}.topic:hover{transform:rotate(0deg) translateY(-6px);box-shadow:var(--shadow-lift)}.topic-covers{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.topic-covers img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;transition:transform .6s var(--spring)}.topic:hover .topic-covers img:first-child{transform:rotate(-3deg)}.topic:hover .topic-covers img:nth-child(3){transform:rotate(3deg)}.topic-h{display:block;margin:16px 10px 0;font-family:var(--serif);font-weight:700;font-size:clamp(21px,2.2vw,27px);line-height:1.2}.topic-go{display:block;margin:4px 10px 0;font-size:22px;color:var(--accent-ink)}.topic-meta{display:block;margin:2px 10px 0;color:var(--ink-soft);font-size:14px}.latest{margin-bottom:96px;padding:22px clamp(18px,3vw,34px);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.latest h2{font-family:var(--hand);font-size:30px;margin:0 0 6px;color:var(--accent-ink)}.latest ul{list-style:none;margin:0;padding:0}.latest a{display:grid;grid-template-columns:52px 1fr auto;grid-gap:12px;gap:12px;padding:12px 6px;border-top:1px dashed var(--line);text-decoration:none;align-items:baseline;border-radius:10px;transition:background-color .2s ease,transform .4s var(--spring)}.latest a:hover{background:var(--accent-tint);transform:translateX(4px)}.latest-code{font-family:var(--hand);font-size:19px;font-weight:600;color:var(--accent-ink)}.latest-title{font-weight:500}.latest-model{color:var(--ink-soft);font-size:14px}.lost-pip{width:200px;margin:0 auto 8px;animation:idle404 3.5s ease-in-out infinite}@keyframes idle404{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.site-foot{max-width:var(--max);margin:0 auto;padding:32px var(--gutter) 48px;border-top:1px dashed var(--line);font-size:14px;color:var(--ink-soft)}.site-foot p{max-width:var(--measure);margin:0 0 8px}@view-transition{navigation:auto}::view-transition-new(root),::view-transition-old(root){animation-duration:.3s;animation-timing-function:var(--press)}@keyframes rise{0%{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes drop{0%{opacity:0;transform:translateY(-40px) rotate(calc(var(--r, 0deg) * 3)) scale(.9)}to{opacity:1;transform:rotate(var(--r,0deg))}}@keyframes popin{0%{opacity:0;transform:translateX(-50%) translateY(40px) scale(.8)}to{opacity:1;transform:translateX(-50%)}}.js .hero h1 .line,.js .rise{animation:rise .7s var(--spring) both;animation-delay:calc(var(--i, 0) * 90ms + 60ms)}.js .scatter .polaroid{animation:drop .8s var(--bouncy) backwards,bob 5.5s ease-in-out infinite;animation-delay:calc(.38s + var(--f, 0) * .11s),calc(var(--f, 0) * -1.4s)}.js .scatter-mascot{animation:popin .8s var(--bouncy) .3s both,idle 4s ease-in-out 1.2s infinite}.js .wall .polaroid{animation:drop .7s var(--bouncy) backwards;animation-delay:calc(.42s + var(--t, 0) * 35ms)}.js [data-reveal]{opacity:0;translate:0 26px;transition:opacity .5s ease,translate .8s var(--spring);transition-delay:var(--d,0s)}.js [data-reveal].in{opacity:1;translate:0 0}.guide dl>div:nth-child(2){--d:70ms}.guide dl>div:nth-child(3){--d:140ms}.guide dl>div:nth-child(4){--d:210ms}.guide dl>div:nth-child(5){--d:280ms}.guide dl>div:nth-child(6){--d:350ms}@media (max-width:900px){.hero.split{grid-template-columns:1fr;text-align:center}.hero.split .lede,.hero.split h1{margin-left:auto;margin-right:auto}}@media (max-width:760px){.topic-grid{grid-template-columns:1fr}.topic:nth-child(2){margin-top:0}.entry,.entry-image,.entry-image:nth-of-type(2n),.entry:nth-of-type(2n){grid-template-columns:1fr;grid-template-areas:"media" "body"}.entry-video .entry-media{max-width:300px}.wall .polaroid{width:calc(33.3% - 8px)}.scatter .polaroid{width:108px!important}.scatter .polaroid span{font-size:13px}.scatter{height:300px}.wall .polaroid span{font-size:13px}.latest a{grid-template-columns:44px 1fr}.latest-model{grid-column:2}.next{padding-left:30px;padding-top:110px}.next:before{width:110px;left:auto;right:18px;bottom:auto;top:-30px}.site-head nav{width:100%;justify-content:space-between}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}.js [data-reveal]{opacity:1;translate:0 0}}