.kd-page{--cocoa: #43271a;--cream: #fff5e2;--icing: #fffaf2;--berry: #ff5d96;--berry-dk: #e23c79;--caramel: #e0913f;--caramel-dk: #b5652a;--mint: #4fcf9a;--grape: #8b6bff;--lemon: #ffcb3c;--cherry: #ff5a5f;--grass: #cdeeb6;--display: "Baloo 2", "Noto Sans TC Variable", sans-serif;color:var(--cocoa);position:relative;background-color:#fdeecf;background-image:radial-gradient(circle at 18% 12%,rgba(255,93,150,.1) 0 2px,transparent 3px),radial-gradient(circle at 82% 30%,rgba(139,107,255,.1) 0 2px,transparent 3px),radial-gradient(circle at 60% 8%,rgba(79,207,154,.1) 0 2px,transparent 3px),linear-gradient(180deg,#cdeeb600 52%,#b8e69e8c),linear-gradient(180deg,#ffe3ef,#ffeede 24%,#fff5e2 52%,#f3f7d8);background-attachment:fixed,fixed,fixed,scroll,scroll;overflow-x:hidden}.kd-scenery{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.kd-scenery>*{position:absolute}.kd-cloud{width:120px;height:42px;background:#fff;border-radius:999px;opacity:.55;box-shadow:34px 6px 0 -6px #fff,-32px 8px 0 -8px #fff,10px -14px 0 -10px #fff}.kd-lolli{width:56px;height:56px;border-radius:50%;opacity:.5;background:conic-gradient(from 0deg,#ff9ec0 0 25%,#ffd6e6 0 50%,#ff9ec0 0 75%,#ffd6e6 0)}.kd-lolli:after{content:"";position:absolute;left:50%;top:100%;width:7px;height:60px;transform:translate(-50%);border-radius:4px;background:repeating-linear-gradient(45deg,#fff 0 6px,#ff8fb6 6px 12px)}.kd-hill{height:160px;border-radius:50% 50% 0 0/100% 100% 0 0;opacity:.45}.kd-far-house{width:64px;height:70px;opacity:.28}.kd-far-house .b{position:absolute;bottom:0;left:6px;right:6px;height:42px;border-radius:6px 6px 0 0;background:#e7a85f}.kd-far-house .r{position:absolute;top:0;left:0;right:0;height:34px;clip-path:polygon(50% 0,100% 100%,0 100%)}.kd-display{font-family:var(--display);font-weight:800;letter-spacing:.01em}.kd-head-cjk{font-family:var(--display);font-weight:700;letter-spacing:.01em}.kd-map{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:0 clamp(14px,5vw,26px)}.kd-path-layer{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}.kd-path-layer svg{width:100%;height:100%;display:block}.kd-stop{position:relative;z-index:1;width:100%;max-width:420px;margin-block:clamp(34px,7vw,60px)}.kd-stop:first-child{margin-top:0}.kd-stop:last-child{margin-bottom:0}.kd-stop--l{margin-right:auto;margin-left:0}.kd-stop--r{margin-left:auto;margin-right:0}.kd-stop--c{margin-inline:auto}.kd-stop--sm{max-width:340px}.kd-stop--wide{max-width:560px}.kd-tilt-l{--kd-rot: -2.2deg}.kd-tilt-r{--kd-rot: 2.2deg}.kd-tilt-0{--kd-rot: 0deg}.kd-stop{transform:rotate(var(--kd-rot, 0deg))}.kd-house{position:relative;padding-top:30px;filter:drop-shadow(0 10px 0 rgba(67,39,26,.16)) drop-shadow(0 18px 26px rgba(67,39,26,.16))}.kd-roof{position:relative;height:46px;margin:0 -6px -2px;z-index:3}.kd-roof-wrap{position:relative;width:100%;height:46px;filter:drop-shadow(0 3px 0 rgba(67,39,26,.12))}.kd-roof-svg{display:block;width:100%;height:100%}.kd-gum{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;border:1.5px solid var(--cocoa);box-shadow:inset 0 -1px #0000001f,inset 1px 1px #ffffff8c;z-index:2}.kd-roof--scallop .kd-roof-wrap,.kd-roof--scallop .kd-roof-svg{height:42px}.kd-roof:after{content:"";position:absolute;left:6px;right:6px;bottom:-7px;height:13px;z-index:4;background:radial-gradient(8px 12px at 8px 0,var(--icing) 0 7px,transparent 8px) repeat-x;background-size:18px 13px;filter:drop-shadow(0 2px 0 rgba(67,39,26,.12))}.kd-roof--scallop,.kd-roof--scallop .kd-roof-svg{height:42px}.kd-chimney{position:absolute;top:-6px;right:16%;z-index:2;width:16px;height:30px;border:3px solid var(--cocoa);border-bottom:none;border-radius:4px 4px 0 0;background:var(--caramel)}.kd-chimney:before{content:"";position:absolute;left:50%;top:-9px;width:14px;height:14px;transform:translate(-50%);border-radius:50%;background:var(--cherry);border:2px solid var(--cocoa)}.kd-house-body{position:relative;z-index:2;background:var(--icing);background-image:linear-gradient(180deg,#fffdf8,#fff3e1);border:3px solid var(--cocoa);border-radius:.5rem .5rem 1.4rem 1.4rem;padding:clamp(18px,4.5vw,24px);padding-top:clamp(16px,4vw,20px);padding-bottom:clamp(26px,5vw,32px);box-shadow:inset 5px 0 0 -2px #ffffffe6,inset -5px 0 0 -2px #ffffffe6,inset 8px 0 0 -7px var(--roof, var(--berry)),inset -8px 0 0 -7px var(--roof, var(--berry))}.kd-house-body:before{content:"";position:absolute;top:12px;right:14px;width:18px;height:18px;border:2.5px solid var(--cocoa);border-radius:3px;background:linear-gradient(#fff7,#fff7),var(--roof, var(--berry));background-blend-mode:overlay;box-shadow:inset 0 -1px 0 0 var(--cocoa),inset -1px 0 0 0 var(--cocoa)}.kd-house-body:after{content:"";position:absolute;bottom:0;left:50%;width:26px;height:22px;transform:translate(-50%);border:2.5px solid var(--cocoa);border-bottom:none;border-radius:12px 12px 0 0;background:var(--roof, var(--berry));background-image:radial-gradient(circle at 78% 55%,var(--lemon) 0 2px,transparent 3px)}.kd-house-body--plain:before,.kd-house-body--plain:after{display:none}.kd-sign{display:inline-flex;align-items:center;gap:.35rem;border:2.5px solid var(--cocoa);border-radius:999px;padding:.28rem .78rem;font-family:var(--display);font-weight:700;font-size:.74rem;background:var(--lemon);box-shadow:0 4px #43271a33}.kd-num{position:absolute;top:-16px;left:-12px;z-index:5;display:grid;place-items:center;width:42px;height:42px;border:3px solid var(--cocoa);border-radius:999px;font-family:var(--display);font-weight:800;font-size:1.15rem;color:#fff;box-shadow:0 4px #43271a40}.kd-chip{display:inline-flex;align-items:center;gap:.35rem;border:2.5px solid var(--cocoa);border-radius:999px;padding:.32rem .82rem;font-family:var(--display);font-weight:700;box-shadow:0 4px #43271a2e}.kd-mark{background:var(--lemon);padding:0 .22em;border-radius:.4em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.kd-stroke{color:var(--icing);-webkit-text-stroke:3px var(--cocoa);paint-order:stroke fill;text-shadow:0 5px 0 rgba(67,39,26,.22)}.kd-frame{background:var(--icing);border:3px solid var(--cocoa);border-radius:1.6rem;box-shadow:0 8px #43271a2e,0 16px 30px #43271a29}.kd-frame-sm{border:3px solid var(--cocoa);border-radius:1.2rem;box-shadow:0 6px #43271a29}.kd-vs-before{border:2px solid rgba(67,39,26,.3);background:#f3e7d6;color:#9a6b4a;text-decoration:line-through;text-decoration-color:#e23c79b3}.kd-vs-after{border:2px solid var(--cocoa);color:#fff}.kd-meadow{background:linear-gradient(180deg,#cdeeb600,#cdeeb68c)}.kd-oven{background:radial-gradient(120% 90% at 50% -10%,#5a2f1c,#3a1d12 55%,#2a140c);color:var(--icing)}.kd-blob{border-radius:46% 54% 58% 42%/48% 44% 56% 52%;pointer-events:none}.kd-path-base{fill:none;stroke:#ffd9a0;stroke-width:16;stroke-linecap:round;filter:drop-shadow(0 4px 0 rgba(67,39,26,.12))}.kd-path-dash{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-dasharray:2 22}.kd-reveal{opacity:0;transform:translateY(38px) scale(.96) rotate(var(--kd-rot, 0deg));transition:opacity .6s ease,transform .7s cubic-bezier(.34,1.56,.64,1);will-change:opacity,transform}.kd-reveal.is-in{opacity:1;transform:translateY(0) scale(1) rotate(var(--kd-rot, 0deg))}.kd-rise{opacity:0;transform:translateY(22px);animation:kd-rise .7s cubic-bezier(.22,1,.36,1) forwards}@keyframes kd-rise{to{opacity:1;transform:translateY(0)}}.kd-pop{opacity:0;transform:scale(.8);animation:kd-pop .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes kd-pop{to{opacity:1;transform:scale(1)}}.kd-float{animation:kd-float 5.5s ease-in-out infinite}@keyframes kd-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.kd-bob{animation:kd-bob 4s ease-in-out infinite}@keyframes kd-bob{0%,to{transform:translateY(0) rotate(var(--kd-rot, 0deg))}50%{transform:translateY(-7px) rotate(var(--kd-rot, 0deg))}}.kd-wobble{animation:kd-wobble 3.2s ease-in-out infinite;transform-origin:50% 100%}@keyframes kd-wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.kd-spin-slow{animation:kd-spin 16s linear infinite}@keyframes kd-spin{to{transform:rotate(360deg)}}.kd-bounce-y{animation:kd-bounce-y 1.4s ease-in-out infinite}@keyframes kd-bounce-y{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(max-width:560px){.kd-stop{max-width:min(100%,420px);margin-inline:auto!important}.kd-stop--sm{max-width:min(100%,360px)}.kd-tilt-l{--kd-rot: -1.4deg}.kd-tilt-r{--kd-rot: 1.4deg}}@media(prefers-reduced-motion:reduce){.kd-reveal,.kd-rise,.kd-pop,.kd-float,.kd-bob,.kd-wobble,.kd-spin-slow,.kd-bounce-y{animation:none!important;opacity:1!important}.kd-reveal{transform:rotate(var(--kd-rot, 0deg))!important}}