@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700&display=swap");:root{--cream:#F6EFE6;--paper:#FFFDF8;--ink:#3A3028;--ink-soft:#7E6D5E;--red:#C94235;--blue:#3F86B8;--gold:#E6B94F;--sage:#8BAF83;--terracotta:#C97854;--font:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*,:after,:before{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0;overflow:hidden;background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button{font:inherit}.poppi-page{--pet-look-x:0;--pet-look-y:0;--mood-aura:rgba(255,238,194,0.38);position:relative;width:100%;height:100dvh;min-height:620px;display:grid;grid-template-rows:1fr auto auto;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 48% 22%,rgba(255,253,248,.94),rgba(255,253,248,.36) 34%,transparent 58%),linear-gradient(180deg,#F4EBDD,#FAF3EA 52%,#EDE0D0)}.poppi-page:before{content:"";position:absolute;inset:0;z-index:-4;background-image:url(/poppi/textures/soft-noise.png);background-repeat:repeat;opacity:.04;mix-blend-mode:multiply}.poppi-page[data-mood=waking]{--mood-aura:rgba(230,185,79,0.32)}.poppi-page[data-mood=curious]{--mood-aura:rgba(255,253,248,0.46)}.poppi-page[data-mood=resting]{--mood-aura:rgba(202,164,127,0.28)}.poppi-page[data-mood=playful]{--mood-aura:rgba(201,120,84,0.28)}.poppi-page[data-mood=social]{--mood-aura:rgba(139,175,131,0.28)}.poppi-page[data-mood=settled]{--mood-aura:rgba(63,134,184,0.22)}.poppi-page[data-mood=asleep]{--mood-aura:rgba(93,103,126,0.24)}.mood-aura{position:absolute;inset:-12% -8%;z-index:-3;background:radial-gradient(ellipse at 50% 48%,rgba(255,253,248,.72),var(--mood-aura) 42%,transparent 72%);transition:background 2.4s ease,opacity 2.4s ease;animation:auraBreath 7s ease-in-out infinite}.drift-light{position:absolute;z-index:-2;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(255,253,248,.58),rgba(255,231,184,.12) 48%,transparent 72%);filter:blur(9px);pointer-events:none;animation:driftLight 20s ease-in-out infinite}.drift-light--one{left:9%;top:16%}.drift-light--two{right:3%;top:38%;width:190px;height:190px;animation-delay:-9s}.dust-field,.dust-mote{position:absolute;pointer-events:none}.dust-field{inset:0;z-index:-1}.dust-mote{width:4px;height:4px;border-radius:50%;background:rgba(58,48,40,.1);animation:dustFloat 16s ease-in-out infinite}.dust-mote--one{left:18%;top:38%}.dust-mote--two{left:74%;top:28%;animation-delay:-4s}.dust-mote--three{left:62%;top:62%;animation-delay:-8s}.dust-mote--four{left:32%;top:70%;animation-delay:-12s}.wordmark{position:absolute;top:18px;right:20px;z-index:10;border:0;padding:8px 0;background:transparent;color:rgba(58,48,40,.5);cursor:default;font-size:9px;font-weight:700;letter-spacing:3px}.companion-stage{position:relative;width:min(820px,100vw);height:min(560px,calc(100dvh - 118px));min-height:410px;display:grid;place-items:center}.companion-stage:after{content:"";position:absolute;left:50%;bottom:48px;z-index:0;width:min(540px,82vw);height:82px;border-radius:50%;background:radial-gradient(ellipse at 50% 48%,rgba(58,48,40,.16),rgba(58,48,40,.05) 58%,transparent 74%);filter:blur(8px);transform:translateX(-50%)}.poppi-pet-button{position:relative;z-index:3;width:min(670px,108vw);aspect-ratio:1124/673;border:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translate3d(calc(var(--pet-look-x) * 7px),calc(var(--pet-look-y) * 4px),0) rotate(calc(var(--pet-look-x) * -.7deg));transition:transform .24s ease}.poppi-pet-button:focus-visible{outline:2px solid rgba(201,66,53,.38);outline-offset:10px;border-radius:28px}.poppi-puppet{position:relative;width:100%;height:100%;transform-origin:50% 72%;animation:rootBreath 3.9s ease-in-out infinite;will-change:transform}.poppi-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;will-change:transform,opacity}.poppi-layer--shadow{z-index:0;opacity:.24;filter:blur(8px);transform-origin:50% 80%;animation:shadowBreath 3.9s ease-in-out infinite}.poppi-layer--board{z-index:1;transform-origin:50% 76%;animation:boardRock 4.7s ease-in-out infinite}.poppi-layer--body{z-index:2;filter:drop-shadow(0 18px 22px rgba(58,48,40,.1));transform-origin:50% 66%;animation:bodyBreath 3.9s ease-in-out infinite}.poppi-layer--head{z-index:3;transform-origin:22% 36%;animation:headDrift 5.8s ease-in-out infinite}.poppi-layer--face{z-index:4;transform-origin:18% 42%;animation:faceBlink 7.6s step-end infinite}.poppi-puppet[data-mood=asleep]{animation-duration:5.5s}.poppi-puppet[data-mood=asleep] .poppi-layer--face,.poppi-puppet[data-mood=asleep] .poppi-layer--head,.poppi-puppet[data-mood=resting] .poppi-layer--head{animation-duration:8s}.poppi-puppet[data-mood=playful] .poppi-layer--board{animation-duration:2.8s;animation-name:boardPlayful}.poppi-puppet[data-mood=social] .poppi-layer--head{animation-name:headSocial}.poppi-puppet[data-response=hat] .poppi-layer--head,.poppi-puppet[data-response=head] .poppi-layer--head{animation:headTouch .85s ease-out 1}.poppi-puppet[data-response=body] .poppi-layer--body{animation:bodyTouch .85s ease-out 1}.poppi-puppet[data-response=board] .poppi-layer--board{animation:boardTouch .85s ease-out 1}.poppi-puppet[data-response=board],.poppi-puppet[data-response=body],.poppi-puppet[data-response=hat],.poppi-puppet[data-response=head]{animation:rootTouch .85s ease-out 1}.stage-shadow-tap{position:absolute;left:50%;bottom:52px;z-index:4;width:min(420px,62vw);height:62px;border:0;border-radius:50%;background:transparent;transform:translateX(-50%)}.stage-product{position:absolute;z-index:1;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.stage-product--floor-rug{left:50%;bottom:46px;width:min(520px,78vw);height:112px;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(255,253,248,.78),rgba(228,210,188,.56) 52%,rgba(206,184,160,.1) 72%,transparent 76%);box-shadow:inset 0 0 0 1px rgba(58,48,40,.05);transform:translateX(-50%)}.poppi-line{z-index:5;min-height:28px;margin:-46px 0 18px;padding:6px 14px;border-radius:999px;background:rgba(255,253,248,.38);color:var(--ink);font-size:14px;font-weight:650;line-height:1.2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-slot{position:absolute;left:50%;bottom:24px;z-index:8;width:min(280px,calc(100vw - 40px));transform:translateX(-50%);pointer-events:none}.product-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 10px 8px 16px;border:1px solid rgba(58,48,40,.08);border-radius:999px;background:rgba(255,253,248,.78);box-shadow:0 14px 34px rgba(58,48,40,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.product-card p{margin:0;color:var(--ink);font-size:13px;font-weight:700}.forget-modal button,.product-card button,.share-strip button{border:0;border-radius:999px;background:rgba(58,48,40,.08);color:var(--ink-soft);cursor:pointer;font-size:12px;font-weight:700}.product-card button{min-height:30px;padding:0 12px}.share-strip{position:absolute;left:50%;bottom:22px;z-index:7;display:flex;gap:8px;transform:translateX(-50%)}.share-strip button{min-height:34px;padding:0 14px;background:rgba(255,253,248,.48);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.forget-modal{position:absolute;inset:auto 20px 22px auto;z-index:20;display:flex;align-items:center;gap:8px;padding:10px;border-radius:18px;background:rgba(255,253,248,.9);box-shadow:0 16px 42px rgba(58,48,40,.14)}.forget-modal p{margin:0;font-size:13px;font-weight:700}.forget-modal button{min-height:28px;padding:0 10px}.memory-peek{position:absolute;left:50%;bottom:116px;z-index:6;min-width:86px;min-height:54px;display:grid;place-items:center;border-radius:18px;background:rgba(255,253,248,.78);color:var(--ink-soft);font-size:11px;font-weight:800;transform:translateX(-50%);box-shadow:0 12px 28px rgba(58,48,40,.1)}@keyframes auraBreath{0%,to{opacity:.84;transform:scale(.985)}50%{opacity:1;transform:scale(1.025)}}@keyframes driftLight{0%,to{transform:translateZ(0) scale(1);opacity:.46}50%{transform:translate3d(24px,-18px,0) scale(1.08);opacity:.78}}@keyframes dustFloat{0%,to{transform:translateY(0);opacity:.04}50%{transform:translateY(-18px);opacity:.1}}@keyframes rootBreath{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(-.25deg)}}@keyframes bodyBreath{0%,to{transform:scaleX(1) scaleY(1)}50%{transform:scaleX(1.014) scaleY(.992)}}@keyframes headDrift{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(-.9deg)}}@keyframes headSocial{0%,to{transform:translateX(0) translateY(0) rotate(0deg)}50%{transform:translateX(3px) translateY(-3px) rotate(-.45deg)}}@keyframes faceBlink{0%,92%,to{transform:scaleY(1)}94%{transform:translateY(1px) scaleY(.92)}}@keyframes boardRock{0%,to{transform:rotate(0deg) translateY(0)}50%{transform:rotate(.35deg) translateY(1px)}}@keyframes boardPlayful{0%,to{transform:rotate(-.2deg) translateX(0)}50%{transform:rotate(.9deg) translateX(4px)}}@keyframes shadowBreath{0%,to{transform:translateY(10px) scaleX(.94);opacity:.22}50%{transform:translateY(12px) scaleX(.9);opacity:.17}}@keyframes rootTouch{0%,to{transform:translateY(0) scale(1)}36%{transform:translateY(-9px) scale(1.025)}}@keyframes headTouch{0%,to{transform:translateY(0) rotate(0)}36%{transform:translateY(-10px) rotate(-2deg)}}@keyframes bodyTouch{0%,to{transform:scale(1)}36%{transform:scaleX(1.035) scaleY(.985)}}@keyframes boardTouch{0%,to{transform:translateX(0) rotate(0deg)}36%{transform:translateX(8px) rotate(1deg)}}@media (max-width:720px){.poppi-page{min-height:600px}.wordmark{top:14px;right:14px}.companion-stage{height:min(520px,calc(100dvh - 96px));min-height:380px}.poppi-pet-button{width:min(620px,116vw)}.poppi-line{margin-bottom:16px;font-size:13px}}@media (prefers-reduced-motion:reduce){.drift-light,.dust-field{display:none}.mood-aura{animation:none}.poppi-puppet{animation:rootBreath 5.5s ease-in-out infinite}.poppi-layer--board,.poppi-layer--body,.poppi-layer--face,.poppi-layer--head,.poppi-layer--shadow{animation:none!important}.poppi-puppet[data-response=board],.poppi-puppet[data-response=body],.poppi-puppet[data-response=hat],.poppi-puppet[data-response=head]{animation:rootTouch .4s ease-out 1}}