:root{--paper:#fff8ee;--paper-2:#fff1de;--paper-line:#f1dcc0;--ink:#2b2a4a;--text:#33304a;--muted:#6f6a85;--pop:#ff6b9a;--pop-deep:#e04a7e;--pop-soft:#ffe1ea;--pop-text:#c9386b;--lemon:#ffd65c;--lemon-soft:#fff3c4;--mint:#5fd6b0;--mint-soft:#ddf7ee;--sky:#6ec1ff;--sky-soft:#ddf0ff;--grape:#9b8cff;--grape-soft:#e9e5ff;--coral:#ff8f6b;--rose:#d9a0a5;--rose-deep:#b5707a;--rose-soft:#f4dedf;--sage:#7fa58e;--amber:#c9a24d;--amber-soft:#fff0c8;--slate:#3f5e86;--slate-soft:#9db3cf;--nanboku:#5fd6b0;--tozai:#ff8f6b;--toho:#6ec1ff;--good-bg:#eaf7ef;--good-line:#9ed8b4;--good-ink:#2e6b45;--bad-bg:#fff0f0;--bad-line:#f2b8b8;--bad-ink:#a04848;--display:"Dela Gothic One","M PLUS Rounded 1c","Hiragino Maru Gothic ProN",sans-serif;--body:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Hiragino Sans",system-ui,sans-serif;--hw:"Yomogi","Klee One","Hiragino Maru Gothic ProN",cursive;--hd:var(--display);--hd-sm:var(--body);--bd:var(--body);--spring:cubic-bezier(.34,1.56,.64,1);--shadow:0 2px 0 #2b2a4a0d,0 14px 30px -16px #2b2a4a52;--shadow-lift:0 2px 0 #2b2a4a0a,0 26px 40px -18px #2b2a4a61;--ruled:repeating-linear-gradient(transparent 0 27px,#f1dcc0e6 27px 28px);--dots:radial-gradient(#ff6b9a24 1.5px,transparent 1.8px);--wave:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 28' preserveAspectRatio='none'><path d='M0 28V14C30 0 30 28 60 14S90 0 120 14V28Z'/></svg>");--wave-s:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10' preserveAspectRatio='none'><path d='M0 5C6 -2 6 12 12 5S18 -2 24 5V10H0Z'/></svg>");--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .3 0 0 0 0 .2 0 0 0 0 .1 0 0 0 .045 0'/></filter><rect width='180' height='180' filter='url(%23g)'/></svg>");--gutter:clamp(16px,4vw,40px);--wrap:1080px;--wrap-narrow:780px;--header-h:66px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}body{background:var(--paper);color:var(--text);font-family:var(--body);font-feature-settings:"palt";-webkit-font-smoothing:antialiased;line-break:strict;padding-inline:var(--gutter);background-image:var(--grain),var(--dots);background-size:180px 180px,26px 26px;margin:0;font-size:16px;font-weight:400;line-height:1.9;overflow-x:clip}h1,h2,h3,h4{font-family:var(--display);color:var(--ink);text-wrap:balance;letter-spacing:.01em;margin:0;font-weight:400;line-height:1.3}h2{font-size:clamp(27px,3.6vw,38px)}h3{font-size:18px}p{margin:0 0 1em}b,strong{font-weight:800}a{color:var(--pop-text);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--ink)}ul{margin:0;padding-left:1.3em}img,svg,video{max-width:100%;height:auto}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--sky-soft);border-radius:6px}.wrap{max-width:var(--wrap);margin-inline:auto}.wrap-narrow{max-width:var(--wrap-narrow);margin-inline:auto}.eyebrow{font-family:var(--hw);color:var(--pop-text);letter-spacing:.04em;margin-bottom:8px;font-size:16px;font-weight:400;display:inline-block}.eyebrow:before{content:"✦ ";color:var(--lemon);-webkit-text-stroke:.6px var(--pop-text)}.muted{color:var(--muted)}.small{font-size:13px}.u{background:linear-gradient(transparent 58%,var(--lemon) 58% 92%,transparent 92%)}.sr,.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{clip:auto;background:var(--lemon);border:2px solid var(--ink);width:auto;height:auto;color:var(--ink);z-index:100;border-radius:10px;padding:8px 14px;font-weight:800;text-decoration:none;position:absolute;top:8px;left:8px;overflow:visible}.mk{z-index:0;padding:0 .12em;display:inline-block;position:relative}.mk:before{content:"";background:var(--lemon);z-index:-1;transform-origin:0;border-radius:6px;transition:transform .8s cubic-bezier(.2,.8,.3,1) .25s;position:absolute;inset:50% -.05em 4%;transform:skew(-8deg)}.mk.pk:before{background:var(--pop-soft)}.mk.mt:before{background:var(--mint-soft)}.mk.sk:before{background:var(--sky-soft)}.mk.gp:before{background:var(--grape-soft)}.js .page:not(.is-in) .mk:before,.js .io:not(.is-in) .mk:before{transform:skew(-8deg)scaleX(0)}.prbar{color:var(--muted);background:var(--paper-2);margin-inline:calc(-1 * var(--gutter));padding:6px var(--gutter);flex-wrap:wrap;justify-content:center;gap:4px 18px;font-size:12px;line-height:1.6;display:flex}.prbar strong{color:var(--pop-text);font-weight:800}.site-header{z-index:50;border-bottom:3px solid var(--ink);margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);background:#fff8eef5;position:sticky;top:0}.hd-in{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{color:var(--ink);font-family:var(--display);letter-spacing:.02em;align-items:center;gap:10px;font-size:18px;line-height:1.15;text-decoration:none;display:inline-flex}.logo small{font-family:var(--hw);color:var(--pop-text);letter-spacing:.06em;margin-top:3px;font-size:12px;line-height:1.2;display:block}.logo svg{width:38px;height:38px;transition:transform .4s var(--spring);flex:none}.logo:hover svg{transform:rotate(-10deg)scale(1.08)}.nav-list{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:var(--ink);transition:transform .3s var(--spring);border:2px solid #0000;border-radius:999px;padding:7px 12px;font-size:13.5px;font-weight:800;text-decoration:none;display:block}.nav-list a:hover,.nav-list a[aria-current=page]{background:var(--lemon);border-color:var(--ink)}.nav-list a:hover{transform:translateY(-2px)rotate(-2deg)}.burger{border:2px solid var(--ink);background:var(--lemon);width:44px;height:44px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:12px;place-items:center;display:none}.burger svg{width:22px;height:22px}@media (width<=900px){.burger{display:grid}.nav-list{background:var(--paper);border-bottom:3px solid var(--ink);padding:8px var(--gutter) 14px;box-shadow:var(--shadow);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.site-header.is-open .nav-list{display:flex}.nav-list a{border-bottom:1px dashed var(--paper-line);border-radius:0;padding:10px 6px;font-size:15px}.nav-list a:hover{background:var(--lemon-soft);transform:none}}.ribbon{background:linear-gradient(90deg,var(--pop),var(--lemon),var(--mint),var(--sky),var(--grape));transform-origin:0;pointer-events:none;width:100%;height:5px;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.stamp{font-family:var(--body);color:var(--ink);background:var(--pop);text-align:center;width:88px;height:88px;box-shadow:0 4px 0 var(--pop-deep),inset 0 0 0 3px #fff,inset 0 0 0 5px var(--pop);letter-spacing:.02em;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:6px;font-size:11px;font-weight:800;line-height:1.15;display:inline-flex;transform:rotate(-8deg)}.stamp b{font-family:var(--hw);margin-bottom:2px;font-size:12px;font-weight:400;display:block}.stamp.sage{background:var(--mint);box-shadow:0 4px 0 #3bb58f,inset 0 0 0 3px #fff,inset 0 0 0 5px var(--mint);color:var(--ink)}.stamp.is-in{animation:stampIn .6s var(--spring) backwards}@keyframes stampIn{0%{transform:scale(0)rotate(-40deg)}to{transform:scale(1)rotate(-8deg)}}.tape{pointer-events:none;background-color:#ff6b9a8c;background-image:repeating-linear-gradient(90deg,#ffffff47 0 6px,#0000 6px 12px);width:96px;height:24px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #2b2a4a1f;-webkit-mask:linear-gradient(90deg,#0000 0,#000 6px calc(100% - 6px),#0000 100%);mask:linear-gradient(90deg,#0000 0,#000 6px calc(100% - 6px),#0000 100%)}.tape.blue{background-color:#6ec1ff99}.tape.amber{background-color:#ffd65cbf}.tape.mint{background-color:#5fd6b099}.sheet.dogear{border-top-right-radius:6px}.dogear:after{content:"";background:linear-gradient(225deg,var(--paper) 0 50%,var(--lemon) 50%);pointer-events:none;border-top-right-radius:6px;border-bottom-left-radius:8px;width:38px;height:38px;position:absolute;top:-2px;right:-2px;box-shadow:-2px 2px 4px -2px #2b2a4a38}.sheet>.deco{color:var(--lemon);-webkit-text-stroke:2px var(--ink);pointer-events:none;z-index:1;font-size:34px;line-height:1;position:absolute;top:-16px;left:-12px;transform:rotate(-12deg)}.box{border:2px solid var(--ink);vertical-align:-3px;background:#fff;border-radius:4px;flex:none;width:16px;height:16px;margin-right:8px;display:inline-block;position:relative;top:0}.box svg{width:22px;height:22px;color:var(--pop-text);position:absolute;top:-6px;left:-3px}.pill{font-family:var(--display);border:2px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;background:#fff;border-radius:999px;padding:9px 14px;font-size:14px;line-height:1;text-decoration:none;display:inline-block}.pill.lemon{background:var(--lemon)}.pill.mint{background:var(--mint)}.pill.sky{background:var(--sky)}.pill.pop{background:var(--pop);color:var(--ink)}.pill.sm{box-shadow:2px 2px 0 var(--ink);padding:6px 10px;font-size:12px}.chk{background:var(--lemon);color:var(--ink);border:1.5px solid var(--ink);white-space:nowrap;vertical-align:middle;border-radius:999px;margin-left:4px;padding:3px 7px;font-size:11px;font-weight:800;line-height:1;display:inline-block}.btn{font-family:var(--display);border:3px solid var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .35s var(--spring);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:15px;line-height:1.3;text-decoration:none;display:inline-flex;position:relative}.btn.primary{background:var(--pop);color:var(--ink);box-shadow:inset 0 0 0 2px #fff,4px 4px 0 var(--ink)}.btn:hover{color:inherit;transform:translate(-2px,-3px)rotate(-1.5deg)}.btn.primary:hover{color:var(--ink)}.btn:active{transform:translate(2px,2px)}.btn svg{width:16px;height:16px}.btn.sm{box-shadow:3px 3px 0 var(--ink);padding:9px 16px;font-size:13.5px}.btn.rose{background:var(--lemon)}.btn.mint{background:var(--mint)}.page{transition:transform .85s var(--spring);margin:64px 0;position:relative}.js .page:not(.is-in){transform:translateY(46px)scale(.975)}.page,.rail,.strip,.book-band,#top,[id]{scroll-margin-top:84px}.sheet{border:2px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:clamp(22px,4vw,46px);position:relative}.sheet:before{content:"";background:var(--sheet-bg,var(--lemon-soft));border:2px solid var(--ink);border-radius:inherit;z-index:-1;position:absolute;inset:0;transform:rotate(-1.2deg)translate(-6px,8px)}.sheet.pk{--sheet-bg:var(--pop-soft)}.sheet.sk{--sheet-bg:var(--sky-soft)}.sheet.mt{--sheet-bg:var(--mint-soft)}.sheet.flip:before{transform:rotate(1deg)translate(6px,8px)}.pageno{background:var(--pop);width:52px;height:52px;color:var(--ink);font-family:var(--body);box-shadow:0 4px 0 var(--pop-deep);border:2px solid #fff;border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;bottom:-18px;right:-8px;transform:rotate(8deg)}.pageno:before{content:"p."}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 24px;margin-bottom:26px;display:flex}.sec-head h2{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.sec-head .tag{background:var(--ink);width:44px;height:44px;color:var(--lemon);font-family:var(--display);box-shadow:3px 3px 0 var(--pop);border-radius:50%;flex:none;place-items:center;font-size:14px;display:inline-grid;transform:rotate(-8deg)}.sec-head>p{color:var(--muted);max-width:52ch;margin:0;font-size:14px;font-weight:400}.sec-head h2 small,.rail-h small{font-family:var(--hw);color:var(--muted);letter-spacing:0;font-size:14px;font-weight:400}.ruled{background-image:var(--ruled)}.band{padding:54px var(--gutter) 60px;border-radius:0;margin-inline:calc(50% - 50vw);position:relative}.band.lemon{background:var(--lemon-soft)}.band.mint{background:var(--mint-soft)}.band.sky{background:var(--sky-soft)}.band.pk{background:var(--pop-soft)}.band:before,.band:after{content:"";background:inherit;height:28px;-webkit-mask:var(--wave) 0 0/120px 28px repeat-x;mask:var(--wave) 0 0/120px 28px repeat-x;pointer-events:none;position:absolute;left:0;right:0}.band:before{top:-27px}.band:after{bottom:-27px;transform:scaleY(-1)}.band>.wrap{position:relative}.band .pageno{bottom:-46px;right:0}.band h2{color:var(--ink)}.marquee{margin:26px calc(50% - 50vw) 0;padding:16px 0;overflow:hidden}.marquee.ink{margin-top:62px}.mq-bar{background:var(--pop);color:var(--ink);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:10px 0;transform:rotate(-1.2deg)scaleX(1.04)}.marquee.ink .mq-bar{background:var(--ink);color:var(--lemon);transform:rotate(1deg)scaleX(1.04)}.mq{width:max-content;display:flex}.js .mq{animation:30s linear infinite mq}.marquee.is-off .mq{animation-play-state:paused}.mq-set{font-family:var(--display);letter-spacing:.06em;white-space:nowrap;flex:none;font-size:20px;display:flex}.mq-set span{padding-inline:14px}.mq-set span:after{content:"✦";color:var(--lemon);margin-left:28px}.marquee.ink .mq-set span:after{color:var(--pop)}.marquee:hover .mq{animation-play-state:paused}@keyframes mq{to{transform:translate(-50%)}}.photo{max-width:100%;margin:0;display:block;position:relative}.ph{isolation:isolate;background:linear-gradient(160deg,#fff3c4,#ffe1ea 55%,#ddf0ff);max-width:100%;position:relative;overflow:hidden}.ph:before{content:"";background-image:var(--dots);opacity:.7;background-size:18px 18px;position:absolute;inset:0}.ph img{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.r43{aspect-ratio:4/3}.r34{aspect-ratio:3/4}.r169{aspect-ratio:16/9}.r11{aspect-ratio:1}.polaroid{border:2px solid var(--ink);box-shadow:var(--shadow);transform:rotate(var(--rot,-1.5deg));transition:transform .55s var(--spring);background:#fff;border-radius:8px;padding:12px 12px 10px}.polaroid:hover{transform:rotate(0)translateY(-6px)scale(1.02)}.polaroid .tape{top:-13px}.js .page:not(.is-in) .polaroid,.js .io:not(.is-in) .polaroid{transform:rotate(calc(var(--rot,-1.5deg) * 4)) translateY(40px) scale(.9)}.print .ph{border:2px solid var(--ink);box-shadow:var(--shadow);border-radius:18px}.photo figcaption{font-family:var(--hw);color:var(--ink);margin-top:10px;font-size:14px;line-height:1.6;display:block}.photo figcaption time{text-align:right;margin-top:2px;display:block}.photo time{color:var(--pop-text);white-space:nowrap;font-size:12px}.photo .deco{color:var(--lemon);-webkit-text-stroke:1.5px var(--ink);pointer-events:none;z-index:2;font-size:26px;line-height:1;position:absolute}.deco.tl{top:-14px;left:-14px;transform:rotate(-15deg)}.deco.br{color:var(--pop);bottom:-4px;right:-12px;transform:rotate(20deg)}.bubble{font-family:var(--display);border:2.5px solid var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:18px;max-width:230px;padding:12px 16px;font-size:15px;line-height:1.4;display:inline-block;position:relative}.bubble:after{content:"";border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);background:#fff;width:16px;height:16px;position:absolute;bottom:-14px;left:26px;transform:skew(20deg)rotate(45deg)}.bubble.lemon,.bubble.lemon:after{background:var(--lemon)}.faq{gap:10px;padding:0;display:grid}.faq details{border:2px solid var(--ink);transition:transform .4s var(--spring);background:#fff;border-radius:16px;padding:0 18px}.faq details[open]{background:var(--lemon-soft)}.faq summary{cursor:pointer;min-height:56px;line-height:28px;font-family:var(--display);color:var(--ink);align-items:flex-start;gap:10px;padding-block:14px;font-size:15.5px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"Q";font-family:var(--display);color:var(--ink);background:var(--pop);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.faq summary:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:10px;height:10px;transition:transform .35s var(--spring);flex:none;margin-top:9px;margin-left:auto;transform:rotate(45deg)}.faq details[open] summary:after{transform:rotate(-135deg)}.faq details p{transform-origin:0 0;margin:0;padding:0 0 16px 38px;font-size:14.5px;line-height:28px;position:relative}.faq details p:before{content:"A";font-family:var(--display);color:var(--ink);background:var(--mint);border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;display:grid;position:absolute;top:0;left:0}.faq details[open]>p{animation:faqIn .5s var(--spring) both}@keyframes faqIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:none}}.avatar{background:var(--lemon-soft);border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:96px;height:96px;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.crumbs{color:var(--muted);flex-wrap:wrap;gap:2px 6px;margin:18px 0 10px;padding:0;font-size:12.5px;list-style:none;display:flex}.crumbs li{align-items:center;gap:6px;display:inline-flex}.crumbs li+li:before{content:"›";color:var(--muted)}.crumbs a{color:var(--pop-text);font-weight:800;text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs li:last-child{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:60vw;display:inline-block;overflow:hidden}.crumbs li:last-child:before{margin-right:6px}.page-head{margin:18px 0 26px}.page-head h1{font-size:clamp(26px,4vw,38px);line-height:1.3}.page-head p{color:var(--muted);margin:8px 0 0;font-size:14px}.post-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:22px 18px;margin:0;padding:0;list-style:none;display:grid}.post-card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--lemon-soft);transition:transform .4s var(--spring);background:#fff;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.post-grid li:nth-child(3n+2) .post-card{box-shadow:5px 5px 0 var(--mint-soft)}.post-grid li:nth-child(3n) .post-card{box-shadow:5px 5px 0 var(--sky-soft)}.post-card:hover{transform:translateY(-5px)rotate(-.6deg)}.post-card .thumb{aspect-ratio:16/9;background:var(--paper-2);border-bottom:2px solid var(--ink);overflow:hidden}.post-card .thumb img{object-fit:cover;width:100%;height:100%;display:block}.post-card .body{flex-direction:column;flex:1;gap:6px;padding:12px 14px 14px;display:flex}.post-card .cat{color:var(--ink);background:var(--lemon);border:1.5px solid var(--ink);border-radius:999px;align-self:flex-start;padding:2px 9px;font-size:11px;font-weight:800;line-height:1.5}.post-card h3,.post-card h2{font-family:var(--body);margin:0;font-size:15px;font-weight:800;line-height:1.55}.post-card a.t{color:var(--ink);text-decoration:none}.post-card a.t:after{content:"";position:absolute;inset:0}.post-card a.t:hover{color:var(--pop-text)}.post-card time{color:var(--muted);margin-top:auto;font-size:12px}.post-card .cat-link{z-index:1;position:relative}.cat-tabs{flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex}.cat-tabs a,.cat-tabs button{border:2px solid var(--ink);color:var(--ink);transition:transform .35s var(--spring);background:#fff;border-radius:999px;padding:7px 16px;font-size:13.5px;font-weight:800;text-decoration:none;display:inline-block}.cat-tabs a:hover,.cat-tabs button:hover{transform:translateY(-2px)rotate(-2deg)}.cat-tabs a[aria-current=page],.cat-tabs button[aria-pressed=true]{background:var(--pop);box-shadow:3px 3px 0 var(--ink)}.cat-tabs .n{font-family:var(--hw);color:var(--pop-text);margin-left:4px;font-size:12px}.cat-tabs button[aria-pressed=true] .n{color:var(--ink)}.form{gap:16px;max-width:640px;display:grid}.form label{color:var(--ink);margin-bottom:6px;font-size:14px;font-weight:800;display:block}.form .req{font-family:var(--hw);color:var(--pop-text);margin-left:6px;font-size:12px}.form input[type=text],.form input[type=email],.form textarea{width:100%;font:inherit;border:2px solid var(--ink);color:var(--text);background:#fff;border-radius:12px;padding:10px 12px;font-size:16px}.form textarea{resize:vertical;min-height:200px}.form input:focus,.form textarea:focus{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 5px var(--sky-soft)}.form-alert{background:var(--bad-bg);border:2px solid var(--bad-line);color:var(--bad-ink);border-radius:12px;max-width:640px;padding:10px 14px;font-size:14px}.form-alert[hidden]{display:none}.form [name=website]{display:none!important}.totop{z-index:45;opacity:0;pointer-events:none;transition:transform .6s var(--spring),opacity .3s linear;text-decoration:none;position:fixed;bottom:18px;right:18px;transform:translateY(90px)}.is-scrolled .totop{opacity:1;pointer-events:auto;transform:none}.totop span{background:var(--lemon);border:3px solid var(--ink);width:52px;height:52px;box-shadow:4px 4px 0 var(--ink);color:var(--ink);font-family:var(--body);text-align:center;border-radius:50%;place-items:center;font-size:13px;font-weight:800;line-height:1.05;animation:3s ease-in-out infinite alternate floaty;display:grid}.totop:hover span{background:var(--pop);color:var(--ink)}@keyframes floaty{0%{transform:rotate(var(--r,0deg)) translateY(-6px)}to{transform:rotate(var(--r,0deg)) translateY(6px)}}.site-footer{margin:96px calc(-1 * var(--gutter)) 0;padding:44px var(--gutter) 30px;background:var(--paper-2);color:var(--muted);border-top:0;font-size:13.5px;position:relative}.site-footer:before{content:"";background:var(--paper-2);height:28px;-webkit-mask:var(--wave) 0 0/120px 28px repeat-x;mask:var(--wave) 0 0/120px 28px repeat-x;position:absolute;top:-27px;left:0;right:0}.site-footer .wrap{position:relative}.ft-mark{background:var(--pop);border:2px solid var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);pointer-events:none;border-top:0;width:22px;height:80px;position:absolute;top:-1.7rem;right:2rem}.ft{grid-template-columns:1.2fr 1fr 1fr;gap:26px;display:grid}@media (width<=760px){.ft{grid-template-columns:1fr}}.ft .ft-title{font-family:var(--display);color:var(--ink);margin:0 0 8px;font-size:15px;font-weight:400;line-height:1.3}.ft ul{gap:4px;padding:0;list-style:none;display:grid}.ft a{font-weight:800;text-decoration:none}.ft a:hover{text-decoration:underline}.ft-notes{border-top:2px dashed var(--paper-line);flex-wrap:wrap;justify-content:space-between;gap:6px 22px;margin-top:26px;padding-top:16px;font-size:12.5px;display:flex}.ft-notes p{margin:0}.notfound{text-align:center;padding:60px 0 20px}.notfound .big{font-family:var(--display);color:var(--pop);-webkit-text-stroke:3px var(--ink);letter-spacing:.04em;margin:0 0 6px;font-size:clamp(64px,14vw,120px);line-height:1}.notfound h1{margin:10px 0 14px;font-size:clamp(22px,4vw,32px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}.js .page:not(.is-in),.page{transform:none}.js .page:not(.is-in) .mk:before,.js .io:not(.is-in) .mk:before{transform:skew(-8deg)}.js .page:not(.is-in) .polaroid,.js .io:not(.is-in) .polaroid{transform:rotate(var(--rot,-1.5deg))}.stamp{transform:rotate(-8deg)}.mq{transform:none}.totop{transform:translateY(90px)}.is-scrolled .totop,.post-card,.post-card:hover{transform:none}}
