.hero{background:url(/assets/bg/bg-default.webp) center bottom / cover no-repeat, var(--sky);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:linear-gradient(#b9e1fbf7 0%,#c4e6fced 40%,#c4e6fc00 62%);position:absolute;inset:0}.hero-grid{padding-top:36px;display:grid;position:relative}.hero-copy{text-align:center}.hero h1{font-size:clamp(34px,8.6vw,60px)}.tagline{font-family:var(--font-title);color:var(--sage-deep);margin-top:10px;font-size:clamp(21px,5vw,28px);font-weight:600;line-height:1.2}.hero-sub{color:var(--ink);opacity:.78;max-width:480px;margin:12px auto 22px;font-size:17px;font-weight:700}.hero .stores{justify-content:center}.stage{height:500px;position:relative}.stage .bubble{width:min(86%,300px)}.stubby-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:max-content;margin:0 auto;padding:0;position:absolute;bottom:62px;left:0;right:0}.stubby-btn .breathe{display:block}.stubby-btn img{filter:drop-shadow(0 14px 18px #35373d2e);width:auto;height:310px}.stage-tools{z-index:3;justify-content:center;gap:8px;display:flex;position:absolute;bottom:18px;left:0;right:0}.chip{border-radius:var(--r-pill);min-height:36px;font:800 13px/1 var(--font-body);color:var(--ink);box-shadow:var(--sh-card);cursor:pointer;background:#ffffffe0;border:0;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.chip .icon{color:var(--sage-deep);font-size:18px}.tap-hint .icon{animation:1.6s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translateY(-3px)rotate(-12deg)}}@media (min-width:900px){.hero:before{background:linear-gradient(90deg,#b9e1fbf7 0%,#c4e6fce6 40%,#c4e6fc00 60%)}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;padding-top:24px}.hero-copy{text-align:left;padding-bottom:40px}.hero-sub{margin-left:0}.hero .stores{justify-content:flex-start}.stage{height:640px}.stubby-btn img{height:440px}}section.block{padding:72px 0}.head{text-align:center;max-width:640px;margin:0 auto 32px}.head h2{margin-top:8px;font-size:clamp(30px,6vw,44px)}.head p{color:var(--ink2);margin-top:10px;font-weight:700}.mood{gap:18px;padding:18px;display:grid}.mood-stage{background:linear-gradient(var(--sky), #e8f5fd);border-radius:20px;height:400px;transition:background .3s;position:relative;overflow:hidden}.mood-stage.hot{background:linear-gradient(#f6d9d2, var(--urgent-pale))}.mood-stage .pic{width:max-content;margin:0 auto;position:absolute;bottom:-10px;left:0;right:0}.mood-stage img{width:auto;height:250px;display:block}.mood-stage .bubble{width:min(88%,340px)}.mood-ctl{flex-direction:column;justify-content:center;gap:14px;display:flex}.mood-ctl label{color:var(--ink2);font-size:14px;font-weight:800}input[type=range]{width:100%;accent-color:var(--sage-deep);height:32px}input[type=range].hot{accent-color:var(--urgent)}.ticks{color:var(--ink3);justify-content:space-between;font-size:12px;font-weight:800;display:flex}.ticks span.on{color:var(--ink)}.rows{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.row{border-bottom:1px solid var(--rule);align-items:center;gap:12px;padding:10px 4px;display:flex}.row:last-child{border-bottom:0}.row .circle{border:2px solid var(--ink3);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.row.done .circle{background:var(--sage-deep);border-color:var(--sage-deep);color:#fff}.row b{font-size:16px;display:block}.row small{color:var(--ink2);font-size:13px;font-weight:700}.row.late small{color:var(--urgent)}.row.done b{color:var(--ink3);text-decoration:line-through}@media (min-width:900px){.mood{grid-template-columns:1.1fr 1fr;padding:24px}.mood-stage{height:460px}.mood-stage img{height:300px}}.split{align-items:center;gap:28px;display:grid}.split h2{margin:8px 0 12px;font-size:clamp(28px,5.5vw,40px)}.split p{color:var(--ink2);font-weight:700}@media (min-width:900px){.split{grid-template-columns:1fr 1fr;gap:56px}}.shot{padding:18px}.shot img{border-radius:16px}.rep{grid-template-areas:"text""chips""stage""tl";gap:18px;display:grid}.rep-text{grid-area:text}.rep-text h2{margin:8px 0 12px;font-size:clamp(28px,5.5vw,40px)}.rep-text p{color:var(--ink2);font-weight:700}.rep-chips{grid-area:chips}.rep-chips small{color:var(--ink3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.rep-chips .row-chips{flex-wrap:wrap;gap:8px;display:flex}.rep-chips button{cursor:pointer;background:var(--card);border-radius:var(--r-pill);font:800 14px/1 var(--font-body);color:var(--ink);box-shadow:var(--sh-card);border:0;padding:9px 15px;transition:background .2s,color .2s}.rep-chips button.on{background:var(--sage-deep);color:#fff;box-shadow:var(--sh-brand)}.rep-stage{grid-area:stage;height:380px;position:relative}.rep-stage .pic{width:max-content;margin:0 auto;position:absolute;bottom:0;left:0;right:0}.rep-stage img{width:auto;height:250px;display:block}.rep-stage .bubble{width:min(92%,330px)}.tl-card{grid-area:tl;padding:22px 16px 18px}.tl{justify-content:space-between;gap:6px;display:flex;position:relative}.tl:before{content:"";border-top:2px dashed var(--sage);position:absolute;top:31px;left:10%;right:10%}.node{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;animation:.38s cubic-bezier(.3,1.6,.5,1) both pop;display:flex;position:relative}.node small{color:var(--ink2);font-size:11px;font-weight:800}.node b{background:var(--sage-pale);color:var(--sage-deep);white-space:nowrap;border-radius:12px;padding:6px 8px;font-size:13px;font-weight:900}.node:first-child b{background:var(--sage-deep);color:#fff}.node.late b{background:var(--urgent-pale);color:var(--urgent)}.node em{color:var(--ink3);font-size:11px;font-style:normal;font-weight:800}.someday{opacity:.6;align-items:center;gap:12px;padding:4px 6px;animation:.38s both pop;display:flex}.someday .circle{border:2px dashed var(--ink3);border-radius:50%;flex:none;width:24px;height:24px}.someday b{display:block}.someday small{color:var(--ink2);font-weight:700}@media (min-width:900px){.rep{grid-template-columns:1fr 1fr;grid-template-areas:"text stage""chips stage""tl stage";align-items:start;column-gap:56px}.rep-stage{align-self:center;height:520px}.rep-stage img{height:340px}}.packs{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.packs{grid-template-columns:repeat(3,1fr)}}@media (min-width:980px){.packs{grid-template-columns:repeat(4,1fr)}}.pack{padding:8px 8px 12px}.pack img{border-radius:14px;width:100%}.pack b{margin:10px 6px 0;font-size:14px;font-weight:800;display:block}.wall{border-radius:var(--r-card);background:linear-gradient(160deg,#c9c3f0,#f3c9d6);padding:36px 18px}.toasts{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.toast{text-align:center;cursor:pointer;padding:14px 8px 16px}.toast img{width:100%;max-width:140px;margin:0 auto;transition:transform .2s}.toast:hover img,.toast:active img{transform:scale(1.08)rotate(-3deg)}.toast b{font-family:var(--font-title);margin-top:6px;font-size:18px;font-weight:600;display:inline-block}.gallery-wrap{position:relative}.gallery{scroll-snap-type:x mandatory;padding:6px var(--gutter) 22px;margin:0 calc(var(--gutter) * -1);scrollbar-width:none;gap:14px;display:flex;overflow-x:auto}.gallery::-webkit-scrollbar{display:none}.gallery img{scroll-snap-align:center;width:min(62vw,250px);box-shadow:var(--sh-raised);border-radius:22px;flex:none}.gal-btn{width:44px;height:44px;box-shadow:var(--sh-raised);cursor:pointer;color:var(--ink);background:#fff;border:0;border-radius:50%;display:none;position:absolute;top:45%}.gal-btn .icon{font-size:26px}@media (min-width:900px){.gal-btn{place-items:center;display:grid}.gal-btn.prev{left:-22px}.gal-btn.next{right:-22px}}.end{text-align:center;background:url(/assets/bg/bg-default.webp) center bottom / cover no-repeat, var(--sky);position:relative;overflow:hidden}.end:before{content:"";background:linear-gradient(#b9e1fbf5 0%,#c4e6fce6 42%,#c4e6fc00 66%);position:absolute;inset:0}.end .wrap{padding-top:72px;position:relative}.end h2{font-size:clamp(34px,8vw,56px)}.end p{color:var(--ink);opacity:.78;max-width:440px;margin:12px auto 24px;font-weight:700}.end .stores{justify-content:center}.end-stage{height:470px;margin-top:8px;position:relative}.end-stage .pic{width:max-content;margin:0 auto;position:absolute;bottom:-6px;left:0;right:0}.end-stage img{width:auto;height:340px;display:block}.end-stage .bubble{width:auto;min-height:0;padding:12px 18px}@media (min-width:900px){.end-stage{height:580px}.end-stage img{height:440px}}.stubby-btn img,.mood-stage img,.rep-stage img,.end-stage img{width:auto}.shot img,.wall img,.pack img,.gallery img,.toast img{height:auto}.search-scene{flex-direction:column;gap:10px;display:flex;position:absolute;top:18px;left:14px;right:14px}.search-bar{box-shadow:var(--sh-card);background:#fff;border-radius:99px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:800;display:flex}.search-bar .icon{color:var(--sage-deep);font-size:20px}.lock-time{text-align:center;color:#fff;position:absolute;top:22px;left:0;right:0}.lock-time div{opacity:.85;font-size:12px;font-weight:800}.lock-time b{font-family:var(--font-title);font-size:52px;font-weight:600;line-height:1;display:block}.notif{box-shadow:var(--sh-raised);background:#ffffffed;border-radius:18px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute;bottom:20px;left:14px;right:14px}.notif img{background:var(--sky);border-radius:10px;flex:none;width:40px;height:40px}.notif>span{text-align:left;font-size:13px;line-height:1.3}.notif>span span{color:var(--ink2);font-weight:700}.notif small{color:var(--ink3);align-self:flex-start;margin-left:auto;font-size:11px;font-weight:800}.half{position:absolute;inset:0}.half.day{clip-path:polygon(0 0,58% 0,42% 100%,0 100%);background:url(/assets/bg/bg-default.webp) 30% 100%/cover}.half.night{clip-path:polygon(58% 0,100% 0,100% 100%,42% 100%);background:url(/assets/bg/bg-night.webp) 70% 100%/cover}.tag-cloud{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 14px;display:flex}.tag{color:var(--ink);box-shadow:var(--sh-card);background:#fff;border-radius:99px;align-items:center;gap:6px;padding:7px 12px 7px 9px;font-size:13px;font-weight:800;display:inline-flex}.tag .icon{color:var(--sage-deep);font-size:18px}.tag.on{background:var(--sage-deep);color:#fff}.tag.on .icon{color:#fff}.mock-row .icon{color:var(--ink3);margin-left:auto;font-size:20px}.row .circle .icon{font-size:16px}.store .icon{font-size:26px}