@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#282b42;--cream:#fffbed;--pink:#ff627b;--sky:#bfe9f2;--yellow:#ffdc61;--lilac:#cec1f0;--line:2px solid var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans JP',sans-serif;overflow-x:clip}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #f14270;outline-offset:5px}button:disabled{opacity:.4;cursor:not-allowed}::selection{background:var(--pink);color:white}.progress{height:4px;background:var(--pink);position:fixed;top:0;left:0;width:0;z-index:100}.header{height:106px;padding:22px 4.5%;display:flex;align-items:center;gap:45px;position:absolute;top:0;left:0;width:100%;z-index:10}.logo{font-weight:900;font-size:37px;letter-spacing:-3px;line-height:1;white-space:nowrap;transform:rotate(-5deg);display:inline-block}.logo>span{color:var(--pink);font-size:1.2em;display:inline-block;transform:rotate(8deg)}.logo small{display:block;font-size:8px;letter-spacing:1.2px;margin-top:7px}.header nav{display:flex;gap:32px;margin-left:auto;font-size:12px;font-weight:800}.header nav a{position:relative}.header nav a:after{content:'';height:3px;background:var(--pink);position:absolute;bottom:-7px;left:0;width:0;transition:.25s}.header nav a:hover:after{width:100%}.pill{border:var(--line);background:var(--cream);border-radius:50px;padding:13px 24px;font-weight:800;font-size:13px;box-shadow:3px 3px 0 var(--ink);transition:.2s}.pill span{margin-left:15px}.pill:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.hero{position:relative;background:var(--sky);min-height:810px;height:min(960px,100svh);padding:164px 6% 80px;isolation:isolate;overflow:hidden}.hero-grid{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-2}.hero:after{content:'';position:absolute;width:750px;height:750px;border:1px solid #ffffff80;border-radius:50%;right:-90px;top:20px;z-index:-1}.hero-small{position:absolute;font-size:9px;letter-spacing:2px;top:136px;right:6%;font-weight:700}.hero-copy{position:relative;z-index:3;max-width:600px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:2px;margin:0 0 22px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--pink)}h1{font-size:clamp(52px,5.7vw,86px);font-weight:900;letter-spacing:-.065em;line-height:1.24;margin:0;transform:rotate(-3deg)}h1>span{display:block;opacity:0;animation:text-in .75s cubic-bezier(.16,1,.3,1) forwards}h1>span:nth-child(2){animation-delay:.12s}h1>span:nth-child(3){animation-delay:.24s}.headline-last{white-space:nowrap}h1 em{font-style:normal;color:var(--pink);text-shadow:3px 3px 0 var(--cream),-2px -2px 0 var(--cream);position:relative}.bang{display:inline-block;font-size:1.35em;line-height:.8;transform:rotate(12deg);margin-left:8px}.lead{font-size:14px;font-weight:600;line-height:2;letter-spacing:.05em;margin:29px 0 22px}.main-cta{border:var(--line);background:var(--pink);color:var(--ink);padding:20px 23px;box-shadow:5px 5px 0 var(--ink);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:18px;font-size:15px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;position:relative}.main-cta:hover{transform:translate(-2px,-3px) rotate(-1deg);box-shadow:8px 8px 0 var(--ink);background:#ff7890}.main-cta:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}.main-cta small{display:block;font-size:11px;letter-spacing:1px;margin-top:5px}.main-cta b{font-size:26px;line-height:1}.cta-icon{font-size:33px}.micro{font-size:10px;margin-top:17px;padding-left:12px;letter-spacing:.06em}.hero-stage{position:absolute;right:0;top:140px;width:53%;height:620px;z-index:2}.hero-character{position:absolute;background:transparent;padding:0;filter:drop-shadow(0 10px 0 #282b4212);opacity:0;animation:character-in 1s cubic-bezier(.16,1,.3,1) forwards;transform-origin:50% 90%}.hero-character img{width:100%;filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff);animation:bob 4s ease-in-out infinite}.hero-character .bubble{position:absolute;top:3%;left:13%;z-index:2;border:var(--line);background:white;border-radius:50%;padding:12px 20px;white-space:nowrap;font-size:18px;font-weight:900;transform:rotate(-10deg);box-shadow:3px 4px 0 var(--ink)}.char-dog{width:300px;left:2%;top:170px;z-index:4;animation-delay:.45s;--turn:-12deg}.char-dog img{animation-delay:-.7s}.char-girl{width:275px;right:3%;top:30px;animation-delay:.6s;--turn:12deg;z-index:3}.char-girl .bubble{top:0;left:18%;background:var(--yellow);font-size:16px}.char-girl img{animation-delay:-2s}.char-cat{width:235px;right:2%;top:320px;animation-delay:.75s;--turn:8deg;z-index:5}.char-cat .bubble{left:4%;font-size:16px;background:var(--lilac)}.char-cat img{animation-delay:-1.2s}.hero-character:hover img{animation:wiggle .5s ease-in-out infinite}.hero-character.clicked{animation:boing .65s ease-in-out!important;opacity:1}.price-burst{width:162px;height:162px;position:absolute;top:12px;left:5%;z-index:7;background:var(--yellow);clip-path:polygon(50% 0%,58% 9%,70% 3%,75% 16%,88% 12%,89% 26%,100% 30%,94% 43%,100% 50%,93% 59%,98% 72%,84% 77%,83% 89%,69% 88%,62% 100%,50% 93%,40% 100%,33% 88%,18% 91%,17% 77%,3% 73%,8% 60%,0 50%,7% 41%,1% 29%,15% 23%,14% 11%,29% 13%,35% 1%,44% 9%);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-12deg);animation:badge 5s ease-in-out infinite}.price-burst span{font-size:10px;font-weight:900}.price-burst strong{font-size:48px;letter-spacing:-3px;line-height:1.2}.price-burst strong small{font-size:23px;margin-right:4px}.price-burst span:last-child{font-size:8px}.orbit{position:absolute;border:1px dashed #282b4230;border-radius:50%;width:520px;height:420px;left:5%;top:110px;transform:rotate(-30deg)}.orbit-two{transform:rotate(40deg);width:440px;left:12%}.spark{position:absolute;font-size:72px;animation:spin 16s linear infinite;line-height:1}.s1{top:5%;right:45%;font-size:45px;color:var(--pink)}.s2{bottom:2%;left:25%;font-size:90px}.s3{top:42%;right:2%;color:#fff}.mini-note{position:absolute;left:2%;bottom:12px;transform:rotate(-10deg);font-weight:800;font-size:12px}.mini-note svg{width:65px;position:absolute;bottom:12px;left:65%;transform:rotate(-80deg);fill:none;stroke:var(--ink);stroke-width:2}.little-heart{position:absolute;color:var(--pink);font-size:35px;animation:bob 3s infinite}.heart-one{top:47%;right:33%;transform:rotate(20deg)}.heart-two{left:2%;top:28%;font-size:22px}.hero-footer{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px;font-weight:800}.hero-footer a{display:flex;align-items:center;gap:15px}.hero-footer a span{border:1px solid;border-radius:100%;display:grid;place-items:center;width:30px;height:30px;font-size:18px;animation:down 1.5s infinite}.outline-label{padding:8px;border:1px solid}.ticker{background:var(--ink);color:var(--cream);padding:15px 0;overflow:hidden;transform:rotate(-2deg);width:102%;margin:-15px -1% 0;position:relative;z-index:6;border-block:2px solid var(--ink)}.ticker div{display:flex;align-items:center;gap:32px;width:max-content;animation:marquee 32s linear infinite;font-size:25px;font-weight:900;letter-spacing:1px}.ticker span:nth-child(2n){color:var(--yellow)}.section-head{text-align:center;position:relative;z-index:3}.index{font-size:10px;letter-spacing:2px;font-weight:800;display:block;margin-bottom:23px}h2{font-size:clamp(34px,4vw,55px);font-weight:900;line-height:1.45;letter-spacing:-.055em;margin:0 0 22px}h2 em{font-style:normal;position:relative;z-index:0}h2 em:after{content:'';position:absolute;left:0;right:-5px;height:16px;background:var(--yellow);bottom:0;z-index:-1;transform:rotate(-3deg)}.section-head p,.styles-heading p{font-size:13px;line-height:2.2}.play-section{padding:110px 6% 30px;overflow:hidden}.message-scene{height:655px;max-width:1040px;margin:40px auto 0;position:relative;display:flex;justify-content:center;align-items:center}.scene-dots{position:absolute;width:560px;height:560px;border-radius:50%;background-color:#f5e3e1;background-image:radial-gradient(#fffbed 2px,transparent 2px);background-size:12px 12px}.phone{width:286px;height:506px;background:#d0e5ec;border:5px solid var(--ink);border-radius:36px;position:relative;z-index:2;overflow:hidden;transform:rotate(-5deg);box-shadow:12px 15px 0 #282b4212}.phone:before{content:'';width:65px;height:7px;background:var(--ink);border-radius:0 0 6px 6px;position:absolute;top:0;left:calc(50% - 32px)}.phone-top{padding:32px 18px 14px;display:flex;justify-content:space-between;border-bottom:1px solid #282b4220;font-size:12px}.phone-top span{font-size:18px}.chat-date{text-align:center;margin:18px auto;font-size:8px;background:#282b4220;width:60px;padding:4px;border-radius:10px}.chat-line{display:flex;gap:8px;align-items:flex-start;margin:15px 12px}.avatar{background:var(--cream);border:1px solid var(--ink);font-size:12px;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.chat-line p{font-size:10px;background:white;border-radius:0 12px 12px;margin:2px 0;padding:10px}.outgoing{flex-direction:row-reverse;align-items:flex-end}.chat-sticker{width:135px;position:relative}.chat-sticker strong{display:block;font-size:14px;transform:rotate(-8deg);text-align:center}.chat-sticker img{height:146px;margin:0 auto}.outgoing small{font-size:7px;color:#5a7080}.phone-bottom{position:absolute;bottom:0;height:44px;background:#fff;display:flex;align-items:center;gap:10px;padding:10px;width:100%}.phone-bottom span:nth-child(2){background:#f2f2f2;flex:1;border-radius:14px;font-size:9px;color:#828282;padding:6px}.flying-sticker{position:absolute;width:195px;z-index:3;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity 1s;filter:drop-shadow(0 6px 0 #282b4210);opacity:0;transform:translateY(90px) rotate(0)}.flying-sticker strong{font-size:24px;position:absolute;white-space:nowrap;z-index:2;top:0;left:12%;font-weight:900;text-shadow:2px 2px #fff,-2px -2px #fff}.fly-a{left:2%;top:110px;--rotate:-15deg}.fly-b{right:2%;top:20px;--rotate:15deg;transition-delay:.12s}.fly-c{right:5%;bottom:20px;--rotate:-9deg;transition-delay:.24s;width:210px}.scene-caption{position:absolute;top:15px;left:0;transform:rotate(-10deg);font-weight:700;font-size:12px}.scene-star{position:absolute;font-size:100px;color:var(--pink)}.star-left{bottom:40px;left:15%;animation:spin 30s linear infinite}.star-right{top:245px;right:20%;font-size:65px;color:#eec342}.message-scene.visible .flying-sticker{opacity:1;transform:translateY(0) rotate(var(--rotate))}.chat-reveal{opacity:0;transform:translateY(18px);transition:.6s .35s}.message-scene.visible .chat-reveal{opacity:1;transform:none}.message-scene.visible .chat-reveal:nth-last-child(2){transition-delay:.8s}.styles-section{padding:90px 6% 85px;background:#eee6fc;position:relative;border-block:var(--line)}.styles-heading{display:flex;align-items:center;gap:60px;position:relative;max-width:1200px;margin:auto}.styles-heading h2{margin-bottom:0}.styles-heading p{margin-left:30px}.round-note{width:112px;height:112px;border:var(--line);border-radius:50%;display:grid;align-content:center;text-align:center;line-height:1.6;transform:rotate(13deg);background:var(--yellow);font-size:14px;font-weight:800;margin-left:auto;box-shadow:4px 4px 0 var(--ink)}.style-tabs{display:flex;justify-content:center;gap:12px;margin:42px 0 28px}.style-tabs button{background:transparent;border:1.5px solid var(--ink);border-radius:50px;padding:12px 35px;font-size:13px;font-weight:800;transition:.25s}.style-tabs button[aria-selected=true]{background:var(--ink);color:#fff;transform:rotate(-3deg)}.style-tabs button:hover{transform:translateY(-3px)}.sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1200px;margin:auto}.sample{aspect-ratio:3/4;position:relative;border:var(--line);border-radius:125px 125px 18px 18px;overflow:hidden;padding:40px 12px 12px;isolation:isolate;transition:background .4s,transform .4s}.sample:nth-child(2){transition-delay:.08s}.sample:nth-child(3){transition-delay:.16s}.sample:nth-child(4){transition-delay:.24s}.sample img{width:100%;height:80%;object-fit:contain;position:absolute;bottom:0;left:0;transition:transform .5s,filter .5s}.sample:hover img{transform:translateY(-10px) rotate(6deg)}.sample strong{font-size:clamp(16px,1.7vw,24px);font-weight:900;display:block;text-align:center;transform:rotate(-8deg);position:relative;z-index:2;white-space:nowrap}.sample-no{position:absolute;top:13px;left:16px;font-size:9px;letter-spacing:1px}.sample-tag{position:absolute;bottom:12px;right:13px;font-size:8px;letter-spacing:1px;z-index:2;background:var(--cream);padding:4px 8px;border:1px solid;border-radius:20px}.tile-yellow{background:#ffdf83}.tile-pink{background:#ffc2d0}.tile-blue{background:#bce5ec}.tile-lilac{background:#c8bae9}.sample-grid[data-look=soft] .sample{background:#fff9f1}.sample-grid[data-look=soft] img{filter:saturate(.48) contrast(.8);transform:scale(.94)}.sample-grid[data-look=comic] .sample{background-color:white;background-image:radial-gradient(#282b4220 1px,transparent 1px);background-size:8px 8px}.sample-grid[data-look=comic] img{filter:grayscale(1) contrast(1.3)}.gallery-caption{text-align:center;font-size:12px;margin-top:25px}.sample-footnote{text-align:center;font-size:9px;opacity:.7}.how-section{padding:110px 6%}.steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:45px auto 0;gap:55px}.step{position:relative;text-align:center}.step-number{position:absolute;top:0;left:0;font-size:42px;font-weight:900;z-index:2;color:var(--pink);font-style:italic}.step-art{height:225px;position:relative;display:flex;align-items:center;justify-content:center}.step h3{font-size:20px;margin:15px 0}.step p{font-size:12px;line-height:2}.photo-frame{height:186px;width:156px;border:var(--line);background:#bce5ec;border-bottom-width:32px;transform:rotate(-10deg);position:relative;box-shadow:8px 8px #282b4210;transition:.4s}.photo-frame img{height:150px;margin:auto}.photo-frame span{position:absolute;bottom:-23px;color:white;left:12px;font-size:9px;font-weight:700;letter-spacing:1px}.step:hover .photo-frame{transform:rotate(4deg)}.small-spark{position:absolute;font-size:55px;color:#e9b725;right:22px;top:0}.art-words{flex-direction:column;gap:7px;transform:rotate(-7deg)}.art-words span{border:var(--line);border-radius:10px;padding:9px 24px;background:var(--sky);font-weight:800;font-size:16px;box-shadow:3px 3px var(--ink)}.art-words span:nth-child(2){background:var(--yellow);margin-left:38px;transform:rotate(10deg)}.art-words span:nth-child(3){background:#ffc1cd;margin-right:30px}.art-words i{position:absolute;right:5px;bottom:10px;font-size:45px;font-style:normal}.art-present img{height:205px;transform:rotate(9deg)}.art-present span{position:absolute;right:5%;top:10px;transform:rotate(12deg);border:var(--line);padding:7px 16px;background:#fff;border-radius:30px;font-weight:800}.price-section{background:var(--pink);padding:80px 8%;display:flex;gap:10%;justify-content:center;align-items:center;border-block:var(--line);position:relative;overflow:hidden}.price-section:before{content:'✳';font-size:500px;position:absolute;right:-200px;top:-180px;opacity:.08}.price-copy{max-width:510px}.price-copy h2{font-size:42px}.price-copy p{font-size:12px;line-height:2}.price-copy ul{list-style:none;padding:0;margin-top:24px}.price-copy li{font-size:12px;font-weight:700;line-height:2.3}.price-copy li:before{content:'✓';margin-right:12px;border:1px solid;border-radius:50%;padding:0 4px;background:var(--cream)}.price-ticket{background:var(--cream);border:var(--line);box-shadow:9px 9px 0 var(--ink);border-radius:12px;position:relative;padding:30px 28px;width:360px;flex-shrink:0;transform:rotate(3deg);text-align:center}.ticket-kicker{font-size:8px;letter-spacing:2px;display:block;border-bottom:1px dashed;padding-bottom:20px}.price-ticket>p{font-size:12px;margin:20px 0 0}.price-ticket>p b{display:block;font-size:17px;margin:4px}.big-price{font-size:94px;line-height:1.3;letter-spacing:-6px;font-weight:900}.big-price>span{font-size:40px;margin-right:10px}.price-ticket .main-cta{font-size:13px;padding:17px 12px;background:var(--yellow)}.price-ticket .ticket-note{font-size:9px;line-height:1.8;text-align:left;margin-top:18px}.ticket-star{position:absolute;top:-35px;right:-20px;font-size:76px;color:var(--yellow);-webkit-text-stroke:2px var(--ink)}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding:100px 9% 75px;max-width:1450px;margin:auto}.faq-section h2{font-size:38px}.faq-dog{height:175px;transform:rotate(-12deg);margin-left:30px}.faq-list details{border-bottom:1.5px solid var(--ink)}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-size:14px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:before{content:'Q';font-size:18px;color:var(--pink)}.faq-list summary span{margin-left:auto;font-size:23px;transition:.25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:2;padding:0 20px 20px 36px;margin:0;animation:text-in .35s}.last-section{position:relative;text-align:center;padding:90px 5% 240px;background:var(--yellow);overflow:hidden;border-top:var(--line)}.last-section h2{font-size:48px;position:relative;z-index:2}.last-section h2 em:after{background:#ff9cac}.last-section>.main-cta{margin:30px auto 0;position:relative;z-index:4}.last-parade{position:absolute;bottom:-50px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.last-parade img{height:220px;animation:bob 4s ease-in-out infinite}.last-parade img:nth-child(2){height:190px;animation-delay:-1s}.last-parade img:nth-child(3){height:200px;animation-delay:-2s}.last-parade img:nth-child(4){animation-delay:-3s}footer{padding:38px 5%;display:flex;align-items:center;gap:30px;background:var(--ink);color:var(--cream);flex-wrap:wrap}footer .logo{font-size:29px}footer p{font-size:10px}footer small{font-size:8px;margin-left:auto;letter-spacing:1px}#motion-toggle{background:transparent;color:var(--cream);border:1px solid #ffffff50;border-radius:20px;padding:7px 12px;font-size:9px}.mobile-order{display:none}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s,transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.price-ticket.reveal.visible{transform:rotate(3deg)}dialog{border:var(--line);border-radius:20px;width:min(620px,calc(100% - 30px));max-height:90svh;padding:34px;background:var(--cream);color:var(--ink);box-shadow:10px 10px 0 #282b4240}dialog::backdrop{background:#282b42bb;backdrop-filter:blur(6px)}dialog[open]{animation:modal-in .35s cubic-bezier(.16,1,.3,1)}.close-modal{position:absolute;right:15px;top:15px;border:1.5px solid;border-radius:50%;background:white;font-size:24px;width:35px;height:35px;line-height:1}.order-head h2{font-size:29px;line-height:1.4;margin:0}.order-head .index{margin-bottom:10px;font-size:8px}.order-head>p{font-size:12px;font-weight:800}.wizard-progress{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin:22px 0}.wizard-progress span{border-bottom:3px solid #ddd;padding:8px;flex:1;text-align:center}.wizard-progress .active{border-color:var(--pink);font-weight:800}.wizard-panel[hidden]{display:none}.upload-zone{border:2px dashed #9ba8b2;background:#eef7f5;min-height:150px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:16px;cursor:pointer}.upload-icon{font-size:25px}.upload-zone>strong{font-size:13px}.upload-zone>span:last-of-type{font-size:9px}.upload-zone img{max-height:180px;border-radius:8px;object-fit:contain}.upload-zone:has(img:not([hidden]))>.upload-icon{display:none}fieldset{border:0;padding:0;margin:22px 0}legend{font-weight:800;font-size:13px;margin-bottom:12px}.order-styles{display:flex;gap:10px}.order-styles label{flex:1;position:relative;background:#eee7fa;border:2px solid transparent;border-radius:12px;padding:8px;text-align:center;cursor:pointer}.order-styles label:has(input:checked){border-color:var(--ink);background:#ffe69e;box-shadow:3px 3px var(--ink)}.order-styles input{position:absolute;top:7px;left:7px;accent-color:var(--pink)}.order-styles img{height:85px;margin:auto}.order-styles span{font-size:11px;font-weight:700}.wizard-panel .main-cta{width:100%;font-size:13px;padding:16px}.sample-start,.back-step{display:block;background:transparent;margin:17px auto 0;font-size:11px;text-decoration:underline}.wizard-panel h3{font-size:18px}.phrase-count{font-size:12px}.phrase-count b{color:#e33b62;font-size:23px}#phrase-options{display:flex;flex-wrap:wrap;gap:9px}.phrase-option{position:relative;display:flex;align-items:center;gap:5px;background:#eee7fa;border:1.5px solid transparent;padding:10px 13px;border-radius:25px;font-size:12px;cursor:pointer}.phrase-option:has(input:checked){border-color:var(--ink);background:var(--yellow)}.phrase-option input{accent-color:var(--ink);width:14px;height:14px}.custom-label{display:block;font-size:11px;margin:22px 0 9px}.custom-row{display:flex;gap:8px}.custom-row input{width:100%;min-width:0;border:1.5px solid var(--ink);padding:10px;border-radius:7px;font-size:12px;background:white}.custom-row button{flex-shrink:0;border:var(--line);border-radius:7px;background:var(--sky);font-size:12px;font-weight:800;padding:8px 13px}#upload-status,#phrase-status,#save-status{font-size:11px;min-height:14px;color:#b72547}.order-summary{display:flex;gap:20px;align-items:center;border-block:1px dashed;padding:15px 0;margin:20px 0}.order-summary img{width:95px;height:105px;object-fit:contain;background:#f1e8fb;border-radius:8px}.order-summary p{font-size:12px}.order-summary strong{font-size:20px}#summary-phrases{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}#summary-phrases span{padding:11px;background:#dceef1;border-radius:7px;font-size:12px;text-align:center}.preview-notice{font-size:11px;line-height:1.8;margin:20px 0;color:#626477}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:var(--ink);color:#fff;border-radius:30px;padding:13px 22px;z-index:30;font-size:13px;transition:.25s;white-space:nowrap}.toast.show{transform:translate(-50%,0);opacity:1}.particle{position:fixed;pointer-events:none;z-index:100;font-size:25px;animation:particle .9s ease-out forwards}
@keyframes text-in{from{opacity:0;transform:translateY(45px) rotate(3deg)}to{opacity:1;transform:none}}@keyframes character-in{from{opacity:0;transform:translate(60px,180px) scale(.4) rotate(30deg)}to{opacity:1;transform:rotate(var(--turn))}}@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes wiggle{0%,100%{transform:rotate(-5deg) translateY(-5px)}50%{transform:rotate(5deg) translateY(-13px)}}@keyframes boing{0%,100%{transform:rotate(var(--turn)) scale(1)}25%{transform:rotate(var(--turn)) scale(.87,1.1) translateY(-40px)}60%{transform:rotate(var(--turn)) scale(1.13,.9)}}@keyframes badge{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(-4deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes down{50%{transform:translateY(5px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes modal-in{from{opacity:0;transform:translateY(35px) scale(.96)}to{opacity:1;transform:none}}@keyframes particle{to{transform:translate(var(--dx),var(--dy)) rotate(130deg) scale(.3);opacity:0}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}body.motion-paused .hero-character,body.motion-paused h1>span{opacity:1}body.motion-paused .reveal{opacity:1;transform:none}
@media(min-width:1500px){.hero{padding-left:calc((100vw - 1300px)/2)}.hero-stage{right:calc((100vw - 1400px)/2);width:650px}.char-dog{width:340px}.char-cat{width:270px}.char-girl{width:310px}}
@media(max-width:1050px){.header{gap:25px}.header nav{gap:18px}.hero{padding-left:5%;min-height:760px}.hero-stage{width:52%;top:140px}.char-dog{width:250px;left:-8%;top:210px}.char-girl{width:235px;right:-4%;top:35px}.char-cat{width:205px;top:360px;right:-4%}.price-burst{left:0;width:140px;height:140px}.price-burst strong{font-size:42px}.hero-character .bubble{font-size:14px}.hero-small{font-size:8px;right:4%}.hero h1{font-size:61px}.orbit{width:390px}.lead{font-size:12px}.styles-heading{gap:15px}.styles-heading p{margin-left:10px}.steps{gap:25px}.price-section{gap:5%;padding-inline:5%}.price-copy h2{font-size:36px}.faq-section{gap:40px;padding-inline:6%}.fly-a{left:0}.fly-b{right:0}.fly-c{right:0}.message-scene{max-width:900px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:80px;padding:17px 5%;gap:10px}.header .logo{font-size:29px}.logo small{font-size:6px}.header nav{display:none}.header-cta{margin-left:auto;font-size:10px;padding:10px 14px;box-shadow:2px 2px}.header-cta span{margin-left:8px}.hero{height:auto;min-height:1020px;padding:114px 6% 70px}.hero-small{display:none}.hero-copy{max-width:100%}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:16px}h1,.hero h1{font-size:clamp(47px,12.3vw,72px);line-height:1.22;position:relative;z-index:4;max-width:450px}.hero h1>span:nth-child(2){margin-left:4px}.lead{font-size:12px;line-height:1.9;margin-top:22px}.hero-copy>.main-cta{position:absolute;top:716px;left:0;right:0;font-size:13px;padding:18px 12px;gap:14px;max-width:370px;margin:auto}.micro{position:absolute;top:800px;text-align:center;left:0;right:0;padding:0;font-size:9px}.hero-stage{top:417px;right:0;width:100%;height:385px}.char-dog{width:205px;left:0;top:62px}.char-girl{width:185px;right:-1%;top:-30px}.char-cat{width:163px;right:5%;top:174px}.hero-character .bubble{padding:8px 13px;font-size:12px}.char-girl .bubble{font-size:11px;top:-2%}.char-cat .bubble{font-size:11px}.price-burst{width:116px;height:116px;left:9%;top:-49px}.price-burst strong{font-size:35px}.price-burst strong small{font-size:18px}.price-burst span{font-size:8px}.price-burst span:last-child{font-size:6px}.orbit{width:330px;height:290px;left:7%;top:40px}.orbit-two{width:290px;left:13%}.s1{right:37%;top:8%;font-size:30px}.s2{left:18%;bottom:-2%;font-size:54px}.s3{right:1%;top:40%;font-size:45px}.heart-one{right:32%;top:47%;font-size:27px}.heart-two{left:4%;top:4%}.mini-note{font-size:9px;left:8%;bottom:7px}.hero-footer{bottom:34px;font-size:7px;letter-spacing:.6px}.outline-label{display:none}.hero-footer a span{width:25px;height:25px}.ticker{padding:11px 0;transform:rotate(-3deg)}.ticker div{font-size:19px;gap:24px}.play-section{padding:75px 5% 15px}.index{font-size:8px;letter-spacing:1.5px;margin-bottom:17px}h2{font-size:32px;line-height:1.45}.section-head p,.styles-heading p{font-size:11px;line-height:2}.message-scene{height:590px;margin-top:20px;max-width:420px}.phone{width:235px;height:435px;border-width:4px;margin-top:-5px}.phone-top{padding-top:25px}.chat-line{margin:12px 9px;gap:5px}.chat-line p{font-size:8px;padding:8px}.chat-sticker{width:118px}.chat-sticker img{height:122px}.chat-sticker strong{font-size:12px}.scene-dots{width:360px;height:360px}.flying-sticker{width:115px}.flying-sticker strong{font-size:15px}.fly-a{left:-19px;top:110px;z-index:3}.fly-b{right:-16px;top:25px}.fly-c{right:-13px;bottom:12px;width:155px}.scene-caption{font-size:9px;top:0;left:0}.star-left{left:6%;font-size:65px;bottom:30px}.star-right{right:-1%;top:270px;font-size:45px}.styles-section{padding:65px 5% 45px}.styles-heading{display:block}.styles-heading h2{font-size:32px}.styles-heading p{margin:20px 0 0;font-size:11px}.round-note{position:absolute;right:0;top:15px;width:85px;height:85px;font-size:11px}.style-tabs{gap:8px;margin:25px 0 24px}.style-tabs button{padding:10px 22px;font-size:11px}.sample-grid{grid-template-columns:1fr 1fr;gap:14px}.sample{padding-top:38px;aspect-ratio:3/4;border-radius:100px 100px 14px 14px}.sample strong{font-size:16px}.sample-no{font-size:7px;left:10px;top:10px}.sample-tag{font-size:6px;right:8px;bottom:8px}.gallery-caption{font-size:10px;line-height:1.8;padding-inline:10px}.sample-footnote{font-size:8px}.how-section{padding:70px 6%}.steps{display:block;margin-top:25px}.step{display:grid;grid-template-columns:44% 56%;text-align:left;padding:20px 0;gap:0;align-items:center;border-bottom:1px dashed #282b4240}.step-number{font-size:28px;top:27px;left:0}.step-art{grid-row:1 / 3;height:170px}.step h3{font-size:16px;margin:35px 0 10px;padding-left:15px;align-self:end}.step p{font-size:10px;margin:0 0 25px;align-self:start;padding-left:15px}.photo-frame{width:105px;height:125px;border-bottom-width:24px}.photo-frame img{height:100px}.photo-frame span{font-size:6px;bottom:-17px;left:5px}.small-spark{font-size:32px;right:1px;top:20px}.art-words span{font-size:10px;padding:7px 10px}.art-words span:nth-child(2){margin-left:16px}.art-words span:nth-child(3){margin-right:8px}.art-words i{font-size:24px;right:0;bottom:6px}.art-present img{height:160px}.art-present span{font-size:10px;padding:6px 10px;top:8px}.price-section{padding:60px 7%;flex-direction:column;gap:40px}.price-copy{width:100%}.price-copy h2{font-size:33px}.price-ticket{width:min(100%,350px);padding:25px}.price-copy p,.price-copy li{font-size:11px}.price-ticket>p{font-size:10px}.price-ticket .ticket-note{font-size:9px}.big-price{font-size:88px}.faq-section{display:block;padding:65px 6%}.faq-section>.reveal{position:relative}.faq-section h2{font-size:31px;margin-bottom:30px}.faq-dog{height:120px;position:absolute;right:0;top:-2px}.faq-list summary{font-size:12px;padding:20px 0;gap:12px}.faq-list details p{font-size:11px;padding-left:28px}.last-section{padding:60px 5% 165px}.last-section h2{font-size:30px}.last-section>.main-cta{font-size:12px;padding:17px 18px;margin-top:25px}.last-parade{left:-7%;right:-7%;bottom:-28px}.last-parade img{height:140px;width:25%}.last-parade img:nth-child(2){height:125px}.last-parade img:nth-child(3){height:135px}footer{padding:30px 6% 105px;gap:20px}footer .logo{font-size:26px}footer p{font-size:8px}footer small{margin-left:0;font-size:7px}#motion-toggle{margin-left:auto;font-size:8px}.mobile-order{position:fixed;bottom:0;left:0;right:0;z-index:15;background:var(--cream);padding:11px 5% calc(11px + env(safe-area-inset-bottom));border-top:var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;transform:translateY(120%);transition:.3s}.mobile-order.visible{transform:none}.mobile-order>span{font-size:10px}.mobile-order b{font-size:22px;margin-left:5px}.mobile-order button{background:var(--pink);border:var(--line);border-radius:7px;padding:10px 18px;font-weight:800;font-size:12px}.toast{bottom:90px;font-size:11px;max-width:90%}dialog{padding:25px 20px;max-height:92svh}.order-head h2{font-size:26px}.wizard-progress{gap:4px;font-size:9px}.wizard-progress span{padding:8px 3px}.phrase-option{font-size:10px;padding:9px}.custom-row input{font-size:11px}.order-styles img{height:75px}.order-summary{gap:12px}.order-summary p{font-size:11px}.order-summary strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-character,h1>span,.reveal,.flying-sticker,.chat-reveal{opacity:1!important}.hero-character{transform:rotate(var(--turn))}.reveal,.chat-reveal{transform:none}.flying-sticker{transform:rotate(var(--rotate))}}
/* Keep decorative rotated bands inside the viewport; native hidden states win. */
html{overflow-x:clip}[hidden]{display:none!important}
@media(max-width:700px){.hero{min-height:1080px}.hero-stage{top:470px}.hero-copy>.main-cta{top:770px}.micro{top:862px}.char-dog{width:190px;left:4%}.char-girl{width:170px;right:3%}.char-cat{width:150px;right:8%}.price-burst{left:10%}}
@media(max-width:700px){.round-note{top:112px;width:77px;height:77px;font-size:10px}.styles-heading p{padding-right:80px}}
/* Portfolio revision: actual production stickers, never CSS recolors of a placeholder. */
.hero-character img{filter:drop-shadow(0 9px 4px #282b421c)}
.portfolio-label{position:absolute;top:-12px;left:20%;font-size:10px;letter-spacing:1px;background:var(--cream);border:1.5px solid var(--ink);padding:6px 14px;border-radius:30px;transform:rotate(8deg);z-index:3;font-weight:800}
.char-dog{width:350px;top:190px;left:-2%;--turn:-8deg}.char-girl{width:275px;top:18px;right:4%;--turn:9deg}.char-cat{width:240px;right:3%;top:325px;--turn:7deg}
.portfolio-grid{gap:20px}.portfolio-grid .sample{aspect-ratio:auto;border-radius:18px;padding:0;overflow:hidden;display:flex;flex-direction:column}.portfolio-open{position:relative;width:100%;height:275px;background:transparent;display:block;padding:15px;overflow:hidden}.portfolio-grid .sample img{position:static;width:100%;height:100%;object-fit:contain;filter:none;transition:transform .35s}.portfolio-grid .sample:hover img{transform:scale(1.045) rotate(2deg)}.portfolio-grid .sample-no{z-index:2;left:11px;top:10px;font-size:8px;opacity:.6}.zoom-hint{position:absolute;bottom:9px;right:10px;font-size:9px;font-weight:700;background:#fffbeddd;padding:5px 10px;border:1px solid #282b4240;border-radius:30px;opacity:0;transition:.2s}.portfolio-open:hover .zoom-hint,.portfolio-open:focus-visible .zoom-hint{opacity:1}.sample-info{background:var(--cream);border-top:1.5px solid var(--ink);padding:14px 16px 15px;text-align:left;flex:1}.sample-info small{font-size:8px;letter-spacing:1px;border:1px solid #282b4250;border-radius:3px;padding:2px 5px}.sample-info h3{font-size:12px;line-height:1.6;margin:8px 0 4px;letter-spacing:-.02em}.sample-info p{font-size:9px;margin:0;color:#737382}.styles-heading h2{font-size:46px}.round-note{font-size:12px}.last-parade img{object-fit:contain}.art-present img{object-fit:contain}.faq-dog{height:190px;object-fit:contain}.photo-frame img{object-fit:contain}
#art-dialog{width:min(880px,calc(100% - 32px));padding:0;border-radius:20px;background:var(--cream);overflow:auto}#art-dialog[open]{display:grid;grid-template-columns:1.2fr 1fr}.close-art{position:absolute;right:15px;top:15px;z-index:2;width:34px;height:34px;border:1.5px solid var(--ink);border-radius:50%;background:var(--cream);font-size:24px;line-height:1}.art-stage{min-height:480px;padding:35px 25px;background:#dcebf1;display:flex;align-items:center;justify-content:center}.art-stage img{max-height:65svh;max-width:100%;object-fit:contain}.art-detail{padding:60px 30px;display:flex;flex-direction:column;justify-content:center}.art-detail h2{font-size:24px;line-height:1.5;letter-spacing:0}.art-detail p{font-size:12px;line-height:1.8}.art-detail .index{font-size:8px}.art-detail .main-cta{font-size:12px;margin-top:22px;padding:16px 14px}
@media(max-width:1050px) and (min-width:701px){.char-dog{width:280px;left:-7%;top:235px}.char-girl{width:225px;right:0;top:50px}.char-cat{width:195px;right:0;top:385px}.portfolio-open{height:225px}.styles-heading h2{font-size:36px}}
@media(max-width:700px){.char-dog{width:225px;left:-1%;top:98px}.char-girl{width:180px;right:3%;top:-5px}.char-cat{width:156px;right:5%;top:200px}.portfolio-label{font-size:7px;padding:4px 8px;top:-5px}.portfolio-grid{gap:12px}.portfolio-open{height:195px;padding:18px 6px 8px}.sample-info{padding:11px 9px 12px}.sample-info h3{font-size:10px}.sample-info p{font-size:8px}.sample-info small{font-size:7px}.zoom-hint{opacity:1;font-size:7px;bottom:5px;padding:3px 7px}.styles-heading h2{font-size:30px}.styles-heading p{padding-right:80px;font-size:10px}.round-note{top:112px;font-size:9px}.style-tabs{gap:7px}.style-tabs button{font-size:10px;padding:10px 13px}.faq-dog{height:115px}#art-dialog[open]{display:block}.art-stage{min-height:0;height:46svh;padding:32px 18px 15px}.art-stage img{max-height:100%}.art-detail{padding:22px}.art-detail .index{margin-bottom:8px}.art-detail h2{font-size:19px;margin-bottom:5px}.art-detail p{font-size:11px;margin:4px 0}.art-detail .main-cta{margin-top:13px}.last-parade img{height:140px}}

/* Full sticker silhouettes remain visible at every breakpoint. */
.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1320px;gap:24px}
.portfolio-open{height:350px;padding:24px 18px}
.portfolio-grid .sample:hover img{transform:scale(1.02)}
.sample-info h3{font-size:15px}.sample-info p{font-size:11px}
.chat-sticker{width:190px;max-width:85%}.chat-sticker img{width:100%;height:auto;object-fit:contain;animation:bob 4s ease-in-out infinite}
.flying-sticker{width:230px}.fly-c{width:250px}
.faq-dog{height:240px}
.last-section{padding-bottom:45px}
.last-parade{position:relative;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1250px;margin:65px auto 0;padding:20px 10px;align-items:center}
.last-parade img,.last-parade img:nth-child(2),.last-parade img:nth-child(3){width:100%;height:280px;object-fit:contain}
@media(min-width:1051px){.char-dog{width:380px}.char-girl{width:300px}.char-cat{width:265px}}
@media(max-width:1050px) and (min-width:701px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
.portfolio-grid{grid-template-columns:minmax(0,1fr);gap:22px;max-width:460px}
.portfolio-open{height:330px;padding:22px 18px}
.sample-info{padding:16px 20px}.sample-info h3{font-size:15px}.sample-info p{font-size:11px}.sample-info small{font-size:9px}
.chat-sticker{width:155px}.chat-sticker img{height:auto}
.flying-sticker{width:135px}.fly-a{left:-5px}.fly-b{right:-5px}.fly-c{width:170px;right:0}
.faq-dog{height:145px}
.last-section{padding-bottom:35px}
.last-parade{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px;margin-top:45px;padding:15px 5px}
.last-parade img,.last-parade img:nth-child(2),.last-parade img:nth-child(3){height:195px;width:100%}
}

.contact-label{display:block;font-weight:700;margin:24px 0 10px}#order-email{width:100%;padding:16px;border:2px solid #26384a;border-radius:12px;font-size:16px;box-sizing:border-box}.order-consent{display:flex;gap:10px;text-align:left;line-height:1.8;margin:20px 0}.order-consent input{width:20px;min-width:20px}.order-consent a,footer a{color:inherit}.main-cta:disabled{opacity:.6;cursor:wait}.document{max-width:760px;margin:60px auto;padding:24px;line-height:1.9}.document h1{font-size:32px}.document h2{font-size:21px;margin-top:32px}.document dt{font-weight:bold;margin-top:20px}.document dd{margin:0}.document a{color:#156084;overflow-wrap:anywhere}.document .main-cta{display:inline-flex;margin-top:24px}#order-number{overflow-wrap:anywhere}

[hidden]{display:none!important}