:root{--sky-top:#ffe3f0;--sky-mid:#efe6ff;--sky-bottom:#dcefff;--ink:#5b4a6b;--ink-soft:#8d7d9c;--pink:#ff8fbf;--pink-deep:#e9679f;--mint:#7fd6b2;--mint-deep:#48b48a;--lemon:#ffd66b;--lemon-deep:#f0b93a;--lavender:#c9b8ff;--card:#ffffffd1;--card-edge:#fffffff2;--shadow-soft:0 12px 32px #7a5c9629;--ok:#2f9e72;--warn:#c7811f;--bad:#d4475f;--muted:#8d7d9c;--radius-l:28px;--radius-m:18px;--font:"PingFang SC", "HarmonyOS Sans SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-text-size-adjust:100%;background:radial-gradient(circle at 9% 24%,#fff8d2f2 0,#ffe8c499 6%,#ffd6cd00 24%),linear-gradient(#fbc6d2 0%,#f4c6e0 36%,#e6c5ee 68%,#dcc8f3 100%)}#root{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}.clouds{pointer-events:none;transition:opacity 2.5s;position:fixed;inset:0;overflow:hidden}.clouds--night{opacity:.28;filter:brightness(.7)saturate(.6)}.cloud{filter:blur(.5px);background:#ffffffbf;border-radius:999px;width:220px;height:64px;animation:60s linear infinite drift;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:96px;height:96px;top:-48px;left:34px}.cloud:after{width:70px;height:70px;top:-30px;left:112px}.cloud--a{top:14%;left:-260px}.cloud--b{animation-duration:80s;animation-delay:-30s;top:62%;left:-260px;transform:scale(.7)}.cloud--c{opacity:.8;animation-duration:95s;animation-delay:-62s;top:36%;left:-260px;transform:scale(.5)}@keyframes drift{0%{translate:0}to{translate:calc(100vw + 520px)}}.start{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:24px;display:flex;position:relative}.start__island{filter:drop-shadow(0 18px 22px #7a5c962e);width:min(38vh,360px);height:auto;animation:4s ease-in-out infinite bob}.start__title{letter-spacing:.08em;color:var(--ink);text-shadow:0 3px #fff;margin:0;font-size:clamp(44px,7vh,68px);font-weight:800}.start__button{color:#fff;background:radial-gradient(circle at 35% 30%, #ffb2d4, var(--pink) 60%);width:168px;height:168px;box-shadow:0 10px 0 var(--pink-deep), 0 22px 36px #e9679f59;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:32px;font-weight:800;transition:transform 80ms,box-shadow 80ms;animation:2.4s ease-in-out infinite breathe;display:flex}.start__button:active{box-shadow:0 2px 0 var(--pink-deep), 0 8px 16px #e9679f4d;transform:translateY(8px)}.start__play{border-top:22px solid #0000;border-bottom:22px solid #0000;border-left:34px solid #fff;width:0;height:0;margin-left:8px}.start__hint{border-radius:var(--radius-m);background:var(--card);max-width:520px;color:var(--ink-soft);margin:16px 0 0;padding:12px 18px;font-size:16px;line-height:1.6}.start__version{color:var(--ink-soft);margin:0;font-size:13px;position:absolute;bottom:16px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes breathe{0%,to{scale:1}50%{scale:1.05}}.island-layer{position:fixed;inset:0}.island-canvas{touch-action:none}.island-loading{color:var(--ink-soft);justify-content:center;align-items:center;margin:0;font-size:26px;font-weight:800;animation:2s ease-in-out infinite breathe;display:flex;position:absolute;inset:0}.island-fallback{flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:absolute;inset:0}.island-fallback__art{width:min(46vh,420px);height:auto;animation:4s ease-in-out infinite bob}.island-fallback__actions{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.hud{padding:calc(16px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 0 calc(20px + env(safe-area-inset-left));pointer-events:none;position:fixed;inset:0}.hud>*{pointer-events:auto}.hud__stars{top:calc(16px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left));background:var(--card);border:3px solid var(--card-edge);box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:10px;padding:8px 24px 8px 18px;display:inline-flex;position:absolute}.hud__star-icon{color:var(--lemon);text-shadow:0 3px 0 var(--lemon-deep);font-size:40px;line-height:1}.hud__star-number{font-variant-numeric:tabular-nums;min-width:1.5ch;font-size:40px;font-weight:800;line-height:1.1}.update-banner{top:calc(18px + env(safe-area-inset-top));background:var(--card);box-shadow:var(--shadow-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:8px 10px 8px 20px;font-size:17px;font-weight:700;display:flex;position:absolute;left:50%;translate:-50%}.chip-button{color:#fff;background:var(--mint-deep);border:none;border-radius:999px;padding:10px 18px;font-size:16px;font-weight:700}.parent-gate{top:calc(16px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right));width:64px;height:64px;color:var(--ink-soft);background:var(--card);box-shadow:var(--shadow-soft);-webkit-touch-callout:none;border:none;border-radius:50%;place-items:center;display:grid;position:absolute}.parent-gate svg{grid-area:1/1;width:34px;height:34px}.parent-gate__ring{rotate:-90deg;width:60px!important;height:60px!important}.parent-gate__ring circle{fill:none;stroke:var(--pink);stroke-width:4px;stroke-linecap:round;stroke-dasharray:132;stroke-dashoffset:132px}.parent-gate.is-holding .parent-gate__ring circle{stroke-dashoffset:0;transition:stroke-dashoffset 1.5s linear}.parent-sheet{z-index:15;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) 16px;background:#5b4a6b2e;justify-content:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.parent-sheet>div{width:min(420px,100%);animation:.25s ease-out slide-in;display:flex}.parent-sheet .panel{background:#fffffff5;flex:1;max-height:100%}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;translate:40px}}.big-button{color:#fff;border:none;border-radius:999px;min-width:220px;min-height:96px;padding:0 36px;font-size:32px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.big-button--pink{background:linear-gradient(180deg, #ffa9cf, var(--pink));box-shadow:0 8px 0 var(--pink-deep), 0 16px 28px #e9679f4d}.big-button--mint{background:linear-gradient(180deg, #9fe6c8, var(--mint));box-shadow:0 8px 0 var(--mint-deep), 0 16px 28px #48b48a47}.big-button:active:not(:disabled){transform:translateY(6px)}.big-button:disabled{opacity:.55;filter:saturate(.7)}.big-button--pink:active:not(:disabled){box-shadow:0 2px 0 var(--pink-deep), 0 6px 12px #e9679f4d}.big-button--mint:active:not(:disabled){box-shadow:0 2px 0 var(--mint-deep), 0 6px 12px #48b48a47}.sound-fix{left:50%;bottom:calc(28px + env(safe-area-inset-bottom));z-index:25;color:#fff;background:var(--lavender);box-shadow:var(--shadow-soft);border:3px solid #fff;border-radius:999px;padding:18px 32px;font-size:26px;font-weight:800;animation:1.6s ease-in-out infinite breathe;position:fixed;translate:-50%}.game{z-index:10;padding:calc(16px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff6fa8c;flex-direction:column;animation:.25s ease-out fade-in;display:flex;position:fixed;inset:0}.game__bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.round-button{width:84px;height:84px;color:var(--ink);background:var(--card);box-shadow:var(--shadow-soft);border:4px solid #fff;border-radius:50%;flex:none;place-items:center;transition:transform 80ms;display:grid}.round-button svg{width:44px;height:44px}.round-button:active:not(:disabled){transform:scale(.92)}.round-button--listen{color:#fff;background:var(--pink)}.progress{color:#8d7d9c4d;gap:14px;margin:0;padding:0;font-size:34px;line-height:1;list-style:none;display:flex}.progress .is-done{color:var(--lemon);text-shadow:0 2px 0 var(--lemon-deep)}.progress .is-current{color:var(--pink);animation:1.4s ease-in-out infinite breathe}.game__stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.cards{flex-wrap:wrap;justify-content:center;gap:clamp(28px,6vw,72px);display:flex}.word-card{aspect-ratio:1;background:#fffdfb;border:6px solid #fff;border-radius:40px;place-items:center;width:clamp(200px,30vw,290px);padding:0;transition:opacity .25s,transform .25s,filter .25s;animation:.45s cubic-bezier(.34,1.56,.64,1) both card-in;display:grid;box-shadow:0 10px #c9b8ff8c,0 22px 40px #7a5c962e}.word-card:nth-child(2){animation-delay:80ms}.word-card:nth-child(3){animation-delay:.16s}.word-card__art{width:72%;display:block}.word-picture{width:100%;height:auto;display:block}.word-card.is-waiting{opacity:.82}.word-card.is-removed{opacity:0;pointer-events:none;transform:scale(.6)}.word-card.is-highlight{animation:1.2s ease-in-out infinite glow}.word-card.is-demo{animation:.9s ease-in-out infinite glow;transform:scale(1.1)}.word-card.is-wrong .word-card__art{animation:.45s shake}.word-card.is-correct{border-color:var(--lemon);transform:scale(1.08)}.word-card.is-correct .word-card__art{animation:.5s cubic-bezier(.34,1.56,.64,1) pop}@keyframes card-in{0%{opacity:0;transform:scale(.6)translateY(30px)}}@keyframes glow{0%,to{box-shadow:0 10px #c9b8ff8c,0 0 #ffd66bb3}50%{box-shadow:0 10px #c9b8ff8c,0 0 0 18px #ffd66b00}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-12px)rotate(-4deg)}40%,80%{transform:translate(12px)rotate(4deg)}}@keyframes pop{40%{transform:scale(1.25)rotate(-6deg)}}.buddy{left:calc(20px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));width:128px;height:128px;box-shadow:var(--shadow-soft);pointer-events:none;background:#f1d4f2;border:5px solid #fff;border-radius:50%;animation:3.2s ease-in-out infinite bob;position:absolute;overflow:hidden}.buddy img{object-fit:cover;width:100%;height:100%;display:block}.buddy--happy{animation:.6s cubic-bezier(.34,1.56,.64,1) buddy-hop}.buddy--think{animation:.7s ease-in-out buddy-tilt}.buddy--cheer{animation:.7s ease-in-out infinite alternate buddy-hop}@keyframes buddy-hop{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-26px)scale(1.06,.96)}70%{transform:translateY(0)scale(1.05,.94)}to{transform:translateY(0)scale(1)}}@keyframes buddy-tilt{25%{transform:rotate(-10deg)}65%{transform:rotate(8deg)}}.game__skip{right:calc(24px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));color:var(--ink-soft);background:#fff9;border:none;border-radius:999px;padding:10px 18px;font-size:16px;font-weight:700;position:absolute}.game__done{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.done-stars{gap:18px;font-size:96px;line-height:1;display:flex}.done-stars span{color:var(--lemon);text-shadow:0 6px 0 var(--lemon-deep);animation:.6s cubic-bezier(.34,1.56,.64,1) both star-in}@keyframes star-in{0%{opacity:0;transform:scale(.2)rotate(-90deg)}}.done-title{text-shadow:0 3px #fff;margin:0;font-size:44px;font-weight:800}.done-actions{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:12px;display:flex}.book{z-index:10;touch-action:none;background:linear-gradient(#dcefff 0%,#efe6ff 58%,#d9f3e6 100%);animation:.3s ease-out fade-in;position:fixed;inset:0;overflow:hidden}.book__pages{position:absolute;inset:0}.book__art{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.book__art.is-in-next{animation:.55s cubic-bezier(.22,.8,.3,1) both page-in-next}.book__art.is-in-prev{animation:.55s cubic-bezier(.22,.8,.3,1) both page-in-prev}.book__art.is-in-open{animation:.7s ease-out both page-open}@keyframes page-in-next{0%{opacity:0;transform:translate(8%)scale(1.03)}}@keyframes page-in-prev{0%{opacity:0;transform:translate(-8%)scale(1.03)}}@keyframes page-open{0%{opacity:0;transform:scale(1.06)}}.book__bar{z-index:2;padding:calc(16px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 0 calc(20px + env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:0;left:0;right:0}.book__bar>*{pointer-events:auto}.book__dots{background:#fff9;border-radius:999px;gap:10px;margin:0;padding:11px 16px;list-style:none;display:flex;box-shadow:0 6px 18px #7a5c961f}.book__dots li{background:#8d7d9c47;border-radius:50%;width:14px;height:14px;transition:background-color .3s,scale .3s}.book__dots .is-done{background:var(--lemon)}.book__dots .is-current{background:var(--pink);scale:1.4}.book[data-page="0"] .book__dots{visibility:hidden}.book__tools{align-items:center;gap:14px;display:flex}.book__tools.is-hidden{visibility:hidden}.book__auto{height:60px;color:var(--ink-soft);background:var(--card);box-shadow:var(--shadow-soft);border:3px solid #fff;border-radius:999px;align-items:center;gap:8px;padding:0 20px 0 14px;font-size:18px;font-weight:800;transition:background-color .2s,color .2s,transform 80ms;display:flex}.book__auto svg{width:34px;height:34px}.book__auto.is-on{color:#fff;background:var(--mint)}.book__auto:active{transform:scale(.94)}.book__title{top:calc(118px + env(safe-area-inset-top));letter-spacing:.08em;white-space:nowrap;color:var(--pink-deep);background:#fff8f2f0;border:5px solid #fff;border-radius:999px;margin:0;padding:14px 52px 16px;font-size:clamp(40px,5.6vw,66px);font-weight:900;animation:.8s cubic-bezier(.34,1.56,.64,1) .15s both title-drop;position:absolute;left:50%;translate:-50%;box-shadow:0 8px #e9679f47,0 18px 40px #7a5c9638}.book__title:before,.book__title:after{content:"✦";color:var(--lemon-deep);font-size:.5em;position:absolute;top:50%;translate:0 -55%}.book__title:before{left:18px}.book__title:after{right:18px}.book__title.is-reading{animation:.8s cubic-bezier(.34,1.56,.64,1) .15s both title-drop,1.6s ease-in-out 1s infinite breathe}@keyframes title-drop{0%{opacity:0;transform:translateY(-30px)scale(.9)}}.book__text{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));text-align:center;width:min(1000px,100% - 64px);color:var(--ink);background:#fff8f2ed;border:4px solid #fff;border-radius:32px;flex-direction:column;align-items:center;gap:2px;margin:0;padding:14px 32px 16px;font-size:clamp(24px,2.8vw,34px);font-weight:700;line-height:1.45;animation:.5s cubic-bezier(.34,1.4,.64,1) .12s both text-up;display:flex;position:absolute;translate:-50%;box-shadow:0 14px 36px #5b4a6b2e}@keyframes text-up{0%{opacity:0;transform:translateY(24px)}}.book__line{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:12px;padding:2px 6px;transition:background-color .25s,color .25s}.book__line.is-reading{color:#4a3858;background:#ffd66b99}.book__line.is-quiet{color:var(--ink-soft)}.book__turn{z-index:1;width:96px;height:96px;color:var(--pink-deep);box-shadow:var(--shadow-soft);background:#fffc;border:4px solid #fff;border-radius:50%;place-items:center;transition:transform 80ms,opacity .25s;display:grid;position:absolute;top:50%;translate:0 -50%}.book__turn svg{width:50px;height:50px}.book__turn--prev{left:calc(18px + env(safe-area-inset-left))}.book__turn--next{right:calc(18px + env(safe-area-inset-right));color:#fff;background:var(--pink);box-shadow:0 6px 0 var(--pink-deep), 0 14px 28px #e9679f4d}.book__turn:disabled{opacity:0;pointer-events:none}.book__turn:active:not(:disabled){transform:scale(.9)}.book__turn--next.is-inviting{animation:1.4s ease-in-out infinite breathe}.book__end{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6fa80;flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.4s ease-out fade-in;display:flex;position:absolute;inset:0}.book__end-buddy{width:180px;height:180px;box-shadow:var(--shadow-soft);background:#f1d4f2;border:6px solid #fff;border-radius:50%;animation:.7s ease-in-out infinite alternate buddy-hop;overflow:hidden}.book__end-buddy img{object-fit:cover;width:100%;height:100%;display:block}.count{z-index:10;background:#f7dcd8;animation:.3s ease-out fade-in;position:fixed;inset:0;overflow:hidden}.count__bar{z-index:3;padding:calc(16px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 0 calc(20px + env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:0;left:0;right:0}.count__bar .progress{color:#8d7d9c59;background:#ffffffb8;border-radius:999px;padding:8px 18px;box-shadow:0 6px 18px #7a5c961f}.count__stage{top:calc(108px + env(safe-area-inset-top));bottom:calc(18px + env(safe-area-inset-bottom));left:calc(24px + env(safe-area-inset-left));right:calc(24px + env(safe-area-inset-right));grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:center;gap:2vw;display:grid;position:absolute}.count__trays{flex-direction:column;justify-content:center;align-items:center;gap:2.2vh;height:100%;min-height:0;display:flex}.count__tray{width:min(100%, var(--tray-w));aspect-ratio:1000/534;position:relative;container-type:inline-size}.count__trays--1 .count__tray{--tray-w:calc((100vh - 200px) * 1.1);margin-top:10vh}.count__trays--2 .count__tray{--tray-w:calc((100vh - 230px) / 2 * 1.87)}.count__tray-art,.count__plate-art{object-fit:contain;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 14px 18px #7a525c38);width:100%;height:100%;position:absolute;inset:0}.count__tray-grid{inset:var(--tray-inset,13% 12% 17% 12%);grid-template-columns:repeat(var(--cols,4), 1fr);grid-template-rows:repeat(2,1fr);display:grid;position:absolute}.count__cookie{background:0 0;border:none;place-items:center;width:100%;height:100%;padding:0;display:grid;position:relative}.count__cookie-face{width:var(--ck,17cqw);aspect-ratio:1;transition:transform .1s;display:block;position:relative}.count__cookie-face img{pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 5px 4px #7a482847);width:100%;height:100%;display:block}.count__cookie:active:not(:disabled) .count__cookie-face{transform:scale(.88)}.count__cookie.is-gone{visibility:hidden}.count[data-phase=asking] .count__tray .count__cookie,.count[data-phase=intro] .count__tray .count__cookie{opacity:.75}.count__table{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-height:0;display:flex;position:relative}.count__buddy{flex:auto;justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex;position:relative}.count__bunny{aspect-ratio:1;pointer-events:none;flex:none;height:52vh;margin-bottom:-15vh;position:relative}.count__bunny-pose{object-fit:contain;opacity:0;-webkit-user-drag:none;transform-origin:50% 100%;width:100%;height:100%;position:absolute;inset:0}.count__bunny-pose.is-on{opacity:1;animation:.4s cubic-bezier(.34,1.56,.64,1) bunny-swap,3.2s ease-in-out .4s infinite bunny-breathe}.count__bunny-pose--eat.is-on{animation:.4s cubic-bezier(.34,1.56,.64,1) bunny-swap,.36s ease-in-out .4s infinite alternate bunny-munch}@keyframes bunny-swap{0%{transform:scale(.92,1.06)}}@keyframes bunny-breathe{50%{transform:scale(1.02,.985)}}@keyframes bunny-munch{to{transform:scale(1.04,.96)}}.count__bubble{z-index:2;white-space:nowrap;box-shadow:var(--shadow-soft);background:#fffffff0;border:4px solid #fff;border-radius:999px;align-items:center;gap:6px;padding:6px 22px 6px 26px;animation:.45s cubic-bezier(.34,1.56,.64,1) both bubble-in;display:flex;position:absolute;top:14%;right:74%}.count__bubble:after{content:"";clip-path:polygon(0 0,100% 45%,0 100%);background:#fffffff0;width:24px;height:22px;position:absolute;top:58%;right:-18px}.count__bubble.is-asking{animation:.45s cubic-bezier(.34,1.56,.64,1) both bubble-in,1.2s ease-in-out .45s infinite breathe}.count__bubble-num{color:var(--pink-deep);text-shadow:0 4px #e9679f2e;font-size:clamp(56px,9vh,84px);font-weight:900;line-height:1.05}.count__bubble img{-webkit-user-drag:none;width:clamp(48px,7.5vh,70px);height:auto}@keyframes bubble-in{0%{opacity:0;transform:scale(.6)}}.count__plate{z-index:1;aspect-ratio:1200/568;flex:none;width:min(100%,540px,68vh);position:relative;container-type:inline-size}.count__plate-grid{inset:var(--plate-inset,21% 14% 25% 14%);grid-template-columns:repeat(var(--row,5), 1fr);grid-template-rows:repeat(2,1fr);display:grid;position:absolute}.count__cell{place-items:center;display:grid;position:relative}.count__cell.is-hint:before{content:"";aspect-ratio:1;border:3px dashed var(--pink-deep);background:#ffffff73;border-radius:50%;width:12.5cqw;animation:1.4s ease-in-out infinite breathe;position:absolute}.count__cookie--plate{--ck:13cqw}.count__cookie.is-extra .count__cookie-face{opacity:.5;outline:3px dashed var(--ink-soft);outline-offset:2px;border-radius:50%}.count__badge{min-width:28px;height:28px;color:var(--ink);background:var(--lemon);border:3px solid #fff;border-radius:999px;padding:0 6px;font-size:16px;font-weight:900;line-height:22px;transition:background-color .2s,transform .2s;position:absolute;bottom:-2px;right:-2px;box-shadow:0 3px 6px #7a5c9633}.count__cookie.is-counted .count__cookie-face{animation:.42s cubic-bezier(.34,1.56,.64,1) count-hop}.count__cookie.is-counted .count__badge{color:#fff;background:var(--pink);transform:scale(1.35)}@keyframes count-hop{40%{transform:translateY(-18%)scale(1.12)}}.count__plate.is-eating .count__cookie--plate{animation:.5s ease-in both eat-away;animation-delay:calc(var(--i,0) * 70ms)}@keyframes eat-away{to{opacity:0;transform:translateY(-120%)scale(.2)}}.count__feed{flex:none;min-width:260px;margin-top:12px}.count__feed:disabled{opacity:.55;filter:saturate(.7)}.count__feed.is-inviting{animation:1.2s ease-in-out infinite breathe}.count__done{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff6fa61;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding-top:40px;animation:.35s ease-out fade-in;display:flex;position:absolute;inset:0}.count__done-bunny{pointer-events:none;-webkit-user-drag:none;width:auto;height:34vh;animation:.8s ease-in-out infinite alternate buddy-hop}.count__done .done-stars{font-size:72px}.room-canvas{pointer-events:none;width:max(100vw,150vh);height:max(100vh,66.667vw);position:absolute;top:50%;left:50%;translate:-50% -50%}.room-canvas__bg{-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.room-decor{-webkit-user-drag:none;filter:drop-shadow(0 8px 10px #7a525c33);height:auto;position:absolute;translate:-50%}.room-decor.is-fresh{animation:.7s cubic-bezier(.34,1.56,.64,1) both decor-drop,1.6s ease-in-out .7s 2 decor-glow}@keyframes decor-drop{0%{opacity:0;transform:translateY(-40%)scale(.6)}}@keyframes decor-glow{50%{filter:drop-shadow(0 0 18px #ffd66bf2)drop-shadow(0 8px 10px #7a525c33)}}.room{z-index:10;background:#f7dcd8;animation:.3s ease-out fade-in;position:fixed;inset:0;overflow:hidden}.room__bar{z-index:3;padding:calc(16px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 0 calc(20px + env(safe-area-inset-left));justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.room__stars{height:64px;color:var(--ink);background:var(--card);box-shadow:var(--shadow-soft);border:4px solid #fff;border-radius:999px;align-items:center;gap:8px;padding:0 24px 0 18px;font-size:32px;font-weight:900;display:flex}.room__stars span{color:var(--lemon);text-shadow:0 2px 0 var(--lemon-deep)}.room__bunny{left:50%;bottom:calc(118px + env(safe-area-inset-bottom));z-index:1;pointer-events:none;-webkit-user-drag:none;transform-origin:50% 100%;width:auto;height:50vh;animation:.4s cubic-bezier(.34,1.56,.64,1) bunny-swap,3.2s ease-in-out .4s infinite bunny-breathe;position:absolute;translate:-50%}.room__bunny.is-cheer{animation:.7s ease-in-out infinite alternate buddy-hop}.room__actions{left:0;right:0;bottom:calc(26px + env(safe-area-inset-bottom));z-index:2;flex-wrap:wrap;justify-content:center;gap:28px;padding:0 24px;display:flex;position:absolute}.room__action{justify-content:center;align-items:center;gap:12px;min-width:300px;display:inline-flex}.room__action img{-webkit-user-drag:none;width:56px;height:56px}.room__action-star{color:#fff;text-shadow:0 3px 0 var(--lemon-deep);font-size:44px;line-height:1}.big-button--lemon{color:var(--ink);background:linear-gradient(180deg, #ffe596, var(--lemon));box-shadow:0 8px 0 var(--lemon-deep), 0 16px 28px #f0b93a52}.big-button--lemon:active:not(:disabled){box-shadow:0 2px 0 var(--lemon-deep), 0 6px 12px #f0b93a52}.shop{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:4;background:linear-gradient(#fff8f2f7,#ffeedef7);border:5px solid #fff;border-radius:34px;width:min(980px,100% - 40px);padding:18px 22px 20px;animation:.45s cubic-bezier(.34,1.3,.64,1) both shop-up;position:absolute;translate:-50%;box-shadow:0 10px #e9679f2e,0 24px 60px #5b4a6b47}@keyframes shop-up{0%{opacity:0;transform:translateY(40px)}}.shop__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.shop__title{color:var(--pink-deep);margin:0 0 0 8px;font-size:30px;font-weight:900}.shop__title span{color:var(--lemon);text-shadow:0 2px 0 var(--lemon-deep)}.shop__items{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.shop-card{background:#fff;border:4px solid #fff;border-radius:24px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:10px 8px 12px;transition:transform .12s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 6px 16px #7a5c961f}.shop-card:active{transform:scale(.95)}.shop-card__art{aspect-ratio:1;background:radial-gradient(circle at 50% 60%,#fff4f8 0,#ffe6ef 70%);border-radius:18px;width:100%;display:block;position:relative}.shop-card__art img{object-fit:contain;-webkit-user-drag:none;width:84%;height:84%;position:absolute;inset:8%}.shop-card__name{color:var(--ink);white-space:nowrap;font-size:18px;font-weight:800}.shop-card__tag{color:var(--ink);background:#fff3c9;border-radius:999px;padding:2px 14px;font-size:20px;font-weight:900}.shop-card__tag span{color:var(--lemon-deep)}.shop-card__tag--owned{color:#fff;background:var(--mint)}.shop-card--ready{border-color:var(--lemon);box-shadow:0 0 0 3px #ffd66b73,0 6px 16px #7a5c961f}.shop-card--short .shop-card__art img{opacity:.55;filter:saturate(.6)}.shop-card--owned .shop-card__art{background:radial-gradient(circle at 50% 60%,#f1fbf6 0,#dcf4e8 70%)}.shop-card.is-selected{border-color:var(--pink);transform:translateY(-6px);box-shadow:0 0 0 4px #ff8fbf59,0 12px 24px #e9679f40}.shop__foot{justify-content:center;align-items:center;min-height:96px;margin-top:16px;display:flex}.shop__buy{min-width:340px;animation:1.4s ease-in-out infinite breathe}.shop__hint{color:var(--ink-soft);margin:0;font-size:24px;font-weight:800}.shop__hint b{color:var(--pink-deep);font-size:30px}.today{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;translate:-50%}.today>*{pointer-events:auto}.today__head{background:#ffffffd1;border:3px solid #fff;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 20px;animation:.4s cubic-bezier(.34,1.56,.64,1) both bubble-in;display:flex;box-shadow:0 8px 22px #7a5c9629}.today__title{color:var(--pink-deep);white-space:nowrap;font-size:22px;font-weight:900}.today__close{width:40px;height:40px;color:var(--ink-soft);background:#8d7d9c1f;border:none;border-radius:50%;place-items:center;padding:0;display:grid}.today__close svg{width:22px;height:22px}.today__bubbles{gap:clamp(16px,3vw,34px);display:flex}.today-bubble{background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;animation:.55s cubic-bezier(.34,1.56,.64,1) both today-pop,3.4s ease-in-out infinite today-float;display:flex}.today-bubble__ball{aspect-ratio:1;background:radial-gradient(circle at 30% 25%,#fffffff2 0 8%,#fff0 16%),radial-gradient(circle,#ffffffc7 0 58%,#ffecf6d9 72%,#d6c8ffe6 100%);border:4px solid #fffffff2;border-radius:50%;place-items:center;width:clamp(104px,15vh,132px);transition:transform .12s;display:grid;position:relative;overflow:visible;box-shadow:inset 0 -6px 14px #c9b8ff73,inset 0 6px 12px #ffd6e699,0 12px 26px #7a5c9638}.today-bubble__ball>img,.today-bubble__ball>svg{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:68%;height:68%}.today-bubble__ball>.today-bubble__cover{object-fit:cover;border-radius:50%;width:84%;height:84%}.today-bubble:active .today-bubble__ball{transform:scale(.92)}.today-bubble__label{color:var(--ink);white-space:nowrap;background:#ffffffc7;border-radius:999px;padding:2px 12px;font-size:17px;font-weight:800}.today-bubble__check{color:#fff;background:var(--mint);border:3px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;font-weight:900;animation:.45s cubic-bezier(.34,1.56,.64,1) .3s both bubble-in;display:grid;position:absolute;top:-4px;right:-4px;box-shadow:0 4px 10px #48b48a59}@keyframes today-pop{0%{opacity:0;transform:translateY(30px)scale(.5)}}@keyframes today-float{50%{translate:0 -8px}}.hud__calendar{top:calc(96px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left));width:76px;height:76px;color:var(--pink-deep);position:absolute}.hud__calendar svg{width:46px;height:46px}.hud__calendar.is-due:after{content:"";background:var(--pink);border:3px solid #fff;border-radius:50%;width:18px;height:18px;animation:1.4s ease-in-out infinite breathe;position:absolute;top:2px;right:2px}.calendar-backdrop{z-index:12;padding:calc(16px + env(safe-area-inset-top)) 20px calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#5b4a6b47;place-items:center;animation:.25s ease-out fade-in;display:grid;position:fixed;inset:0}.calendar{background:linear-gradient(#fffaf5,#fff1e8);border:5px solid #fff;border-radius:34px;grid-template-columns:minmax(0,1fr) clamp(220px,26vw,290px);gap:22px;width:min(980px,100%);max-height:100%;padding:38px 26px 24px;animation:.5s cubic-bezier(.34,1.3,.64,1) both calendar-in;display:grid;position:relative;box-shadow:0 10px #e9679f33,0 26px 60px #5b4a6b4d}@keyframes calendar-in{0%{opacity:0;transform:translateY(40px)scale(.95)}}.calendar__rings{gap:clamp(26px,5vw,64px);display:flex;position:absolute;top:-14px;left:50%;translate:-50%}.calendar__rings span{background:#fff;border:4px solid #d8c9e6;border-radius:999px;width:14px;height:30px}.calendar__close{z-index:1;position:absolute;top:14px;right:14px}.calendar__page{background:#fff;border-radius:24px;min-width:0;padding:14px 16px 16px;box-shadow:inset 0 0 0 3px #ff8fbf2e}.calendar__head{justify-content:center;align-items:center;gap:18px;margin-bottom:8px;display:flex}.calendar__month{min-width:170px;color:var(--pink-deep);justify-content:center;align-items:baseline;gap:10px;margin:0;font-size:40px;font-weight:900;display:flex}.calendar__year{color:var(--ink-soft);font-size:18px;font-weight:800}.calendar__nav{width:52px;height:52px;color:var(--pink-deep);background:#ffeef6;border:3px solid #fff;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 4px 10px #e9679f2e}.calendar__nav svg{width:28px;height:28px}.calendar__nav:disabled{opacity:.25}.calendar__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calendar__weekday{text-align:center;color:var(--ink-soft);padding:2px 0 4px;font-size:16px;font-weight:800}.calendar__cell{background:#fff7fa;border-radius:14px;place-items:center;height:clamp(46px,8.2vh,66px);display:grid;position:relative}.calendar__cell.is-blank{background:0 0}.calendar__cell.is-future{opacity:.5}.calendar__cell.is-today{box-shadow:inset 0 0 0 3px var(--pink);background:#fff0f6}.calendar__date{color:var(--ink-soft);font-size:13px;font-weight:800;position:absolute;top:3px;left:7px}.calendar__sticker{object-fit:contain;-webkit-user-drag:none;filter:drop-shadow(0 3px 3px #7a5c9640);width:86%;height:86%}.calendar__side{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding-top:20px;display:flex}.calendar__side-title{color:var(--ink);text-align:center;margin:0;font-size:24px;font-weight:900}.calendar__choices{flex-direction:column;gap:12px;display:flex}.calendar__choice{aspect-ratio:1;background:radial-gradient(circle at 50% 45%,#fff 0,#ffeef6 75%);border:4px solid #fff;border-radius:28px;place-items:center;width:clamp(104px,16vh,132px);padding:10px;transition:transform .1s;animation:.5s cubic-bezier(.34,1.56,.64,1) both today-pop,3s ease-in-out infinite today-float;display:grid;box-shadow:0 8px 18px #e9679f33}.calendar__choice img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%}.calendar__choice:active:not(:disabled){transform:scale(.92)}.calendar__today-big{-webkit-user-drag:none;filter:drop-shadow(0 8px 10px #7a5c9640);width:clamp(130px,22vh,180px);height:auto;animation:1s ease-in-out infinite alternate buddy-hop}.calendar__total{color:var(--ink-soft);background:#ffd66b40;border-radius:999px;margin:0;padding:6px 16px;font-size:18px;font-weight:800}.calendar__total b{color:var(--pink-deep);font-size:24px}.panel{-webkit-overflow-scrolling:touch;border-radius:var(--radius-l);background:var(--card);border:2px solid var(--card-edge);min-height:0;box-shadow:var(--shadow-soft);-webkit-user-select:text;user-select:text;padding:20px 22px;font-size:16px;overflow-y:auto}.panel__head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.panel__title{margin:0;font-size:22px;font-weight:800}.panel__close{width:44px;height:44px;color:var(--ink-soft);background:#8d7d9c1f;border:none;border-radius:50%;font-size:28px;line-height:1}.panel__subtitle{color:var(--ink-soft);margin:0 0 8px;font-size:16px;font-weight:800}.panel__group{border-top:1px dashed #8d7d9c4d;padding:14px 0}.panel__group:first-of-type{border-top:none}.panel__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel__note{color:var(--ink-soft);margin:8px 0 0;font-size:14px;line-height:1.5}.panel__actions .panel__note{margin:0}.panel-button{border-radius:var(--radius-m);background:#fff;border:2px solid #8d7d9c40;min-height:48px;padding:0 18px;font-size:16px;font-weight:700}.panel-button--primary{color:#fff;background:var(--pink-deep);border-color:#0000}.inline-button{color:#fff;background:var(--bad);border:none;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:700}.check-row{justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;display:flex}.check-row__label{color:var(--ink-soft);flex:none}.check-row__value{text-align:right;overflow-wrap:anywhere;font-weight:700}.tone-ok{color:var(--ok)}.tone-warn{color:var(--warn)}.tone-bad{color:var(--bad)}.tone-muted{color:var(--muted)}.event-list{margin:0;padding:0;list-style:none}.event-list li{justify-content:space-between;padding:5px 0;font-size:15px;display:flex}.event-list time{color:var(--ink-soft);font-variant-numeric:tabular-nums}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));border-radius:var(--radius-m);max-width:min(640px,100vw - 32px);box-shadow:var(--shadow-soft);z-index:20;background:#fff;padding:14px 22px;font-size:17px;font-weight:700;animation:.25s ease-out toast-in;position:fixed;translate:-50%}.toast--ok{border-left:6px solid var(--ok)}.toast--warn{border-left:6px solid var(--warn)}.toast--error{border-left:6px solid var(--bad)}@keyframes toast-in{0%{opacity:0;translate:-50% 12px}}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{z-index:30;background:linear-gradient(180deg, var(--sky-top), var(--sky-mid));flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0}.rotate-hint__device{border:10px solid var(--pink);background:#fff;border-radius:24px;width:120px;height:170px;animation:2.2s ease-in-out infinite rotate-device}.rotate-hint__text{margin:0;font-size:30px;font-weight:800}}@keyframes rotate-device{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (height<=640px){.word-card{width:clamp(160px,26vw,230px)}.round-button{width:68px;height:68px}.done-stars{font-size:72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.sky-tint,.sky-tint>div{pointer-events:none;position:fixed;inset:0}.sky-tint>div{transition:opacity 2.5s}.sky-tint__day{background:linear-gradient(#cfe9ff 0%,#e8f1ff 45%,#fff3f7 100%)}.sky-tint__dusk{background:radial-gradient(circle at 12% 70%,#ffb278bf 0,#ffa08c00 45%),linear-gradient(#b994d9 0%,#e9a0c0 50%,#ffb48f 100%)}.sky-tint__night{background:linear-gradient(#23214f 0%,#3c3577 45%,#6b4f8e 80%,#8c6aa3 100%)}.star-dot{background:#fff8d6;border-radius:50%;animation:3s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 6px 2px #fff8d699}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:1}}.sleep,.rest{z-index:12;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;animation:.6s ease-out fade-in;display:flex;position:fixed;inset:0}.sleep{color:#fff6e9;background:radial-gradient(at 50% 45%,#3c326e59 0,#1e1c46b3 75%),linear-gradient(#1e1c488c,#46346e80)}.sleep__moon{filter:drop-shadow(0 0 18px #ffe7a399);border-radius:50%;width:96px;height:96px;animation:6s ease-in-out infinite bob;position:absolute;top:12%;right:16%;box-shadow:-22px 10px #ffe7a3}.sleep__buddy{background:#4a3f78;border:6px solid #ffffffd9;border-radius:50%;width:210px;height:210px;padding:0;animation:4s ease-in-out infinite breathe;position:relative;box-shadow:0 0 60px #ffe7a359}.sleep__buddy img{object-fit:cover;filter:brightness(.82)saturate(.85);border-radius:50%;width:100%;height:100%}.zzz{color:#ffe7a3;opacity:0;font-size:34px;font-weight:800;animation:3.6s ease-in-out infinite zzz;position:absolute;top:10px;right:-14px}.zzz--2{font-size:28px;animation-delay:1.2s}.zzz--3{font-size:22px;animation-delay:2.4s}@keyframes zzz{0%{opacity:0;transform:translateY(10px)scale(.6)}30%{opacity:1}to{opacity:0;transform:translate(34px,-60px)scale(1.2)}}.sleep__title{text-shadow:0 3px 12px #14103266;margin:10px 0 0;font-size:40px;font-weight:800}.sleep__note{opacity:.8;margin:0;font-size:17px}.sleep .parent-gate,.rest .parent-gate{top:calc(16px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right));position:absolute}.parent-gate--night{color:#fff6e9;background:#ffffff2e}.rest{background:linear-gradient(#d6f0e4eb,#e8f4ffeb)}.rest__ring{width:240px;height:240px;position:relative}.rest__ring svg{position:absolute;inset:0;rotate:-90deg}.rest__track,.rest__progress{fill:none;stroke-width:14px}.rest__track{stroke:#48b48a2e}.rest__progress{stroke:var(--mint-deep);stroke-linecap:round;transition:stroke-dashoffset 1s linear}.rest__buddy{object-fit:cover;border:5px solid #fff;border-radius:50%;width:calc(100% - 64px);height:calc(100% - 64px);animation:6s ease-in-out infinite look-around;position:absolute;inset:32px}@keyframes look-around{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg)translate(-6px)}70%{transform:rotate(8deg)translate(6px)}}.rest__title{margin:8px 0 0;font-size:38px;font-weight:800}.rest__note{color:var(--ink-soft);margin:0;font-size:18px}.guard-error{gap:18px}.guard-error__buddy{object-fit:cover;border:5px solid #fff;border-radius:50%;width:150px;height:150px;rotate:-8deg;box-shadow:0 12px 30px #4878a02e}.pin-panel{width:100%}.pin-pad{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.pin-dots{gap:18px;margin:8px 0;display:flex}.pin-dots span{border:2px solid var(--ink-soft);border-radius:50%;width:18px;height:18px;transition:background .15s}.pin-dots span.is-filled{background:var(--ink);border-color:var(--ink)}.pin-dots.is-error{animation:.4s shake}.pin-error{margin:0}.pin-keys{grid-template-columns:repeat(3,72px);gap:12px;display:grid}.pin-key{border-radius:var(--radius-m);background:#fff;border:2px solid #8d7d9c33;height:60px;font-size:24px;font-weight:700}.pin-key:active{background:#f6eefb}.pin-key--del{font-size:20px}.link-button{color:var(--ink-soft);background:0 0;border:none;margin:14px auto 0;padding:6px 10px;font-size:15px;text-decoration:underline;display:block}.forgot__question{font-variant-numeric:tabular-nums;margin:12px 0;font-size:28px;font-weight:800}.forgot__input{border-radius:var(--radius-m);width:120px;min-height:48px;font:inherit;-webkit-user-select:text;user-select:text;border:2px solid #8d7d9c4d;padding:0 12px;font-size:22px}.time-summary{margin:0 0 4px;font-size:17px}.time-summary b{font-size:22px}.time-settings-title{margin-top:16px}.stepper{align-items:center;gap:8px;padding:6px 0;display:flex}.stepper__label{color:var(--ink-soft);flex:1}.stepper__btn{background:#fff;border:2px solid #8d7d9c40;border-radius:50%;width:40px;height:40px;font-size:20px;font-weight:700;line-height:1}.stepper__value{text-align:center;min-width:96px;font-weight:700}.time-input{min-height:40px;font:inherit;-webkit-user-select:text;user-select:text;border:2px solid #8d7d9c40;border-radius:12px;padding:0 8px;font-weight:700}.adopt{z-index:12;padding:calc(16px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 42%,#ffffffbf 0,#fff6fa00 55%),#fff0f899;flex-direction:column;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.round-button--small{width:64px;height:64px;color:var(--ink-soft);border-width:3px}.round-button--small svg{width:30px;height:30px}.adopt__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(18px,4vh,36px);min-height:0;display:flex}.ok-button{color:#fff;background:linear-gradient(180deg, #9fe6c8, var(--mint));width:116px;height:116px;box-shadow:0 8px 0 var(--mint-deep), 0 18px 30px #48b48a4d;border:6px solid #fff;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms,opacity .2s;display:grid}.ok-button svg{width:62px;height:62px}.ok-button:not(:disabled){animation:1.6s ease-in-out infinite ok-ready}.ok-button:active:not(:disabled){box-shadow:0 2px 0 var(--mint-deep), 0 6px 12px #48b48a4d;animation:none;transform:translateY(6px)}.ok-button:disabled{opacity:.35;filter:saturate(.4)}@keyframes ok-ready{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.pet-cards{flex-wrap:wrap;justify-content:center;gap:clamp(28px,6vw,80px);display:flex}.pet-card{--tint:#eee;background:0 0;border:none;flex-direction:column;align-items:center;gap:26px;padding:0;animation:.5s cubic-bezier(.34,1.56,.64,1) both card-in;display:flex}.pet-card__art{aspect-ratio:1;background:var(--tint);border:7px solid #fff;border-radius:44px;width:clamp(210px,27vw,300px);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,opacity .3s,filter .3s;display:block;overflow:hidden;box-shadow:0 10px #b09cde99,0 24px 44px #7a5c9633}.pet-card__art img{object-fit:cover;width:100%;height:100%;animation:3s ease-in-out infinite bob;display:block}.pet-card:nth-child(2) .pet-card__art img{animation-delay:-1.4s}.pet-card__label{background:#ffffffbf;border-radius:999px;padding:6px 18px;font-size:22px;font-weight:800}.pet-card.is-selected .pet-card__art{box-shadow:0 0 0 8px var(--lemon), 0 10px 0 8px var(--lemon-deep), 0 30px 50px #f0b93a59;border-color:#fff8d6;transform:scale(1.06)rotate(-1.5deg)}.pet-card.is-other .pet-card__art{opacity:.72;filter:saturate(.75);transform:scale(.94)}.adopt__who{--tint:#eee;aspect-ratio:1;background:var(--tint);width:clamp(120px,15vw,160px);box-shadow:var(--shadow-soft);border:6px solid #fff;border-radius:50%;animation:3s ease-in-out infinite bob;overflow:hidden}.adopt__who img{object-fit:cover;width:100%;height:100%;display:block}.name-cards{flex-wrap:wrap;justify-content:center;gap:clamp(16px,2.6vw,30px);display:flex}.name-card{background:#fffdfb;border:5px solid #fff;border-radius:34px;flex-direction:column;align-items:center;gap:4px;width:clamp(140px,17vw,190px);padding:16px 10px 14px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;animation:.45s cubic-bezier(.34,1.56,.64,1) both card-in;display:flex;box-shadow:0 8px #c9b8ff8c,0 18px 32px #7a5c9629}.name-icon{width:72%;display:block}.name-card__text{letter-spacing:2px;font-size:40px;font-weight:800;line-height:1.1}.name-card.is-selected{box-shadow:0 0 0 6px var(--lemon), 0 8px 0 6px var(--lemon-deep), 0 24px 40px #f0b93a4d;border-color:#fff8d6;transform:translateY(-8px)scale(1.06)}.name-card.is-selected .name-icon{animation:.45s cubic-bezier(.34,1.56,.64,1) pop}.adopt__stage--welcome{gap:clamp(12px,3vh,26px)}.welcome-pet{--tint:#eee;aspect-ratio:1;width:clamp(230px,30vw,320px);animation:.7s cubic-bezier(.34,1.56,.64,1) both welcome-in;position:relative}.welcome-pet img{object-fit:cover;background:var(--tint);border:8px solid #fff;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 0 0 10px #ffd66b8c,0 26px 50px #7a5c9638}.welcome-pet__spark{z-index:1;color:var(--pink);text-shadow:0 3px #fff;font-size:44px;line-height:1;animation:2.4s ease-in-out infinite spark-float;position:absolute}.welcome-pet__spark--0{top:18%;left:-12%}.welcome-pet__spark--1{color:var(--lemon-deep);animation-delay:-.6s;top:-6%;left:-4%}.welcome-pet__spark--2{font-size:54px;animation-delay:-1.1s;top:8%;right:-10%}.welcome-pet__spark--3{color:var(--lavender);animation-delay:-1.6s;top:56%;right:-16%}.welcome-pet__spark--4{font-size:34px;animation-delay:-.3s;top:66%;left:-18%}.welcome-pet__spark--5{color:var(--lemon-deep);font-size:36px;animation-delay:-1.9s;bottom:-8%;right:4%}@keyframes welcome-in{0%{opacity:0;transform:scale(.3)translateY(60px)}}@keyframes spark-float{0%,to{opacity:1;transform:translateY(0)scale(1)}50%{opacity:.8;transform:translateY(-16px)scale(1.15)}}.welcome-name{letter-spacing:4px;box-shadow:var(--shadow-soft);background:#fffc;border-radius:999px;margin:0;padding:4px 34px;font-size:56px;font-weight:800;animation:.5s cubic-bezier(.34,1.56,.64,1) .35s both card-in}@media (height<=640px){.pet-card__art{width:clamp(170px,24vw,230px)}.ok-button{width:92px;height:92px}.ok-button svg{width:48px;height:48px}.name-card__text{font-size:32px}.adopt__who{width:104px}.welcome-pet{width:200px}}.pet-row{padding:8px 0}.pet-row__head{align-items:center;gap:12px;display:flex}.pet-row__avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;flex:none;width:56px;height:56px;box-shadow:0 4px 10px #7a5c9626}.pet-row__text{flex-direction:column;flex:1;min-width:0;display:flex}.pet-row__text b{font-size:19px}.pet-row__text .panel__note{margin:0}.pet-row__edit{margin:10px 0 4px 68px}.name-chips{flex-wrap:wrap;gap:8px;display:flex}.name-chip{background:#fff;border:2px solid #8d7d9c40;border-radius:999px;align-items:center;gap:4px;min-height:44px;padding:0 14px 0 8px;font-size:16px;font-weight:700;display:inline-flex}.name-chip .name-icon{width:30px}.name-chip.is-selected,.name-custom.is-selected .name-custom__input{border-color:var(--lemon-deep);box-shadow:0 0 0 3px #ffd66b73}.name-custom{color:var(--ink-soft);align-items:center;gap:8px;margin-top:10px;display:flex}.name-custom__input{width:180px;font-size:18px}