:root{--pink: #ff6b9d;--pink-deep: #e8457a;--hero-pink-top: #ffd0e4;--mint: #7ee0c8;--mint-deep: #3db89a;--sky: #9ed8ff;--sky-deep: #5eb4ef;--peach: #ffc9a3;--butter: #fff4e8;--ink: #3a2448;--ink-soft: #6a4d7a;--shadow: 0 18px 40px rgba(232, 69, 122, .18);--shadow-soft: 0 10px 28px rgba(58, 36, 72, .1);--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto;background-color:var(--hero-pink-top)}body{margin:0;min-height:100%;font-family:var(--font-body);color:var(--ink);background-color:var(--hero-pink-top);overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button,input{font:inherit}a{color:inherit}#root{min-height:100%;min-height:100dvh;background-color:var(--hero-pink-top)}.page{position:relative;isolation:isolate;width:100%;max-width:100%;overflow-x:clip;background-color:var(--hero-pink-top)}.status-bar-fill{position:fixed;top:0;left:0;right:0;z-index:60;height:env(safe-area-inset-top,0px);background:var(--hero-pink-top);pointer-events:none}.site-nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:calc(.85rem + env(safe-area-inset-top,0px)) 1.25rem 1rem;pointer-events:none;background:linear-gradient(180deg,var(--hero-pink-top) 0%,var(--hero-pink-top) calc(env(safe-area-inset-top,0px) + .35rem),rgba(255,208,228,0) 100%)}.site-nav>*{pointer-events:auto}.brand-lockup{display:flex;align-items:center;gap:.65rem;text-decoration:none}.brand-lockup img{width:48px;height:48px;border-radius:50%;box-shadow:var(--shadow-soft);background:#fff}.brand-lockup span{font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:.01em}.nav-cta,.cta-pop{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(160deg,#ff8fb8 0%,var(--pink) 45%,var(--pink-deep) 100%);color:#fff;font-family:var(--font-display);font-weight:700;letter-spacing:.02em;padding:.78rem 1.35rem;border-radius:999px;box-shadow:0 4px #c9366a,0 12px 28px #e8457a6b,0 0 #ff6b9d73;transition:background .2s ease,filter .2s ease;animation:cta-bounce 1.8s ease-in-out infinite,cta-glow 2.2s ease-in-out infinite;text-shadow:0 1px 0 rgba(120,20,60,.25)}.nav-cta:before,.cta-pop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 62%);transform:translate(-130%) skew(-18deg);animation:cta-shine 2.8s ease-in-out infinite;pointer-events:none;z-index:0}.nav-cta>span,.cta-pop>span{position:relative;z-index:1}.nav-cta:hover,.cta-pop:hover:not(:disabled){background:linear-gradient(160deg,#ff9dc2,#ff5a92,#e8457a);filter:brightness(1.05);animation:cta-bounce-fast .7s ease-in-out infinite,cta-glow 1.2s ease-in-out infinite}.nav-cta:active,.cta-pop:active:not(:disabled){transform:translateY(3px) scale(.97);box-shadow:0 1px #c9366a,0 6px 16px #e8457a59;animation:none}.cta-pop{font-size:1.12rem;padding:1.05rem 1.7rem;box-shadow:0 6px #c9366a,0 16px 36px #e8457a73,0 0 #ff6b9d80}@keyframes cta-bounce{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-5px) scale(1.05)}60%{transform:translateY(-2px) scale(1.02)}}@keyframes cta-bounce-fast{0%,to{transform:translateY(-2px) scale(1.06)}50%{transform:translateY(-8px) scale(1.1)}}@keyframes cta-glow{0%,to{box-shadow:0 5px #c9366a,0 14px 32px #e8457a73,0 0 #ff6b9d66}50%{box-shadow:0 5px #c9366a,0 20px 42px #e8457a99,0 0 0 12px #ff6b9d00}}@keyframes cta-shine{0%,55%{transform:translate(-130%) skew(-18deg)}75%,to{transform:translate(130%) skew(-18deg)}}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(5.5rem + env(safe-area-inset-top,0px)) 1.25rem max(5.5rem,22vh);overflow:hidden;background-color:var(--hero-pink-top)}.hero-sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(165deg,var(--hero-pink-top) 0%,#ffc4d8 22%,#b8e4ff 58%,#9fd9c8 82%,#fff4e8 100%);overflow:hidden}.hero-waves{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:min(78vh,640px);pointer-events:none;overflow:hidden}.wave-strip{position:absolute;left:0;width:100%;overflow:hidden;line-height:0}.wave-strip.is-flip{transform:scaleY(-1)}.wave-track{display:flex;width:300%;height:100%;will-change:transform;backface-visibility:hidden}.wave-track svg{width:33.333%;height:100%;display:block;flex:0 0 33.333%;margin-right:-1px}.hero-wave{bottom:0;will-change:transform}.hero-wave-a{height:100%;opacity:.95}.hero-wave-b{height:78%;left:-2%;width:104%}.hero-wave-c{height:58%;left:-4%;width:108%}.hero-wave-d{height:40%;left:-1%;width:102%}.hero-wave-e{height:24%;left:-3%;width:106%}.wave-strip.panel-seam{position:absolute;left:0;top:auto;bottom:100%;width:100%;height:clamp(72px,12vw,130px);z-index:3;pointer-events:none;margin:0}.wisp{position:fixed;top:0;left:0;z-index:28;width:clamp(180px,55vmin,720px);aspect-ratio:1;margin:0;pointer-events:none;will-change:transform,width}@media(max-width:859px){.wisp{z-index:12;width:clamp(120px,42vmin,280px)}.hero-content{padding-top:.25rem}}.wisp-bob{position:relative;width:100%;height:100%;will-change:transform}.taiga-glow{position:absolute;top:14%;right:12%;bottom:10%;left:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,107,157,.34),transparent 68%);filter:blur(10px);z-index:0}.taiga-img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 34px rgba(58,36,72,.18));-webkit-user-select:none;user-select:none}.taiga-shadow{position:absolute;left:0;right:0;bottom:6%;width:46%;height:7%;margin:0 auto;transform-origin:center center;background:radial-gradient(ellipse,rgba(58,36,72,.22),transparent 70%);opacity:.65;z-index:0;pointer-events:none}.hero-content{position:relative;z-index:30;width:min(720px,100%);margin:0 auto;text-align:center;display:grid;gap:.65rem;justify-items:center;padding:.5rem 1rem 0}.brand-hero{font-family:var(--font-display);font-size:clamp(3.1rem,12vw,9rem);font-weight:700;line-height:.9;letter-spacing:-.03em;margin:0;color:var(--ink);text-shadow:0 6px 0 rgba(255,255,255,.35),0 18px 40px rgba(232,69,122,.18)}.brand-hero .dot{display:inline-block;width:.16em;height:.16em;margin-left:.06em;border-radius:50%;background:var(--pink);vertical-align:.08em;box-shadow:0 4px #ffffff73}.hero-line{font-family:var(--font-display);font-size:clamp(1.25rem,3.6vw,1.85rem);font-weight:600;margin:0;color:var(--ink)}.hero-support{margin:0;max-width:28rem;font-size:1.05rem;line-height:1.45;color:var(--ink-soft);font-weight:600}.hero-cta-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.35rem}.btn-primary,.btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:1.05rem;padding:.95rem 1.4rem;border-radius:999px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn-primary:not(.cta-pop){background:var(--pink);color:#fff;box-shadow:var(--shadow)}.btn-primary:not(.cta-pop):hover:not(:disabled){background:var(--pink-deep);transform:translateY(-3px) scale(1.04)}.btn-primary:disabled{opacity:.7;cursor:wait;animation:none}.btn-ghost{background:#ffffffb8;color:var(--ink);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-decoration:none}.btn-ghost:hover{transform:translateY(-2px)}.panel{position:relative;width:100%;overflow:visible}.panel-inner{position:relative;z-index:1;width:min(920px,calc(100% - 2rem));margin:0 auto;padding:3.5rem 0 4.5rem}.panel-mint{z-index:2;background:linear-gradient(180deg,#d8f8ee,#b8f0de 55%,#a8e8d4)}.panel-peach{z-index:3;background:linear-gradient(180deg,#ffe4cc,#ffd4b0 48%,#ffc9a3)}.panel-sage{z-index:4;background:linear-gradient(180deg,#dff5ea,#c8eedc 52%,#b5e6d0)}.panel-sky{z-index:5;background:linear-gradient(180deg,#c8eaff,#a8dbff,#9ed0f5)}.panel-pink,.signup-shell{z-index:6}.panel-pink{background:linear-gradient(180deg,#ffd6e8,#ffc2db 55%,#ffb3d0)}.panel-butter{z-index:5;background:linear-gradient(180deg,#fff4e8,#ffe8c8)}.faq-panel{z-index:5}.faq-panel .panel-inner{padding-bottom:4.5rem}.faq-list{display:grid;gap:.75rem;margin-top:.5rem;max-width:40rem}.faq-item{padding:.15rem 0 .65rem;border-bottom:2px solid rgba(58,36,72,.08)}.faq-item summary{cursor:pointer;list-style:none;font-family:var(--font-display);font-weight:700;font-size:clamp(1.05rem,2.6vw,1.25rem);color:var(--ink);line-height:1.3}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;margin-left:.75rem;color:var(--pink-deep);font-weight:800}.faq-item[open] summary:after{content:"–"}.faq-item p{margin:.65rem 0 0;font-weight:600;color:var(--ink-soft);line-height:1.5}.wavey-title{font-family:var(--font-display);font-size:clamp(1.9rem,5.5vw,2.9rem);margin:0 0 .75rem;line-height:1.05;max-width:16ch}.wavey-title .swash{display:block;width:min(12rem,55%);height:14px;margin-top:.55rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' fill='none'%3E%3Cpath d='M2 12 C40 2 70 18 100 10 C130 2 160 16 198 8' stroke='%23ff6b9d' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.lead{margin:0 0 2.4rem;max-width:34rem;font-size:1.12rem;line-height:1.5;color:var(--ink-soft);font-weight:600}.flock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem;margin:.5rem 0 2.5rem}.flock-pet{position:relative;margin:0;width:100%;text-align:center;will-change:transform,opacity;z-index:1}.flock-goo{position:absolute;top:8%;right:12%;bottom:22%;left:12%;z-index:0;background:#ffffffb3;border-radius:58% 42% 55% 45%/48% 55% 45% 52%;box-shadow:inset 0 -12px 24px #ffb3d033}.flock-pet:nth-child(2n) .flock-goo{border-radius:42% 58% 40% 60%/55% 42% 58% 45%;transform:rotate(8deg)}.flock-pet img{position:relative;z-index:1;width:min(100%,160px);height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto;filter:drop-shadow(0 10px 14px rgba(58,36,72,.14));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.flock-caption{position:relative;z-index:1;display:grid;gap:.1rem;margin-top:.15rem;font-family:var(--font-display)}.flock-caption strong{font-size:1.05rem;color:var(--ink)}.flock-caption span{font-size:.85rem;color:var(--ink-soft);font-weight:600;text-transform:capitalize}.flock-pet-1{transform:rotate(-4deg)}.flock-pet-2{transform:rotate(3deg) translateY(10px)}.flock-pet-3{transform:rotate(-2deg) translateY(-6px)}.flock-pet-4{transform:rotate(5deg)}.flock-pet-5{transform:rotate(-6deg) translateY(8px)}.flock-pet-6{transform:rotate(2deg)}.flock-pet-7{transform:rotate(-3deg) translateY(-4px)}.flock-pet-8{transform:rotate(4deg) translateY(12px)}.flock-pet-9{transform:rotate(-5deg)}.flock-pet-10{transform:rotate(3deg) translateY(-8px)}@media(min-width:700px){.flock{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem .75rem}.flock-pet img{width:min(100%,140px)}}.feature-flow{display:grid;gap:2.5rem;padding-bottom:3.5rem}.panel-mint .panel-inner{padding-bottom:5.5rem}.feature{display:grid;grid-template-columns:minmax(96px,140px) 1fr;gap:1.1rem 1.4rem;align-items:center;will-change:transform,opacity}.feature:nth-child(2n){direction:rtl}.feature:nth-child(2n)>*{direction:ltr}.feature-art{position:relative;aspect-ratio:1;display:grid;place-items:center}.feature-art:before{content:"";position:absolute;top:2%;right:2%;bottom:2%;left:2%;z-index:0;background:#ffffffb8;border-radius:58% 42% 60% 40%/48% 55% 45% 52%;box-shadow:inset 0 -18px 36px #ffb3d038,0 12px 28px #3a244814;transform:rotate(-8deg);filter:blur(.2px)}.feature:nth-child(2n) .feature-art:before{border-radius:42% 58% 40% 60%/55% 45%;transform:rotate(10deg);background:#ffffffc7}.feature-art img{position:relative;z-index:1;width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(58,36,72,.14));transform:rotate(-3deg)}.feature:nth-child(2n) .feature-art img{transform:rotate(4deg)}.gooey-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.goo{position:absolute;display:block;background:#ffffffb3;border-radius:58% 42% 55% 45%/48% 52%;box-shadow:inset 0 -14px 28px #ffb3d02e;will-change:transform}.goo-a{width:min(42vw,220px);height:min(30vw,160px);left:-4%;top:12%}.goo-b{width:min(36vw,190px);height:min(28vw,150px);right:-3%;top:28%;border-radius:45% 55% 48% 52%/55% 42% 58% 45%}.goo-c{width:min(48vw,260px);height:min(26vw,140px);left:18%;top:52%;opacity:.65}.goo-d{width:min(30vw,160px);height:min(24vw,130px);right:12%;top:68%;border-radius:60% 40% 50% 50%/40% 60%}.goo-e{width:min(34vw,180px);height:min(22vw,120px);left:6%;bottom:10%;opacity:.7}.goo-f{width:min(28vw,150px);height:min(28vw,150px);right:22%;top:8%;border-radius:50% 50% 45% 55%/55% 45%;opacity:.55}.feature h3{font-family:var(--font-display);margin:0 0 .35rem;font-size:clamp(1.3rem,3vw,1.6rem)}.feature p{margin:0;color:var(--ink-soft);font-weight:600;line-height:1.45;max-width:28rem}.world-panel .lead{margin-bottom:2.75rem}.world-multi{position:relative;max-width:38rem;margin:0 0 3rem;padding:0 0 0 1.15rem;border-left:4px solid var(--pink)}.world-kicker{margin:0 0 .35rem;font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--pink-deep);letter-spacing:.02em}.world-multi h4,.world-loops h4{margin:0 0 .55rem;font-family:var(--font-display);font-size:clamp(1.55rem,3.8vw,2.05rem);color:var(--ink);line-height:1.1}.world-multi>p:last-child{margin:0;font-size:1.08rem;font-weight:600;line-height:1.5;color:var(--ink-soft);max-width:34rem}.world-loops{max-width:40rem;margin-bottom:.5rem}.world-loops-lead{margin:0;font-size:1.05rem;font-weight:600;line-height:1.5;color:var(--ink-soft)}.world-vignettes{display:grid;gap:2.75rem;margin-top:2rem;padding-bottom:3.25rem}.panel-peach .panel-inner,.panel-sage .panel-inner{padding-bottom:5rem}.health-panel .lead{margin-bottom:2.25rem}.health-scene{margin:0 0 2.75rem}.health-chat{display:grid;grid-template-columns:auto 1fr;gap:1rem 1.25rem;align-items:end;max-width:560px}.health-chat-pet{display:grid;justify-items:center;gap:.2rem;will-change:transform}.health-chat-pet img{width:min(132px,34vw);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(58,36,72,.14))}.health-chat-pet span{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--ink)}.health-chat-thread{display:grid;gap:.55rem;padding-bottom:.35rem}.health-bubble{width:fit-content;max-width:min(100%,280px);padding:.65rem .9rem;font-weight:700;font-size:.92rem;line-height:1.35;color:var(--ink);will-change:transform,opacity}.health-bubble.is-user{justify-self:end;background:#ffffffb8;border-radius:18px 18px 6px;box-shadow:0 8px 18px #3a244814}.health-bubble.is-pet{justify-self:start;background:#7ee0c88c;border-radius:18px 18px 18px 6px;box-shadow:0 8px 18px #3a244814}.health-caption{margin:.85rem 0 0;max-width:32rem;font-weight:600;color:var(--ink-soft);font-size:.98rem}.health-habits{display:grid;gap:2.5rem;padding-bottom:4rem}.health-habit{display:grid;gap:1rem 1.4rem}.health-habit:last-child .health-habit-copy{padding-bottom:2rem}.health-habit-copy h4{margin:0 0 .35rem;font-family:var(--font-display);font-size:clamp(1.35rem,3.2vw,1.75rem);color:var(--ink)}.health-habit-copy p{margin:0;max-width:28rem;font-weight:600;color:var(--ink-soft);line-height:1.45}.health-habit-art{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem}.weight-stage{align-items:end}.weight-readout{display:grid;gap:.15rem;min-width:7.5rem;font-family:var(--font-display);color:var(--ink)}.weight-label{font-size:.85rem;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.weight-readout strong{font-size:clamp(1.8rem,4vw,2.25rem);line-height:1}.weight-delta{font-size:.92rem;font-weight:700;color:var(--mint-deep)}.diary-stage{align-items:center}.diary-pet{width:min(110px,28vw);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(58,36,72,.12))}.diary-note{max-width:22rem;padding:.15rem 0 0;transform:rotate(-1.5deg)}.diary-note p{margin:0 0 .45rem;font-weight:600;color:var(--ink-soft);line-height:1.45}.diary-mood{font-family:var(--font-display);font-weight:800!important;color:var(--ink)!important}.diary-stamp{font-family:var(--font-display);font-size:.9rem;font-weight:700!important;color:var(--pink-deep)!important}@media(min-width:700px){.health-habit{grid-template-columns:minmax(180px,.9fr) 1.1fr;align-items:center}.health-habit:nth-child(2n){direction:rtl}.health-habit:nth-child(2n)>*{direction:ltr}}@media(max-width:560px){.health-chat{grid-template-columns:1fr;justify-items:center}.health-chat-thread{width:100%}}.vignette{display:grid;gap:1rem 1.5rem}.vignette-copy h4{margin:0 0 .35rem;font-family:var(--font-display);font-size:clamp(1.35rem,3.2vw,1.75rem);color:var(--ink)}.vignette-copy p{margin:0;max-width:28rem;font-weight:600;color:var(--ink-soft);line-height:1.45}.vignette-art{display:flex;flex-wrap:wrap;align-items:end;gap:1rem 1.5rem}.item-scatter{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .85rem;margin:0;padding:0;list-style:none}.item-scatter img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(58,36,72,.12))}.item-scatter.is-bugs img{width:52px;height:52px}.activity-hero{position:relative;width:min(168px,42vw);flex:0 0 auto}.activity-pet{width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(58,36,72,.14))}.activity-pet.is-small{width:78%;margin-left:4%}.activity-tool{position:absolute;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(58,36,72,.16));z-index:1}.activity-tool.is-pole{right:-8%;top:18%;width:58%;transform:rotate(28deg)}.activity-tool.is-net{right:-6%;top:8%;width:52%;transform:rotate(-12deg)}.cook-stage{align-items:center}.cook-hero{position:relative;width:min(200px,52vw);display:grid;place-items:end center}.cook-pot{width:72%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(58,36,72,.14))}.cook-hero .activity-pet{position:absolute;left:0;bottom:42%;width:48%}@media(min-width:700px){.vignette{grid-template-columns:minmax(180px,.85fr) 1.15fr;align-items:center}.vignette:nth-child(2n){direction:rtl}.vignette:nth-child(2n)>*{direction:ltr}}.trade-scene{margin:0 0 3.25rem}.trade-stage{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:.5rem .75rem;max-width:520px}.trade-pet{display:grid;justify-items:center;gap:.25rem;will-change:transform}.trade-pet img{width:min(42vw,148px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(58,36,72,.14))}.trade-pet.is-flip img{transform:scaleX(-1)}.trade-pet span{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--ink)}.trade-exchange{position:relative;display:grid;place-items:center;min-width:96px;min-height:110px;margin-bottom:1.6rem}.trade-item{position:absolute;width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(58,36,72,.16));will-change:transform}.trade-swap{position:relative;z-index:1;font-size:1.6rem;font-weight:800;color:var(--pink-deep);line-height:1}.trade-caption{margin:.85rem 0 0;max-width:28rem;font-weight:600;color:var(--ink-soft);font-size:.98rem}.farm-stage{display:flex;flex-wrap:wrap;align-items:end;gap:1.5rem 2rem}.soil-plot{position:relative;width:min(220px,56vw);aspect-ratio:1;flex:0 0 auto}.soil-plot-base{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(58,36,72,.14))}.soil-plot-shovel{position:absolute;right:4%;top:2%;width:48%;height:auto;object-fit:contain;transform:rotate(-18deg);filter:drop-shadow(0 8px 12px rgba(58,36,72,.18));z-index:1}@media(max-width:520px){.trade-stage{gap:.25rem}.trade-pet img{width:min(34vw,120px)}.trade-item{width:44px;height:44px}.item-scatter img{width:48px;height:48px}.soil-plot{width:min(180px,58vw)}}.story-band{display:grid;gap:1.75rem;align-items:center}.story-visual{position:relative;width:min(100%,380px);margin:0 auto;aspect-ratio:1}.story-visual img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(58,36,72,.16));will-change:transform}.story-goo{position:absolute;top:10%;right:8%;bottom:12%;left:8%;z-index:0;background:#ffffffb8;border-radius:58% 42% 55% 45%/48% 55% 45% 52%;box-shadow:inset 0 -18px 36px #9ed8ff47,0 14px 30px #3a244814;transform:rotate(-6deg)}.signup-shell{position:relative;z-index:6;padding:.5rem 0 0;background:linear-gradient(180deg,#ffb3d0,#ff9ec4 45%,#ff8ab4);overflow:visible}.signup-stage{position:relative;width:min(880px,calc(100% - 1.5rem));margin:0 auto;padding:2.75rem 0 1.25rem}.signup-floaters{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.signup-floater{position:absolute;width:clamp(52px,11vw,78px);height:auto;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(58,36,72,.14));opacity:.88;will-change:transform}.signup-floater-a{left:2%;top:18%;transform:rotate(-14deg)}.signup-floater-b{left:8%;bottom:22%;transform:rotate(10deg)}.signup-floater-c{right:4%;top:14%;transform:rotate(12deg)}.signup-floater-d{right:10%;top:48%;transform:rotate(-8deg)}.signup-floater-e{right:3%;bottom:18%;transform:rotate(16deg)}.signup{position:relative;z-index:1;width:min(480px,100%);margin:0 auto;padding:.5rem 1rem 2.75rem;text-align:center;will-change:transform,opacity}.signup-date{margin:0 0 .55rem;font-family:var(--font-display);font-size:clamp(1.15rem,3vw,1.35rem);font-weight:800;color:var(--ink)}.signup h2{font-family:var(--font-display);font-size:clamp(2rem,5.5vw,2.85rem);margin:0 0 .6rem;color:var(--ink);line-height:1.05}.signup-lead{margin:0 auto 1.35rem;max-width:28rem;color:var(--ink-soft);font-weight:600;line-height:1.45;font-size:1.05rem}.signup-note{margin:.85rem 0 0;font-size:.92rem;font-weight:600;color:#3a2448ad}.waitlist-form{display:grid;gap:.75rem;max-width:420px;margin:0 auto}.waitlist-form label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.waitlist-form input[type=email]{width:100%;border:3px solid rgba(58,36,72,.12);border-radius:999px;padding:.95rem 1.25rem;background:#ffecf4eb;color:var(--ink);font-size:1.02rem;font-weight:600;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.waitlist-form input[type=email]::placeholder{color:#3a244873}.waitlist-form input[type=email]:focus{border-color:#3a244847;box-shadow:0 0 0 4px #e8457a2e}.waitlist-form .cta-pop{width:100%;padding:.95rem 1.4rem;font-size:1.08rem}@media(min-width:700px){.waitlist-form{grid-template-columns:1fr auto;align-items:start;max-width:500px}.waitlist-form .cta-pop{width:auto;white-space:nowrap}.waitlist-form .form-status{grid-column:1 / -1}}@media(max-width:699px){.signup-floater-b,.signup-floater-d{display:none}.signup-floater{width:48px;opacity:.75}}.form-status{min-height:1.4rem;margin:.35rem 0 0;font-weight:700;font-family:var(--font-display)}.form-status.ok{color:#1a7a58}.form-status.err{color:#7a1840}.site-footer{text-align:center;padding:2.25rem 1.25rem 2.75rem;color:#3a2448c7;font-weight:600;font-size:.95rem;background:#ff8ab4;border-top:1px solid rgba(58,36,72,.08)}.site-footer-logo{width:56px;height:56px;margin:0 auto .85rem;border-radius:50%;object-fit:cover;box-shadow:0 8px 18px #3a244829;background:#ffffff59}.site-footer p{margin:0;max-width:28rem;margin-inline:auto;line-height:1.45}.site-footer-links{margin-top:.75rem!important}.site-footer a{color:#fff;font-weight:800;text-decoration:none}.site-footer a:hover{text-decoration:underline}.legal-page{min-height:100vh;background:linear-gradient(165deg,#ffd0e4,#ffc4d8 30%,#ffe4cc 70%,#fff4e8)}.legal-header{position:sticky;top:0;z-index:10;padding:1rem 1.25rem;background:#fff4e8b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(58,36,72,.08)}.legal-main{width:min(720px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 3rem}.legal-card{padding:.25rem 0 1rem}.legal-card h1{margin:0 0 .35rem;font-family:var(--font-display);font-size:clamp(2rem,5vw,2.8rem);color:var(--ink);line-height:1.1}.legal-updated{margin:0 0 1.5rem;color:var(--ink-soft);font-weight:600}.legal-card h2{margin:2rem 0 .65rem;font-family:var(--font-display);font-size:1.45rem;color:var(--ink)}.legal-card h3{margin:1.35rem 0 .45rem;font-family:var(--font-display);font-size:1.15rem;color:var(--ink)}.legal-card p,.legal-card li{color:var(--ink-soft);font-weight:600;line-height:1.55}.legal-card p{margin:0 0 .85rem}.legal-card ul{margin:0 0 1rem;padding-left:1.25rem}.legal-card li{margin-bottom:.35rem}.legal-card a{color:var(--pink-deep);font-weight:800}.legal-page .site-footer{background:#ffb3d08c}.screenies-nav-actions{display:flex;align-items:center;gap:.55rem}.screenies-nav-link{padding:.55rem .9rem!important;font-size:.95rem!important}.screenies-page{position:relative;isolation:isolate;background:var(--hero-pink-top);overflow-x:clip}.screenies-hero{position:relative;min-height:auto;display:grid;align-items:start;padding:calc(4.25rem + env(safe-area-inset-top,0px)) 1.25rem 2.5rem;overflow:hidden;background-color:var(--hero-pink-top)}.screenies-hero .hero-sky{z-index:0}.screenies-hero-pets{list-style:none;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.screenies-hero-layout{position:relative;z-index:3;width:min(980px,100%);margin:0 auto;display:grid;gap:1.5rem;justify-items:center}.screenies-hero-copy{width:min(640px,100%);display:grid;gap:.7rem;justify-items:start}.screenies-hero-phone{width:min(340px,100%)}.hero-breakout{position:relative;width:min(520px,100%);min-height:460px;display:grid;place-items:center;padding:3.5rem 2.5rem 1.25rem;overflow:visible}.hero-breakout-phone{position:relative;z-index:2;width:min(280px,72%);margin-top:2.75rem}.hero-breakout-phone .phone-stage{width:100%;padding:1.25rem .75rem 1.75rem}.hero-breakout-phone .phone-bezel{width:min(210px,100%)}.hero-breakout-phone .phone-screen.has-ui{padding-top:2.4rem}.hero-breakout-phone .home-tab-screen{padding-top:.35rem;transform:translateY(.55rem)}.breakout-wisp{position:absolute;z-index:4;left:0;right:0;top:-10%;width:clamp(170px,44vw,240px);margin-inline:auto;filter:drop-shadow(0 22px 28px rgba(58,36,72,.22));pointer-events:none}.breakout-wisp img{width:100%;height:auto}.breakout-pet{position:absolute;width:clamp(72px,16vw,112px);filter:drop-shadow(0 16px 20px rgba(58,36,72,.18))}.breakout-pet img{width:100%;height:auto}.breakout-pet-0{top:18%;left:1%}.breakout-pet-1{top:16%;right:1%}.breakout-pet-2{top:46%;left:3%}.breakout-pet-3{top:44%;right:2%}.breakout-pet-4{bottom:10%;left:5%}.breakout-pet-5{bottom:8%;right:4%}@media(max-width:859px){.breakout-pet{width:clamp(58px,18vw,84px)}.breakout-pet-0{top:12%;left:0}.breakout-pet-1{top:10%;right:0}.breakout-pet-2{top:auto;bottom:28%;left:0}.breakout-pet-3{top:auto;bottom:26%;right:0}.breakout-pet-4,.breakout-pet-5{display:none}}.home-tab-screen{background:linear-gradient(180deg,#fff5f9,#fde8f0 42%,#f3e4f7);gap:.3rem;padding:1.45rem .4rem .35rem}.home-tab-hero{display:grid;justify-items:center;gap:.1rem;padding:.15rem .25rem .35rem;background:#fafafaeb;border-radius:12px;position:relative}.home-tab-stats{position:absolute;top:.25rem;left:.3rem;display:flex;gap:.25rem;font-size:.4rem;font-weight:800;color:#6a4d7a}.home-tab-pet{width:42px;height:42px;object-fit:contain;margin-top:.35rem}.home-tab-name{margin:0;font-family:var(--font-display);font-size:.58rem;font-weight:800;color:#2d1b4e}.home-tab-name span{font-size:.48rem;color:#a78bba;font-weight:700}.home-tab-xp,.home-tab-mini-bar{width:90%;height:4px;border-radius:999px;background:#ff6b9d2e;overflow:hidden}.home-tab-xp i,.home-tab-mini-bar i{display:block;height:100%;background:#ff6b9d;border-radius:inherit}.home-tab-rings{display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem}.home-tab-rings span{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;border:2px solid rgba(103,232,249,.7);background:#ffffffbf;font-weight:800;color:#2d1b4e}.home-tab-rings span.is-pink{border-color:#ff6b9dbf}.home-tab-rings span.is-purple{border-color:#c084fcbf}.home-tab-rings b{font-size:.45rem;line-height:1}.home-tab-rings small{font-size:.34rem;color:#a78bba}.home-tab-card{background:#fff;border:1px solid #f3e4f0;border-radius:10px;padding:.3rem .4rem;box-shadow:0 2px 6px #2d1b4e0d}.home-tab-kicker{margin:0;font-size:.38rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#a78bba}.home-tab-card-title{margin:.08rem 0 .2rem;font-family:var(--font-display);font-size:.55rem;font-weight:800;color:#2d1b4e}.home-tab-adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:.2rem;margin-top:.15rem}.home-tab-adv-grid span{text-align:center;font-size:.42rem;font-weight:800;padding:.22rem 0;border-radius:7px;background:#ff6b9d1a;color:#2d1b4e}.home-tab-bar{margin-top:auto;display:flex;align-items:center;justify-content:space-around;padding:.28rem .35rem;border-radius:999px;background:#ffffffeb;box-shadow:0 4px 10px #2d1b4e1a}.home-tab-bar i{width:8px;height:8px;border-radius:50%;background:#a78bba73}.home-tab-paw{width:18px!important;height:18px!important;margin-top:-10px;border-radius:50%;background:linear-gradient(160deg,#ff8fb8,#ff6b9d 50%,#e8457a);box-shadow:0 3px 8px #e8457a66}.screenies-kicker{margin:0;font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pink-deep)}.screenies-hero-copy h1{margin:0;font-family:var(--font-display);font-size:clamp(3rem,12vw,6.5rem);line-height:.92;letter-spacing:-.03em;color:var(--ink)}.screenies-lead{margin:0;max-width:28rem;font-weight:700;font-size:1.1rem;line-height:1.4;color:var(--ink-soft)}.screenies-chapter{position:relative;z-index:2;overflow:visible}.section-floaters{list-style:none;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.section-floater{position:absolute;width:clamp(52px,11vw,88px);opacity:.92;filter:drop-shadow(0 10px 14px rgba(58,36,72,.12))}.section-floater img{width:100%;height:auto}.section-floater-0{top:12%;left:3%}.section-floater-1{top:18%;right:4%}.section-floater-2{top:38%;left:1%}.section-floater-3{top:42%;right:2%}.section-floater-4{top:58%;left:6%}.section-floater-5{top:62%;right:5%}.section-floater-6{bottom:18%;left:10%}.section-floater-7{bottom:14%;right:8%}.section-floater-8{top:28%;left:18%;width:clamp(44px,9vw,72px)}.section-floater-9{top:72%;right:16%;width:clamp(44px,9vw,72px)}.cook-chapter .screenies-chapter-inner,.craft-chapter .screenies-chapter-inner,.farm-chapter .screenies-chapter-inner,.fish-chapter .screenies-chapter-inner{position:relative;z-index:1}.farm-floaters .farm-floater-0{top:10%;left:4%}.farm-floaters .farm-floater-1{top:14%;right:5%}.farm-floaters .farm-floater-2{top:36%;left:2%}.farm-floaters .farm-floater-3{top:40%;right:3%}.farm-floaters .farm-floater-4{bottom:20%;left:8%}.farm-floaters .farm-floater-5{bottom:16%;right:7%}@media(max-width:859px){.farm-floaters .farm-floater-2,.farm-floaters .farm-floater-4{display:none}}.fish-floaters .fish-floater-0{top:9%;left:3%}.fish-floaters .fish-floater-1{top:12%;left:20%}.fish-floaters .fish-floater-2{top:7%;right:22%}.fish-floaters .fish-floater-3{top:11%;right:3%}.fish-floaters .fish-floater-4{top:34%;left:2%}.fish-floaters .fish-floater-5{top:38%;left:15%}.fish-floaters .fish-floater-6{top:32%;right:2%}.fish-floaters .fish-floater-7{top:46%;right:13%}.fish-floaters .fish-floater-8{bottom:24%;left:4%}.fish-floaters .fish-floater-9{bottom:18%;left:18%}.fish-floaters .fish-floater-10{bottom:22%;right:16%}.fish-floaters .fish-floater-11{bottom:14%;right:4%}@media(max-width:859px){.fish-floaters .fish-floater-1,.fish-floaters .fish-floater-2,.fish-floaters .fish-floater-5,.fish-floaters .fish-floater-9{display:none}}.craft-floaters .craft-floater-0{top:10%;left:4%}.craft-floaters .craft-floater-1{top:14%;left:22%}.craft-floaters .craft-floater-2{top:8%;right:20%}.craft-floaters .craft-floater-3{top:12%;right:4%}.craft-floaters .craft-floater-4{top:36%;left:2%}.craft-floaters .craft-floater-5{top:40%;left:16%}.craft-floaters .craft-floater-6{top:34%;right:3%}.craft-floaters .craft-floater-7{top:48%;right:14%}.craft-floaters .craft-floater-8{bottom:22%;left:5%}.craft-floaters .craft-floater-9{bottom:16%;left:20%}.craft-floaters .craft-floater-10{bottom:20%;right:18%}.craft-floaters .craft-floater-11{bottom:12%;right:5%}@media(max-width:859px){.craft-floaters .craft-floater-1,.craft-floaters .craft-floater-2,.craft-floaters .craft-floater-5,.craft-floaters .craft-floater-9{display:none}}.screenies-chapter-inner{position:relative;z-index:1;width:min(980px,calc(100% - 2rem));margin:0 auto;padding:3.25rem 0 4.5rem;display:grid;gap:1.75rem}.screenies-chapter-copy h2{margin:0 0 .45rem;font-family:var(--font-display);font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.05;color:var(--ink);max-width:14ch}.screenies-chapter-copy p{margin:0;max-width:32rem;font-weight:600;color:var(--ink-soft);line-height:1.45}.screenies-level{margin-top:.85rem!important;font-family:var(--font-display);font-weight:800!important;color:var(--pink-deep)!important}.phone-stage{position:relative;width:min(360px,100%);margin:0 auto;padding:2.75rem 2.25rem 3.25rem;isolation:isolate}.phone-stage-backdrop{position:absolute;top:8%;right:4%;bottom:12%;left:4%;z-index:0;border-radius:40px;overflow:hidden;filter:blur(18px) saturate(1.1);opacity:.55;transform:scale(1.08);pointer-events:none}.phone-stage-backdrop img{width:100%;height:100%;object-fit:cover}.phone-stage-core{position:relative;z-index:1;display:grid;place-items:center}.phone-bezel{position:relative;z-index:2;width:min(230px,58vw);aspect-ratio:9 / 19;padding:10px;border-radius:36px;background:linear-gradient(160deg,#2a1c34,#4a3358 45%,#1f1526);box-shadow:0 28px 50px #3a244847,inset 0 0 0 2px #ffffff1f}.phone-notch{position:absolute;top:14px;left:50%;z-index:3;width:38%;height:14px;transform:translate(-50%);border-radius:999px;background:#1a1220;box-shadow:inset 0 0 0 1px #ffffff14}.phone-screen{width:100%;height:100%;border-radius:28px;overflow:hidden;background:#fff4e8}.phone-screen.has-ui{background:#fff8f2;overflow:hidden}.phone-screen>img{width:100%;height:100%;object-fit:cover;object-position:center}.phone-pair{display:grid;gap:1.75rem;justify-items:center}.app-ui-screen{height:100%;padding:1.55rem .45rem .45rem;display:flex;flex-direction:column;gap:.35rem;font-size:.58rem;color:#3a2448;background:linear-gradient(180deg,#ffe8f0,#fff8f2 28%,#fff8f2);overflow:hidden}.app-ui-header{text-align:center}.app-ui-header strong{font-family:var(--font-display);font-size:.78rem;font-weight:800}.app-ui-intro{margin:0;text-align:center;font-weight:700;font-size:.5rem;line-height:1.25;color:#6a4d7a;padding:0 .2rem}.app-ui-tabs{display:flex;gap:.2rem;justify-content:center;flex-wrap:wrap}.app-ui-tabs span{padding:.15rem .35rem;border-radius:999px;font-weight:800;font-size:.48rem;background:#3a244814;color:#6a4d7a}.app-ui-tabs span.is-active{background:#ff6b9d;color:#fff}.app-ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;flex:1;min-height:0;overflow:hidden;align-content:start}.app-ui-tile{display:grid;justify-items:center;gap:.12rem;padding:.28rem .2rem .25rem;border-radius:10px;background:#ffffffd9;box-shadow:0 2px 6px #3a24480f}.app-ui-result{width:28px;height:28px;object-fit:contain}.app-ui-name{margin:0;font-family:var(--font-display);font-weight:800;font-size:.48rem;text-align:center;line-height:1.1}.app-ui-mats{display:flex;flex-wrap:wrap;gap:.12rem;justify-content:center}.app-ui-mat{display:inline-flex;align-items:center;gap:.08rem;padding:.05rem .2rem .05rem .08rem;border-radius:999px;background:#7ee0c859;font-weight:800;font-size:.42rem}.app-ui-mat img{width:12px;height:12px;object-fit:contain}.app-ui-mat.is-short{background:#3a244814;opacity:.65}.app-ui-cta{display:inline-block;margin-top:.05rem;padding:.12rem .45rem;border-radius:999px;color:#fff;font-family:var(--font-display);font-weight:800;font-size:.48rem}.app-ui-cta.is-disabled{opacity:.45;filter:grayscale(.3)}.app-ui-minigame{justify-content:center;align-items:center;text-align:center;gap:.45rem;background:linear-gradient(180deg,#2a1c34,#3a2448);color:#fff4e8;padding-top:1.8rem}.app-ui-mg-title{margin:0;font-family:var(--font-display);font-size:.85rem;font-weight:800}.app-ui-mg-sub,.app-ui-mg-hint{margin:0;font-size:.52rem;font-weight:700;line-height:1.3;opacity:.85;max-width:12rem}.craft-pads{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;width:72%;margin:.2rem 0}.craft-pad{aspect-ratio:1;border-radius:12px;opacity:.55;box-shadow:inset 0 0 0 2px #fff3}.craft-pad.is-lit{opacity:1;animation:craft-pad-pulse 1.1s ease-in-out infinite;box-shadow:0 0 16px #ffffff73}@keyframes craft-pad-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.cook-bar{width:88%;display:grid;gap:.45rem;justify-items:center}.cook-bar-track{position:relative;width:100%;height:18px;border-radius:999px;background:#e8457a;overflow:hidden}.cook-zone{position:absolute;top:0;bottom:0}.cook-zone-yellow{left:28%;width:44%;background:#ffc107}.cook-zone-green{left:38%;width:24%;background:#4caf50}.cook-needle{position:absolute;top:0;bottom:0;width:3px;background:#fff;box-shadow:0 0 6px #00000059;animation:cook-needle-slide 1.35s linear infinite alternate}@keyframes cook-needle-slide{0%{left:4%}to{left:94%}}.cook-tap{font-family:var(--font-display);font-weight:800;font-size:.72rem;padding:.25rem .85rem;border-radius:999px;background:#ff6b9d;color:#fff}.chat-tab-screen{gap:.4rem;background:linear-gradient(180deg,#e8f7ff,#fff8f2 32%,#fff8f2)}.chat-tab-header{display:flex;align-items:center;gap:.4rem;text-align:left;padding:0 .15rem}.chat-tab-header img{width:1.55rem;height:1.55rem;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(58,36,72,.12))}.chat-tab-header strong{display:block;font-size:.68rem;line-height:1.1}.chat-tab-header small{display:block;font-size:.42rem;font-weight:700;color:#6a4d7a}.chat-thread{flex:1;min-height:0;display:flex;flex-direction:column;gap:.28rem;overflow:hidden;padding:.1rem .1rem 0}.chat-bubble{max-width:88%;padding:.28rem .4rem;border-radius:12px;font-size:.48rem;font-weight:700;line-height:1.3;box-shadow:0 2px 6px #3a24480f}.chat-bubble.is-pet{align-self:flex-start;background:#ffffffeb;border-bottom-left-radius:4px}.chat-bubble.is-user{align-self:flex-end;background:#ff6b9d;color:#fff;border-bottom-right-radius:4px}.chat-composer{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-top:auto;padding:.28rem .4rem;border-radius:999px;background:#ffffffeb;box-shadow:0 2px 8px #3a244814;font-size:.48rem;font-weight:700;color:#8a6a9a}.chat-composer b{width:1.1rem;height:1.1rem;border-radius:50%;display:grid;place-items:center;background:#7ee0c8;color:#234;font-size:.55rem}.diary-tab-screen{gap:.32rem;background:linear-gradient(180deg,#ffe8f0,#fff8f2 26%,#fff8f2)}.diary-moods{display:grid;grid-template-columns:repeat(3,1fr);gap:.22rem}.diary-moods span{display:grid;justify-items:center;gap:.05rem;padding:.28rem .1rem .22rem;border-radius:10px;background:#ffffffd9;box-shadow:0 2px 6px #3a24480d}.diary-moods span.is-active{background:#ff6b9d2e;box-shadow:inset 0 0 0 1.5px #ff6b9d}.diary-moods b{font-size:.85rem;line-height:1}.diary-moods small{font-size:.42rem;font-weight:800;color:#6a4d7a}.diary-note-box{padding:.35rem .4rem;border-radius:10px;background:#ffffffe6;color:#8a6a9a;font-size:.46rem;font-weight:700;line-height:1.3}.diary-save{align-self:center;background:#ff6b9d}.diary-history-label{margin:.1rem 0 0;font-family:var(--font-display);font-weight:800;font-size:.55rem}.diary-history{list-style:none;margin:0;padding:0;display:grid;gap:.22rem;flex:1;min-height:0;overflow:hidden}.diary-history li{display:grid;grid-template-columns:auto 1fr;gap:.35rem;align-items:start;padding:.28rem .35rem;border-radius:10px;background:#ffffffe0}.diary-history-emoji{font-size:.85rem;line-height:1}.diary-history strong{display:block;font-size:.48rem;font-weight:800}.diary-history p{margin:.08rem 0 0;font-size:.42rem;font-weight:700;line-height:1.25;color:#6a4d7a}.fish-reel{position:relative;width:7.2rem;height:7.2rem;display:grid;place-items:center}.fish-reel-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:6px solid rgba(255,255,255,.18)}.fish-reel-sweet{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:6px solid transparent;border-top-color:#4caf50;border-right-color:#4caf50;transform:rotate(-20deg)}.fish-reel-dot{position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#fff4e8;transform-origin:5px 3.85rem;animation:fish-dot-spin 2.4s linear infinite}@keyframes fish-dot-spin{to{transform:rotate(360deg)}}.fish-reel-center{width:3.2rem;height:3.2rem;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.minigame-explain{display:grid;gap:.75rem}.minigame-card{padding:.15rem 0 .85rem;border-bottom:2px solid rgba(58,36,72,.08)}.minigame-card h3{margin:0 0 .3rem;font-family:var(--font-display);font-size:1.15rem;color:var(--ink)}.minigame-card p{margin:0;font-weight:600;color:var(--ink-soft);line-height:1.4;max-width:36rem}.phone-home{position:absolute;left:50%;bottom:8px;width:28%;height:4px;transform:translate(-50%);border-radius:999px;background:#ffffff47}.phone-badge{position:absolute;left:50%;bottom:-.35rem;z-index:4;transform:translate(-50%,100%);margin:0;padding:.28rem .7rem;font-family:var(--font-display);font-size:.82rem;font-weight:800;color:var(--ink);background:#ffffffe0;border-radius:999px;box-shadow:0 8px 18px #3a24481f;white-space:nowrap}.phone-orbit{list-style:none;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.phone-pop{position:absolute;width:clamp(56px,14vw,78px);filter:drop-shadow(0 12px 16px rgba(58,36,72,.18))}.phone-pop img{width:100%;height:auto}.phone-pop-0{top:2%;left:8%}.phone-pop-1{top:8%;right:2%}.phone-pop-2{top:32%;left:-2%}.phone-pop-3{top:34%;right:-4%}.phone-pop-4{top:58%;left:0%}.phone-pop-5{top:56%;right:-2%}.phone-pop-6{bottom:6%;left:10%}.phone-pop-7{bottom:8%;right:6%}.phone-hero-item{position:absolute;z-index:4;bottom:-.5rem;right:-.25rem;display:grid;justify-items:center;gap:.2rem;width:clamp(88px,22vw,120px);filter:drop-shadow(0 16px 22px rgba(58,36,72,.2))}.phone-hero-item.is-center{bottom:auto;right:0;left:0;top:38%;margin-inline:auto;width:clamp(118px,30vw,168px)}.phone-hero-stack{position:relative;width:100%}.phone-hero-base{width:100%;height:auto;display:block}.phone-hero-bit{position:absolute;width:34%;height:auto;filter:drop-shadow(0 3px 4px rgba(58,36,72,.2));pointer-events:none}.phone-hero-bit-0{top:28%;left:18%}.phone-hero-bit-1{top:22%;right:16%}.phone-hero-bit-2{top:48%;left:34%;width:30%}.phone-hero-bit-3{top:40%;right:28%;width:30%}.phone-hero-item span{font-family:var(--font-display);font-weight:800;font-size:.9rem;color:var(--ink);background:#ffffffd9;padding:.15rem .55rem;border-radius:999px}.screenies-cta .signup{margin:0 auto 2rem}.screenies-cta .btn-primary{display:inline-flex;text-decoration:none}@media(min-width:860px){.hero{justify-content:flex-end;padding:5rem 1.5rem 8.5rem}.hero-content{width:min(760px,100%)}.story-band{grid-template-columns:.95fr 1.05fr;gap:2.25rem}.feature{grid-template-columns:minmax(120px,170px) 1fr;gap:1.5rem 2rem}.screenies-hero{min-height:min(100svh,820px);align-items:center;padding:calc(5rem + env(safe-area-inset-top,0px)) 1.5rem 2.25rem}.screenies-hero-layout{grid-template-columns:.9fr 1.15fr;align-items:center;gap:1.5rem 1.25rem}.screenies-hero-copy{justify-self:start;padding-bottom:0}.hero-breakout{width:min(560px,100%);min-height:520px;padding:4rem 3rem 1.5rem}.breakout-wisp{width:250px;top:-14%}.hero-breakout-phone{margin-top:3.25rem}.hero-breakout-phone .phone-screen.has-ui{padding-top:2.75rem}.breakout-pet{width:120px}.breakout-pet-0{top:14%;left:2%}.breakout-pet-1{top:12%;right:2%}.breakout-pet-2{top:42%;left:.5%}.breakout-pet-3{top:40%;right:.5%}.breakout-pet-4{bottom:8%;left:4%}.breakout-pet-5{bottom:6%;right:3%}.screenies-chapter-inner{grid-template-columns:.85fr 1.15fr;align-items:center;gap:2rem 2.5rem;padding:4rem 0 5.5rem}.screenies-chapter-inner.is-flip{grid-template-columns:.85fr 1.15fr}.screenies-chapter-inner.is-flip .phone-pair,.screenies-chapter-inner.is-flip .screenies-chapter-copy{order:0}.screenies-chapter-inner.feast-inner{grid-template-columns:.85fr 1.15fr}.screenies-chapter-inner.minigames-inner{grid-template-columns:1fr 1fr;align-items:start}.screenies-chapter-inner.minigames-inner .minigame-explain{grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:1rem 2rem}.screenies-chapter-inner.minigames-inner [data-phone-tilt]{grid-column:2;grid-row:1}.phone-pair{grid-template-columns:1fr 1fr;gap:1rem;width:100%}.phone-pair .phone-stage{width:100%;padding:2.25rem 1.25rem 2.75rem}.phone-pair .phone-bezel{width:min(210px,100%)}.phone-pair .phone-pop{width:64px}.phone-stage{width:min(400px,100%);padding:3rem 2.75rem 3.5rem}.phone-bezel{width:250px}.phone-pop{width:82px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.nav-cta,.cta-pop{box-shadow:0 4px #c9366a,0 12px 28px #e8457a6b}}