.hero-paw-trail{z-index:6;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--color-primary);border-radius:inherit;position:absolute;inset:0;overflow:clip}.hero-paw-trail-mark{opacity:0;visibility:hidden;transform-origin:50%;pointer-events:none;width:30px;height:30px;display:block;position:absolute;top:0;left:0}.hero-paw-trail[data-pet=cat] .hero-paw-trail-mark{width:28px;height:28px}.hero-paw-trail[data-pet=hamster] .hero-paw-trail-mark{width:25px;height:25px}.hero-paw-trail-mark svg{width:100%;height:100%;display:block;overflow:visible}.home-hero[data-paw-cursor],.home-hero[data-paw-cursor] .hero-character{cursor:var(--hero-paw-cursor,auto)}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.hero-paw-trail{display:none}}
.hero-scribble-field{z-index:1;pointer-events:none;color:var(--color-primary);position:absolute;inset:0}.hero-scribble{pointer-events:none;display:block;position:absolute}.hero-scribble svg{transform-origin:50%;width:100%;height:100%;display:block;overflow:visible}.scribble-character{aspect-ratio:3/2;opacity:.8;width:clamp(76px,7.3cqw,106px);top:22.3%;left:20.4%;transform:rotate(-9deg)}.scribble-detail{aspect-ratio:3/2;opacity:.69;width:clamp(40px,3.7cqw,54px);top:29.2%;left:37%;transform:rotate(16deg)}.scribble-ritual{aspect-ratio:3/2;opacity:.72;width:clamp(48px,4.5cqw,65px);top:73%;left:10.3%;transform:rotate(-7deg)}.scribble-accent{aspect-ratio:3/2;opacity:.6;width:clamp(40px,3.8cqw,55px);top:77%;left:29.5%;transform:rotate(11deg)}.scribble-tiny{aspect-ratio:3/2;opacity:.5;width:clamp(26px,2.4cqw,35px);top:26%;left:11.5%;transform:rotate(8deg)}.scribble-cat .scribble-accent{top:74%;left:21.5%;transform:rotate(-12deg)}.scribble-hamster .scribble-character{transform:rotate(7deg)}.scribble-hamster .scribble-detail{transform:rotate(-17deg)}@media (max-width:1100px) and (min-width:768px){.scribble-detail{top:28%;left:35%}.scribble-ritual{top:70%}.scribble-accent{top:74%}}@media (max-width:767px){.scribble-character{opacity:.7;width:64px;top:30.2%;left:9%}.scribble-detail{opacity:.6;width:36px;top:31.4%;left:71%}.scribble-ritual,.scribble-accent,.scribble-tiny{display:none}}
.home-hero-wrap{background:var(--color-primary-foreground);height:calc(100svh + 400px);min-height:1084px;padding:12px;position:relative}.home-hero{isolation:isolate;background:var(--color-hero-cream);height:calc(100svh - 24px);min-height:660px;color:var(--color-foreground);transform-origin:top;will-change:transform;border-radius:32px;position:sticky;top:12px;overflow:clip;container-type:size}.home-hero:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 77% 82%, color-mix(in srgb, var(--color-accent) 7%, transparent), transparent 55%), linear-gradient(140deg, color-mix(in srgb, var(--color-primary-foreground) 12%, transparent), transparent 60%);position:absolute;inset:0}.hero-header{z-index:12;justify-content:space-between;align-items:center;height:48px;display:flex;position:absolute;top:clamp(24px,3.2cqh,36px);left:clamp(24px,3.1cqw,64px);right:clamp(24px,3.1cqw,64px)}.hero-nav{letter-spacing:-.025em;align-items:center;gap:42px;font-size:17px;font-weight:650;display:flex}.hero-nav a{text-underline-offset:6px}.hero-nav a:hover{text-decoration:underline;text-decoration-thickness:1px}.hero-brand{width:55px;height:40px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.hero-brand img{object-fit:contain;width:100%;height:100%}.hero-tools{align-items:center;gap:12px;display:flex}.hero-glass-utility{border:1px solid color-mix(in srgb, var(--color-primary) 15%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--color-primary-foreground) 45%, transparent), color-mix(in srgb, var(--color-sky) 9%, transparent));width:48px;height:48px;box-shadow:inset 1px 1px 1px color-mix(in srgb, var(--color-primary-foreground) 96%, transparent), inset -1px -1px 1px color-mix(in srgb, var(--color-primary) 12%, transparent), 0 2px 3px color-mix(in srgb, var(--color-foreground) 7%, transparent);-webkit-backdrop-filter:blur(7px)saturate(1.1);backdrop-filter:blur(7px)saturate(1.1);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,box-shadow .2s;display:inline-flex;position:relative}.hero-glass-utility:after{content:"";border:1px solid color-mix(in srgb, var(--color-primary-foreground) 60%, transparent);pointer-events:none;border-radius:12px;position:absolute;inset:3px}.hero-glass-utility:hover{box-shadow:inset 1px 1px 1px var(--color-primary-foreground), 0 3px 8px color-mix(in srgb, var(--color-foreground) 12%, transparent)}.hero-glass-utility svg{width:23px;height:23px}.hero-bag{gap:8px;width:80px}.hero-bag-count{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.hero-menu-button{display:none}.hero-wordmark{z-index:2;color:var(--color-primary);font-family:var(--font-serif);font-variation-settings:"SOFT" 0;letter-spacing:-.065em;white-space:nowrap;margin:0;font-size:min(16.95cqw,27.4cqh);font-weight:600;line-height:1.03;position:absolute;top:calc(50% - .535em);left:3.1%}.hero-title-accent{pointer-events:none;width:.1875em;height:.1792em;position:absolute;top:.2125em;left:40.25%}.hero-title-accent>svg,.hero-title-accent>img{width:100%;height:100%;display:block}.hero-title-accent.title-cat{width:.2em;height:.2em;top:.1875em}.hero-title-accent.title-hamster{width:.2em;height:.1em;top:.275em}.hero-visual{z-index:3;pointer-events:none;position:absolute}.visual-dog{aspect-ratio:978/735;height:min(84cqh,51.91cqw);bottom:3.65%;right:-.6%}.visual-cat{aspect-ratio:1142/714;height:min(81.5cqh,50.42cqw);bottom:.23%;right:-5.2%}.visual-hamster{aspect-ratio:795/742.5;height:min(84.76cqh,52.44cqw);bottom:1.2%;right:3.25%}.hero-character{cursor:pointer;pointer-events:auto;background:0 0;border-radius:24px;width:100%;height:100%;position:absolute;inset:0}.hero-character-photo{object-fit:contain}.hero-character-media{pointer-events:none;position:absolute;inset:0}.hero-character-video{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-character-video[data-playing=true]{opacity:1}.hero-character-missing{width:100%;height:100%;color:var(--color-primary);font-family:var(--font-serif);justify-content:center;align-items:center;gap:20px;font-size:32px;display:flex}.hero-response-cue{z-index:6;color:var(--color-primary);transform-origin:50% 30%;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%,-30%)}.hero-response-cue>svg{width:100%;height:100%;display:block;overflow:visible}@keyframes character-cue{0%{opacity:0;transform:translate(-50%,-30%)rotate(-7deg)scale(.92)}15%{opacity:1}45%{opacity:1;transform:translate(-50%,-30%)rotate(5deg)}75%{opacity:1;transform:translate(-50%,-30%)rotate(-3deg)}to{opacity:0;transform:translate(-50%,-30%)rotate(0)}}.hero-character:focus-visible{outline-offset:-8px;outline-style:dashed}.hero-toy-slot{z-index:5;pointer-events:auto;position:absolute}.toy-dog{width:28%;height:32%;top:71.2%;left:13%}.toy-cat{width:30%;height:41%;top:60.3%;left:11.8%}.toy-hamster{width:min(22cqw,320px);height:min(32cqh,280px);bottom:-.8%;left:36.4%}.hero-toy-live,.hero-toy-static{width:100%;height:100%;display:block;position:relative}.hero-toy-static{cursor:pointer;touch-action:pan-y;background:0 0;border:0;border-radius:24px;padding:0}.hero-toy-loading{pointer-events:none;position:absolute;inset:0}.hero-toy-still{pointer-events:none;object-fit:contain;display:block;position:absolute}.still-dog{width:80%;height:85%;top:8%;left:10%}.still-cat{width:80%;height:72%;top:16%;left:2%}.still-hamster{width:70%;height:72%;top:15%;left:15%}.hero-toy-static[data-toy-state=moving] .hero-toy-still{animation:toy-static-response .6s var(--ease-out-expo)}@keyframes toy-static-response{0%,to{transform:none}35%{transform:translateY(-5px)rotate(-5deg)}}.hero-mark{pointer-events:none;z-index:4;color:var(--color-primary);display:block;position:absolute}.hero-mark>svg{width:100%;height:100%;display:block;overflow:visible}.dog-rays{width:9.4%;height:12.24%;top:5.99%;left:22.6%;transform:rotate(2deg)}.dog-bounce{width:8.18%;height:13.6%;top:73.6%;left:9.82%;transform:rotate(6deg)}.dog-loop{width:11.25%;height:20.68%;top:42.31%;left:73.52%}.cat-thread{width:12.61%;height:11.62%;top:63.03%;left:5.43%;transform:rotate(-5deg)}.cat-flick{width:8.23%;height:10.92%;top:6.44%;left:64.19%;transform:rotate(8deg)}.hamster-spin{width:17%;height:40%;top:35%;left:-4%;transform:rotate(-4deg)}.hamster-feet{width:10.82%;height:4.58%;top:96.43%;left:24.65%}.hero-shop{z-index:8;border:1px solid color-mix(in srgb, var(--color-accent) 50%, var(--color-primary-foreground));background:linear-gradient(145deg, color-mix(in srgb, var(--color-butter) 82%, transparent), color-mix(in srgb, var(--color-accent) 60%, transparent) 55%, color-mix(in srgb, var(--color-accent) 72%, var(--color-background)));width:312px;height:88px;box-shadow:inset 0 2px 2px var(--color-primary-foreground), inset -1px -2px 2px color-mix(in srgb, var(--color-primary) 12%, transparent), 0 3px 6px color-mix(in srgb, var(--color-foreground) 12%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:-.035em;border-radius:28px;justify-content:space-between;align-items:center;padding:16px 16px 16px 28px;font-size:24px;font-weight:750;text-decoration:none;display:flex;position:absolute;bottom:5.02%;left:3.1%}.hero-shop:before{content:"";border:1px solid color-mix(in srgb, var(--color-primary-foreground) 65%, transparent);pointer-events:none;border-radius:24px;position:absolute;inset:3px}.hero-arrow{border:1px solid color-mix(in srgb, var(--color-primary-foreground) 80%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 87%, var(--color-primary-foreground)), var(--color-primary));width:56px;height:56px;color:var(--color-primary-foreground);box-shadow:inset 1px 1px 1px var(--color-primary-foreground), inset -1px -1px 1px color-mix(in srgb, var(--color-foreground) 20%, transparent), 0 3px 6px color-mix(in srgb, var(--color-foreground) 11%, transparent);border-radius:18px;flex-shrink:0;place-items:center;display:grid}.hero-soon-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.hero-selector{z-index:9;background:linear-gradient(145deg, color-mix(in srgb, var(--color-primary-foreground) 25%, transparent), color-mix(in srgb, var(--color-sky) 10%, transparent));width:88px;height:296px;box-shadow:inset 1px 1px 1px color-mix(in srgb, var(--color-primary-foreground) 90%, transparent), inset -1px -1px 1px color-mix(in srgb, var(--color-primary) 20%, transparent), 0 1px 2px color-mix(in srgb, var(--color-foreground) 6%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:44px;flex-direction:column;gap:8px;padding:8px 12px;display:flex;position:absolute;top:30.14%;right:clamp(20px,1.42cqw,32px)}.hero-selector:before{content:"";border-radius:inherit;border:1px solid color-mix(in srgb, var(--color-primary-foreground) 55%, transparent);pointer-events:none;position:absolute;inset:3px}.hero-pet-tab{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:32px;flex-shrink:0;place-items:center;width:64px;height:88px;display:grid;position:relative}.hero-pet-tab:focus-visible{outline-offset:-4px}.hero-pet-icon{transform-origin:50%;pointer-events:none;width:40px;height:40px;display:block}.hero-pet-icon img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.hero-lens{z-index:1;pointer-events:none;width:64px;height:88px;position:absolute;top:8px;left:12px}.hero-lens-rim{border:1.8px solid color-mix(in srgb, var(--color-primary-foreground) 94%, transparent);background:linear-gradient(155deg, color-mix(in srgb, var(--color-primary-foreground) 13%, transparent), transparent 45%, color-mix(in srgb, var(--color-sky) 16%, transparent));box-shadow:inset 1px 1px 1px var(--color-primary-foreground), inset -1px -2px 2px color-mix(in srgb, var(--color-primary) 25%, transparent), 0 4px 7px color-mix(in srgb, var(--color-foreground) 16%, transparent);-webkit-backdrop-filter:blur(2px)saturate(1.18);backdrop-filter:blur(2px)saturate(1.18);border-radius:32px;position:absolute;inset:0}.hero-lens-rim:before{content:"";border-top:1.5px solid var(--color-primary-foreground);background:linear-gradient(color-mix(in srgb, var(--color-primary-foreground) 21%, transparent), transparent);border-radius:50%;height:32%;position:absolute;top:4px;left:7px;right:7px}.hero-lens-rim:after{content:"";border:1px solid color-mix(in srgb, var(--color-primary) 16%, transparent);border-top-color:color-mix(in srgb, var(--color-primary-foreground) 85%, transparent);border-left-color:color-mix(in srgb, var(--color-primary-foreground) 65%, transparent);border-radius:inherit;position:absolute;inset:3px}@keyframes hero-greeting{0%{opacity:.55;transform:translateY(2px)rotate(-1deg)}28%,65%{opacity:1;transform:translateY(-1px)rotate(1deg)}to{opacity:1;transform:none}}@media (max-width:1100px) and (min-width:768px){.hero-wordmark{font-size:min(15.5cqw,26cqh)}.hero-nav{gap:24px;font-size:15px}}@media (max-width:767px){.home-hero-wrap{height:calc(100svh + 250px);min-height:986px;padding:8px}.home-hero{border-radius:24px;height:calc(100svh - 16px);min-height:720px;top:8px}.hero-header{height:44px;top:20px;left:20px;right:20px}.hero-nav,.hero-search-button{display:none}.hero-menu-button{border-radius:15px;width:44px;height:44px;display:inline-flex}.hero-brand{width:44px;height:32px;top:6px}.hero-bag{border-radius:15px;gap:3px;width:54px;height:44px}.hero-bag svg{width:21px;height:21px}.hero-bag-count{font-size:12px}.hero-wordmark{font-size:min(27.8cqw,12.6cqh);top:15.58%;left:6.42%}.hero-title-accent,.hero-title-accent.title-cat{width:28px;height:28px;top:.075em;left:42%}.hero-title-accent.title-hamster{width:28px;height:14px;top:.2em;left:42%}.visual-cat{aspect-ratio:472/295;height:min(35.63cqh,78.88cqw);bottom:31.04%;right:-9.1%}.visual-dog{height:min(41.5cqh,91.9cqw);bottom:29%;right:-4.5%}.visual-hamster{height:min(37.3cqh,82.6cqw);bottom:29%;right:-8.6%}.toy-hamster{width:44%;height:19%;bottom:27%;left:3%}.cat-thread{width:16.1%;height:14.9%;top:50.5%;left:16.53%}.cat-flick{width:12.7%;height:16.9%;top:6.1%;left:71.4%}.dog-rays{width:15%;height:17%;top:-4%;left:16%}.dog-bounce{width:15%;height:20%;top:58%;left:17%}.dog-loop{display:none}.hero-shop{border-radius:24px;width:min(280px,85%);height:72px;padding:14px 14px 14px 24px;font-size:21px;top:75.36%;bottom:auto;left:6.42%}.hero-shop:before{border-radius:20px}.hero-arrow{border-radius:14px;width:44px;height:44px}.hero-arrow svg{width:22px;height:22px}.hero-selector{touch-action:pan-y;border-radius:36px;flex-direction:row;width:224px;height:72px;padding:8px;top:87.44%;left:6.42%;right:auto}.hero-pet-tab{border-radius:28px;width:64px;height:56px}.hero-pet-icon{width:34px;height:34px}.hero-lens{height:56px;top:8px;left:8px}.hero-lens-rim{border-radius:28px}}@media (prefers-reduced-motion:reduce){.home-hero-wrap{height:100svh;min-height:684px}.home-hero{will-change:auto;position:relative;top:0;transform:none!important}.home-hero *,.home-hero :before,.home-hero :after{transition:none!important;animation:none!important}}@media (prefers-reduced-motion:reduce) and (max-width:767px){.home-hero-wrap{min-height:736px}}.hero-toy-anchor{pointer-events:none}.hero-initial-still{position:absolute;inset:0}.home-hero[data-toy-layout] .hero-initial-still{display:none}.hero-toy-stage-layer,.hero-toy-stage{z-index:5;pointer-events:none;position:absolute;inset:0}.hero-toy-stage>div:first-child{pointer-events:none!important}.hero-toy-stage canvas{pointer-events:none}.hero-toy-hit{z-index:1;pointer-events:auto;touch-action:pan-y;cursor:grab;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:12px;position:absolute;top:0;left:0}.hero-toy-hit:active{cursor:grabbing}.hero-toy-hit:focus-visible{outline:2px dashed var(--color-primary);outline-offset:4px}.stage-toy-still{pointer-events:none;width:calc(100% - 24px);height:calc(100% - 24px);display:block;inset:12px}.stage-toy-still img{object-position:center bottom}.hero-toy-loading,.hero-toy-loading .hero-toy-hit{pointer-events:none}.hero-toy-reset{pointer-events:auto;background:color-mix(in srgb, var(--color-primary-foreground) 72%, transparent);min-height:44px;color:var(--color-foreground);border-radius:14px;padding:8px 14px;font-size:13px;position:absolute;bottom:20px;right:24px}.hero-outgoing{pointer-events:none}@media (min-width:768px) and (max-aspect-ratio:4/3){.visual-dog{bottom:max(3.65%,50cqh - 25.955cqw - 15px)}.visual-cat{bottom:max(.23%,50cqh - 25.21cqw - 15px)}.visual-hamster{bottom:max(1.2%,50cqh - 26.22cqw - 15px)}.toy-hamster{bottom:max(-.8%,50cqh - 26.22cqw - 30px)}}@media (max-width:767px){.hero-toy-reset{font-size:12px;bottom:16px;right:16px}}.hero-response-cue{transform:translate(-50%,-30%)}@media (prefers-reduced-motion:no-preference){.hero-toy-stage[data-render-mode=fallback][data-toy-state=moving] .stage-toy-still{animation:toy-static-response .6s var(--ease-out-expo)}}
