.diy-root{--diy-paper:#fbf1e8;--diy-paper-note:#fff8f0;--diy-ink:#4a3833;--diy-body:#5a4e47;--diy-muted:#8a7d75;--diy-rose:#c4727f;--diy-rose-deep:#9e4f5c;--diy-rose-dark:#7a3a47;--diy-matcha-deep:#4a6b3c;--diy-outline:#a77a60;--diy-tape-blush:hsla(13,82%,84%,.62);--diy-tape-sage:hsla(74,32%,82%,.68);--diy-tape-peach:hsla(24,84%,86%,.66);flex:1;display:flex;flex-direction:column;background-color:var(--diy-paper);background-image:radial-gradient(rgba(138,90,59,.05) 1px,transparent 0),radial-gradient(rgba(92,40,53,.03) 1px,transparent 0);background-size:4px 4px,9px 9px;background-position:0 0,2px 3px;color:var(--diy-ink);font-family:var(--font-body),"Helvetica Neue",sans-serif;font-size:15px;line-height:1.65;overflow-x:hidden}.diy-root a:focus-visible{outline:2px dashed var(--diy-rose);outline-offset:4px;border-radius:6px}.diy-hand{font-family:var(--font-hand),cursive}.diy-jp{font-family:var(--font-jp),Georgia,serif}.diy-wrap{width:100%;max-width:620px;margin:0 auto;padding:0 20px 40px;flex:1}.diy-tape{position:absolute;display:block;width:74px;height:22px;background:var(--diy-tape-blush);box-shadow:0 1px 2px rgba(74,56,51,.08);clip-path:polygon(2% 0,98% 4%,100% 26%,97% 100%,3% 96%,0 70%);pointer-events:none}.diy-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}.diy-reveal.diy-in{opacity:1;transform:translateY(0)}.diy-welcome{min-height:calc(100svh - 110px);flex-direction:column;align-items:center;text-align:center;padding:24px 0 40px;position:relative}.diy-welcome,.diy-wm{display:flex;justify-content:center}.diy-wm{margin-bottom:4px}.diy-wm img{height:44px;width:auto}.diy-stage{position:relative;width:250px;height:240px;margin:18px 0 6px}.diy-heroimg{top:12px;animation:diyHeroFloat 5.2s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(138,90,59,.16))}.diy-blob,.diy-heroimg{position:absolute;left:50%;transform:translateX(-50%)}.diy-blob{bottom:-2px;width:150px;height:20px;border-radius:50%;background:rgba(138,90,59,.1);filter:blur(4px);animation:diyBlobPulse 5.2s ease-in-out infinite}@keyframes diyHeroFloat{0%,to{transform:translateX(-50%) translateY(0) rotate(-.6deg)}50%{transform:translateX(-50%) translateY(-9px) rotate(.8deg)}}@keyframes diyBlobPulse{0%,to{transform:translateX(-50%) scaleX(1);opacity:.9}50%{transform:translateX(-50%) scaleX(.86);opacity:.6}}.diy-spark{position:absolute}.diy-spark svg{display:block}.diy-sp1{left:-6px;top:52px;animation:diyTwinkle 2.4s ease-in-out infinite}.diy-sp2{right:-10px;top:96px;animation:diyTwinkle 2.4s ease-in-out 1s infinite}.diy-sp3{right:22px;top:8px;animation:diyTwinkle 2.4s ease-in-out 1.8s infinite}@keyframes diyTwinkle{0%,to{opacity:.2;transform:scale(.8) rotate(0deg)}50%{opacity:1;transform:scale(1.05) rotate(14deg)}}.diy-w-in{opacity:0;animation:diyPopIn .7s cubic-bezier(.22,.61,.36,1) forwards}@keyframes diyPopIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.diy-d1{animation-delay:.1s}.diy-d2{animation-delay:.45s}.diy-d3{animation-delay:.8s}.diy-d4{animation-delay:1.15s}.diy-w-title{font-family:var(--font-hand),cursive;font-weight:600;font-size:clamp(42px,11vw,56px);line-height:1.04;color:var(--diy-ink);margin:12px 0 0;transform:rotate(-1.2deg);text-wrap:balance}.diy-w-sub{font-family:var(--font-display),Georgia,serif;font-style:italic;font-size:18.5px;color:var(--diy-body);max-width:34ch;margin:14px auto 0;line-height:1.5}.diy-w-cta{display:inline-block;position:relative;margin-top:30px;padding:14px 30px 12px;font-family:var(--font-hand),cursive;font-weight:600;font-size:27px;color:var(--diy-rose-deep);text-decoration:none;animation-name:diyPopIn,diyCtaBob;animation-duration:.7s,3s;animation-timing-function:cubic-bezier(.22,.61,.36,1),ease-in-out;animation-delay:1.6s,2.6s;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none;opacity:0}.diy-w-cta:hover{color:var(--diy-rose-dark)}@keyframes diyCtaBob{0%,to{transform:translateY(0) rotate(-.8deg)}50%{transform:translateY(-5px) rotate(.4deg)}}.diy-ring{position:absolute;inset:-4px -6px;width:calc(100% + 12px);height:calc(100% + 8px)}.diy-ring path{fill:none;stroke:var(--diy-rose);stroke-width:3;stroke-linecap:round;stroke-dasharray:560;stroke-dashoffset:560;animation:diyDrawRing 1s ease-out 2s forwards}@keyframes diyDrawRing{to{stroke-dashoffset:0}}.diy-arrow{display:inline-block;margin-left:6px;animation:diyNudge 1.6s ease-in-out infinite}@keyframes diyNudge{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.diy-board{padding-top:26px}.diy-b-title{font-family:var(--font-hand),cursive;font-weight:600;font-size:clamp(36px,9.4vw,46px);line-height:1.05;color:var(--diy-ink);margin:10px 0 0;transform:rotate(-1.4deg);text-align:center;text-wrap:balance}.diy-b-sub{text-align:center;font-family:var(--font-display),Georgia,serif;font-style:italic;font-size:17px;color:var(--diy-body);margin:8px 0 4px}.diy-squiggle{display:block;margin:2px auto 0}.diy-squiggle path{stroke:var(--diy-rose);stroke-width:3;fill:none;stroke-linecap:round}.diy-scatter{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;padding:18px 2px 6px}.diy-piece{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:26px 8px 10px;text-decoration:none;text-align:center;transform:translate(var(--dx,0),var(--dy,0));transition:transform .28s cubic-bezier(.34,1.4,.5,1)}.diy-piece:hover{transform:translate(var(--dx,0),var(--dy,0)) scale(1.07) translateY(-4px);z-index:6}.diy-piece:active{transform:translate(var(--dx,0),var(--dy,0)) scale(.97)}.diy-land{display:flex;flex-direction:column;align-items:center;transform:rotate(var(--rot,0deg))}.diy-cupart{width:var(--w,108px);height:auto;filter:drop-shadow(0 5px 7px rgba(138,90,59,.14))}.diy-piece:hover .diy-cupart{filter:drop-shadow(0 9px 12px rgba(138,90,59,.2))}.diy-cupart-photo,.diy-piece:hover .diy-cupart-photo{width:calc(var(--w, 108px) * 1.52);margin:-20px 0 -14px;mix-blend-mode:multiply;filter:none}.diy-p-name{font-family:var(--font-hand),cursive;font-weight:600;font-size:21px;color:var(--diy-ink);line-height:1.05;margin-top:8px}.diy-p-jp{font-family:var(--font-jp),Georgia,serif;font-size:10.5px;color:var(--diy-muted);margin-top:3px}.diy-landing .diy-land{opacity:0;animation:diyLandIn .55s cubic-bezier(.25,.9,.4,1.2) forwards;animation-delay:var(--dl,0s)}@keyframes diyLandIn{0%{opacity:0;transform:rotate(calc(var(--rot, 0deg) * 3)) scale(1.18) translateY(-10px)}to{opacity:1;transform:rotate(var(--rot,0deg)) scale(1) translateY(0)}}.diy-decor{position:absolute;pointer-events:none;z-index:0}.diy-decor img{width:100%;height:auto;display:block}.diy-doodle path{stroke:var(--diy-rose);stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.diy-doodle.diy-tan path{stroke:var(--diy-outline)}.diy-note-txt{font-size:19px;color:var(--diy-rose);white-space:nowrap}.diy-b-help,.diy-note-txt{font-family:var(--font-hand),cursive}.diy-b-help{text-align:center;margin:26px 0 10px;font-size:21px;color:var(--diy-body)}.diy-b-help a{color:var(--diy-rose-deep);-webkit-text-decoration:underline wavy var(--diy-rose) 1.5px;text-decoration:underline wavy var(--diy-rose) 1.5px;text-underline-offset:5px}.diy-backlink{display:inline-block;margin-top:20px;font-family:var(--font-hand),cursive;font-size:20px;color:var(--diy-muted);text-decoration:none;transform:rotate(-1deg)}.diy-backlink:hover{color:var(--diy-rose-deep)}.diy-g-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:12px 0 4px}.diy-g-icon{position:relative;flex:none;transform:rotate(-2deg)}.diy-g-icon .diy-cupart{width:150px}.diy-g-icon .diy-cupart-photo{width:min(300px,86vw);max-width:none;margin:-42px 0 -28px}.diy-g-head h1{font-family:var(--font-display),Georgia,serif;font-weight:400;font-size:clamp(30px,7.8vw,38px);line-height:1.06;margin:0;color:var(--diy-ink);text-wrap:balance}.diy-g-head .diy-jp{font-size:12.5px;color:var(--diy-matcha-deep);letter-spacing:.14em;display:block;margin-top:6px}.diy-g-intro{font-family:var(--font-hand),cursive;font-size:19.5px;color:var(--diy-rose);display:block;margin-top:8px;line-height:1.2;transform:rotate(-.6deg)}.diy-note{position:relative;width:-moz-fit-content;width:fit-content;max-width:100%;margin:26px auto 0;padding:20px 28px 16px;background:var(--diy-paper-note);border:1.5px solid rgba(167,122,96,.35);border-radius:255px 18px 225px 18px/18px 225px 18px 255px;box-shadow:1px 3px 8px rgba(74,56,51,.07);transform:rotate(-1.6deg)}.diy-note .diy-tape{top:-12px;left:50%;transform:translateX(-50%) rotate(2deg);background:var(--diy-tape-sage)}.diy-note h2{font-family:var(--font-hand),cursive;font-weight:600;font-size:25px;margin:0 0 6px;color:var(--diy-ink);display:flex;align-items:baseline;gap:10px}.diy-note h2 small{font-size:16px;font-weight:400;color:var(--diy-muted)}.diy-note ul{list-style:none;margin:0;padding:0}.diy-note li{display:flex;align-items:center;gap:9px;font-family:var(--font-hand),cursive;font-size:19.5px;color:var(--diy-body);padding:3px 0}.diy-tick{width:17px;height:17px;flex:none}.diy-tick path{stroke:#7a9e6b;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.diy-opt{font-size:15.5px;color:var(--diy-muted)}.diy-steps{list-style:none;margin:34px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.diy-step{position:relative;padding-bottom:8px}.diy-s-art{position:relative;width:min(100%,340px);margin:0 auto;padding:20px 14px 8px;background:var(--diy-paper-note);border-radius:10px 14px 12px 16px;box-shadow:1px 3px 9px rgba(74,56,51,.08);transform:rotate(var(--artrot,1.2deg))}.diy-s-art .diy-tape{width:60px;height:19px}.diy-s-art .diy-tl{top:-9px;left:14px;transform:rotate(-38deg)}.diy-s-art .diy-tr{top:-9px;right:14px;transform:rotate(38deg);background:var(--diy-tape-peach)}.diy-s-art img,.diy-scene{display:block;width:100%;height:auto}.diy-s-row{display:flex;align-items:center;gap:13px;margin:16px 0 0}.diy-s-num{flex:none;width:46px;height:46px;position:relative}.diy-s-num svg{position:absolute;inset:0}.diy-s-num ellipse{fill:none;stroke:var(--diy-rose);stroke-width:2.6}.diy-s-num span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--diy-rose-deep);transform:rotate(-4deg)}.diy-s-num span,.diy-step h3{font-family:var(--font-hand),cursive;font-weight:600}.diy-step h3{font-size:27px;line-height:1.05;margin:0;color:var(--diy-ink);transform:rotate(-.5deg)}.diy-step>p{margin:8px 0 0 59px;color:var(--diy-body);max-width:46ch;font-size:14.5px}.diy-s-div{display:block;margin:18px auto 6px}.diy-s-div path{stroke:rgba(167,122,96,.5);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-dasharray:1 9}.diy-outro{margin-top:44px;text-align:center;position:relative}.diy-big{font-family:var(--font-hand),cursive;font-weight:600;font-size:30px;color:var(--diy-rose);margin:0;transform:rotate(-1.6deg)}.diy-outro h2{font-family:var(--font-display),Georgia,serif;font-weight:400;font-size:26px;margin:6px 0 10px;color:var(--diy-ink);text-wrap:balance}.diy-outro>p{color:var(--diy-body);max-width:44ch;margin:0 auto;font-size:14.5px}.diy-tape-cta{display:inline-block;position:relative;margin-top:26px;padding:12px 34px 10px;background:rgba(196,114,127,.88);clip-path:polygon(1.5% 10%,98.5% 0,100% 90%,98% 100%,2% 94%,0 22%);font-family:var(--font-hand),cursive;font-weight:600;font-size:24px;color:#fff8f0;text-decoration:none;transform:rotate(-1.4deg);box-shadow:0 3px 8px rgba(158,79,92,.28);transition:transform .25s cubic-bezier(.34,1.4,.5,1)}.diy-tape-cta:hover{transform:rotate(0deg) scale(1.04)}.diy-links{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:20px;font-family:var(--font-hand),cursive;font-size:21px}.diy-links a{color:var(--diy-body);-webkit-text-decoration:underline wavy var(--diy-rose) 1.5px;text-decoration:underline wavy var(--diy-rose) 1.5px;text-underline-offset:5px}.diy-links a:hover{color:var(--diy-rose-deep)}.diy-fine{font-family:var(--font-hand),cursive;font-size:17px;color:var(--diy-muted);margin-top:18px}.diy-bottom-back{text-align:center;margin-top:30px}.diy-footer{margin-top:26px;padding:20px;text-align:center;font-family:var(--font-hand),cursive;font-size:17px;color:var(--diy-muted)}.diy-scene .diy-stroke{stroke:#6b5546;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.diy-scene .diy-thin{stroke-width:2}.diy-scene text{font-family:var(--font-hand),cursive}@keyframes diyWiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}@keyframes diyDrip{0%{stroke-dashoffset:48;opacity:0}18%{opacity:1}82%{opacity:1}to{stroke-dashoffset:-48;opacity:0}}@keyframes diyFall{0%{transform:translateY(-10px);opacity:0}20%{opacity:1}85%{opacity:1}to{transform:translateY(26px);opacity:0}}@keyframes diyBob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes diySway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.diy-anim-wiggle{animation:diyWiggle 1.1s ease-in-out infinite}.diy-anim-drip{stroke-dasharray:48;animation:diyDrip 2.6s ease-in-out infinite}.diy-anim-fall-a{animation:diyFall 2.8s ease-in infinite}.diy-anim-fall-b{animation:diyFall 2.8s ease-in 1.1s infinite}.diy-anim-bob{animation:diyBob 2.2s ease-in-out infinite}.diy-anim-sway{animation:diySway 2.6s ease-in-out infinite}.diy-anim-tw-a{animation:diyTwinkle 2.1s ease-in-out infinite}.diy-anim-tw-b{animation:diyTwinkle 2.1s ease-in-out .8s infinite}@media (prefers-reduced-motion:reduce){.diy-root *,.diy-root :after,.diy-root :before{animation:none!important}.diy-landing .diy-land,.diy-w-cta,.diy-w-in{opacity:1!important}.diy-ring path{stroke-dashoffset:0!important}.diy-reveal{opacity:1;transform:none;transition:none}}@media (min-width:560px){.diy-scatter{grid-template-columns:1fr 1fr 1fr}.diy-p-name{font-size:22px}}