:root{font-family:"Segoe UI",system-ui,sans-serif;color:#654c43;background:#f3e9df;font-synthesis:none;color-scheme:light;-webkit-tap-highlight-color:transparent;--safe-top:max(env(safe-area-inset-top,0px),var(--android-inset-top,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px),var(--android-inset-bottom,0px));--safe-left:max(env(safe-area-inset-left,0px),var(--android-inset-left,0px));--safe-right:max(env(safe-area-inset-right,0px),var(--android-inset-right,0px))}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation}button:focus-visible,#playground:focus-visible{outline:3px solid #8c5749;outline-offset:3px}button svg{display:block}button[hidden],[hidden]{display:none!important}button:disabled{cursor:default;opacity:.4}#toy{--ink:#654c43;--accent:#bd7c69;--base:#e9bca5;--pet-size:min(106vw,595px,78dvh);position:relative;width:100%;height:100dvh;max-width:560px;max-height:1120px;overflow:hidden;isolation:isolate;background:var(--base);color:var(--ink);transition:background .45s,color .45s}#playground{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;outline-offset:-4px!important}#playground:active{cursor:grabbing}#fur{width:100%;height:100%;display:block}.soft-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,transparent 12%,#fff5e425 52%,#fff9f066 100%),linear-gradient(#fffaf0ed 0%,#fff6e763 15%,transparent 35%,transparent 63%,#fff7e982 82%,#fff8efee 100%)}.chrome{position:absolute;z-index:4;transition:opacity .4s,transform .4s}.topbar{top:calc(18px + var(--safe-top));left:calc(24px + var(--safe-left));right:calc(20px + var(--safe-right));display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:Georgia,"Times New Roman",serif;font-size:29px;letter-spacing:-1.6px;font-weight:500;color:#684c40}.wordmark span{font:22px Georgia;display:inline-block;margin-left:3px;vertical-align:8px;color:#b57c61}.top-actions{display:flex;gap:8px}.icon-button{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#fffdf38f;border:1px solid #fffaf3b0;box-shadow:0 3px 15px #865c3506;transition:background .2s,transform .2s}.icon-button:active{transform:scale(.94)}.icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-button svg circle{fill:#fff7ec}.icon-button[aria-pressed=false]{opacity:.68}.invitation{left:50%;top:calc(103px + var(--safe-top));transform:translateX(-50%);display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:17px;letter-spacing:.2px;opacity:.75;white-space:nowrap;pointer-events:none}.invitation span:first-child{font:22px Georgia;color:var(--accent)}.invitation span:last-child{font-size:28px}.has-petted .invitation{opacity:0;transform:translate(-50%,-5px)}#character{position:absolute;left:50%;top:46%;width:var(--pet-size);height:var(--pet-size);margin-left:calc(var(--pet-size) / -2);margin-top:calc(var(--pet-size) / -2);transform-origin:50% 62%;pointer-events:none;will-change:transform;--cheek-left:0;--cheek-right:0;--nose-poke:0}#character svg{display:block;width:100%;height:100%;overflow:visible}.eye-open{opacity:1;transition:opacity .28s}.eye-happy{opacity:0;transition:opacity .28s}.petted .eye-open,.blinking .eye-open{opacity:0}.petted .eye-happy,.blinking .eye-happy{opacity:1}.cheek-left{transform-box:fill-box;transform-origin:center;transform:scale(calc(1 + var(--cheek-left) * .13),calc(1 - var(--cheek-left) * .15))}.cheek-right{transform-box:fill-box;transform-origin:center;transform:scale(calc(1 + var(--cheek-right) * .13),calc(1 - var(--cheek-right) * .15))}.cheek-left,.cheek-right{transition:transform .25s}.pet-nose{transform-box:fill-box;transform-origin:center;transform:scale(calc(1 - var(--nose-poke) * .17));transition:transform .16s}.ear-left,.ear-right{transform-box:fill-box;transform-origin:50% 95%;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.pet-bunny.petted .ear-left{transform:rotate(-8deg) translateY(4px)}.pet-bunny.petted .ear-right{transform:rotate(10deg) translateY(6px)}.pet-cat.petted .ear-left{transform:rotate(-3deg)}.pet-cat.petted .ear-right{transform:rotate(3deg)}.forelock{transform-box:fill-box;transform-origin:50% 90%;transition:transform .65s cubic-bezier(.3,1.6,.4,1)}.pet-sheep.petted .forelock{transform:scale(1.025,.94)}.pet-mouth{transform-box:fill-box;transform-origin:50% 0;transition:transform .4s}.petted .pet-mouth{transform:scale(1.03,1.06)}.collection{left:calc(22px + var(--safe-left));right:calc(22px + var(--safe-right));bottom:calc(22px + var(--safe-bottom))}.pet-caption{display:flex;align-items:flex-end;justify-content:space-between;margin:0 8px 18px;gap:12px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.15px;opacity:.64}h1{font:30px/1.14 Georgia,serif;letter-spacing:-.9px;margin:5px 0 0}#pet-mood{font:italic 12px/1.4 Georgia,serif;opacity:.75;padding-bottom:3px;text-align:right}#styles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fffdf3ba;border:1px solid #fffdf5dc;border-radius:29px;padding:7px;gap:1px;box-shadow:0 8px 32px #7251390b;backdrop-filter:blur(16px)}.pet-button{min-height:76px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 0 6px;transition:background .25s,transform .25s}.pet-button svg{width:43px;height:43px;transition:transform .3s;filter:drop-shadow(0 2px 2px #7048300c)}.pet-button span{font-size:10px;font-weight:500;opacity:.72}.pet-button[aria-pressed=true]{background:#ead5c778;box-shadow:inset 0 0 0 1px #ffffffc9}.pet-button[aria-pressed=true] svg{transform:translateY(-1px) scale(1.06)}.pet-button[aria-pressed=true] span{opacity:1}.pet-button:active{transform:scale(.96)}#particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.touch-glow{position:absolute;width:84px;height:84px;margin:-42px;border-radius:50%;background:radial-gradient(#fff9e930,transparent 68%);opacity:.8;transition:opacity .35s}.touch-glow.fading{opacity:0}.heart{position:absolute;color:#ba756c;font:28px Georgia;animation:float-heart 1.8s ease-out forwards;text-shadow:0 2px 12px #fff6ecaa}@keyframes float-heart{0%{opacity:0;transform:translate(-50%,-10%) scale(.65)}20%{opacity:.75}100%{opacity:0;transform:translate(-30%,-190%) scale(1.1)}}#toast{position:absolute;z-index:12;left:50%;bottom:calc(166px + var(--safe-bottom));transform:translate(-50%,8px);max-width:85%;padding:11px 18px;border-radius:22px;font-size:12px;line-height:1.45;text-align:center;background:#fffaf1ee;box-shadow:0 4px 25px #6b483319;opacity:0;pointer-events:none;transition:.3s}#toast.visible{opacity:1;transform:translate(-50%,0)}.immersed .chrome{opacity:0;pointer-events:none}.immersed .topbar{transform:translateY(-12px)}.immersed .collection{transform:translateY(12px)}#immersive-exit{position:absolute;z-index:6;bottom:calc(20px + var(--safe-bottom));right:calc(20px + var(--safe-right));opacity:.7}#settings-sheet{position:absolute;inset:auto 0 0;width:100%;max-width:560px;max-height:calc(100% - 26px - var(--safe-top));margin:0 auto;border:0;border-radius:30px 30px 0 0;padding:11px 25px calc(24px + var(--safe-bottom));background:#fffbf4;color:#654c43;overflow:auto;box-shadow:0 -12px 70px #4d352226}#settings-sheet::backdrop{background:#41301f35;backdrop-filter:blur(6px)}.sheet-handle{height:4px;width:35px;border-radius:3px;margin:0 auto 12px;background:#dbc9b8}.sheet-heading{display:flex;align-items:center;gap:10px}.sheet-heading h2{font:25px/1.2 Georgia,serif;letter-spacing:-.7px;flex:1;margin:0}.sheet-heading .icon-button{width:44px;height:44px;font:28px/1 Georgia;background:#f6ece1}.sheet-intro{font-size:12px;line-height:1.5;opacity:.68;margin:5px 0 18px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:67px;border-bottom:1px solid #ede3d8}.setting-row strong,.voice-setting strong{font-size:14px;font-weight:500}.setting-row small,.voice-setting small{display:block;font-size:11px;opacity:.65;margin-top:4px}.switch{flex:none;width:54px;height:48px;position:relative}.switch:before{content:"";position:absolute;width:43px;height:25px;left:5px;top:12px;background:#e4d9cd;border-radius:14px;transition:background .2s}.switch:after{content:"";position:absolute;width:19px;height:19px;left:8px;top:15px;border-radius:50%;background:#fffcf6;box-shadow:0 1px 3px #654c4320;transition:transform .2s}.switch[aria-checked=true]:before{background:#bd8976}.switch[aria-checked=true]:after{transform:translateX(18px)}.voice-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.segmented{display:flex;padding:4px;background:#f0e7de;border-radius:13px}.segmented button{min-height:39px;font-size:11px;min-width:68px;border-radius:10px}.segmented button[aria-pressed=true]{background:#fffcf6;box-shadow:0 2px 7px #72513909}.wide-action{width:100%;display:flex;justify-content:space-between;align-items:center;background:#f1e2d5;border-radius:17px;padding:17px 20px;font-size:13px;margin-top:24px}.wide-action span{font-size:20px}.info-links{display:flex;justify-content:center;gap:12px;margin-top:16px}.info-links button{font-size:11px;min-height:44px;opacity:.74;padding:8px}.sheet-footnote{text-align:center;font:italic 12px Georgia,serif;opacity:.55;margin:3px 0 0}.text-button{font-size:22px;width:40px;min-height:44px}#info-content{font-size:13px;line-height:1.7;padding:10px 1px 15px}#info-content h3{font:21px Georgia,serif;margin:24px 0 10px}#info-content p{margin:12px 0}#info-content ul{padding-left:21px}#info-content .source{overflow-wrap:anywhere;color:#906855;font-size:11px}#info-content a{color:#805143}#info-content .version{font-size:11px;opacity:.6}.reduce-motion *, .reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important}.reduce-motion .heart,.reduce-motion .touch-glow{display:none}
@media(min-width:600px) and (min-height:700px){body{padding:20px}#toy{height:calc(100dvh - 40px);border-radius:34px;box-shadow:0 14px 65px #7857431a;--pet-size:min(112%,640px,80dvh)}}
@media(max-width:360px){.topbar{left:18px;right:16px}.wordmark{font-size:27px}.collection{left:14px;right:14px}.pet-caption{margin-inline:5px}h1{font-size:28px}#pet-mood{font-size:11px}.voice-setting{align-items:flex-start;flex-direction:column}.segmented{width:100%}.segmented button{flex:1}}
@media(max-height:690px) and (orientation:portrait){.topbar{top:calc(9px + var(--safe-top))}.invitation{top:calc(77px + var(--safe-top));font-size:15px}#character{top:45%;--pet-size:min(98vw,72dvh)}.collection{bottom:calc(12px + var(--safe-bottom))}.pet-caption{margin-bottom:10px}h1{font-size:26px}.pet-button{min-height:65px}.pet-button svg{width:36px;height:36px}}
@media(orientation:landscape) and (max-height:600px){#toy{max-width:1100px;--pet-size:min(65vw,107dvh)}#character{left:37%;top:48%}.topbar{top:calc(8px + var(--safe-top))}.invitation{left:37%;top:calc(65px + var(--safe-top))}.collection{left:auto;right:calc(20px + var(--safe-right));width:192px;bottom:calc(14px + var(--safe-bottom))}.pet-caption{display:block;margin:0 4px 10px}.pet-caption #pet-mood{display:block;text-align:left;margin-top:5px}#styles{grid-template-columns:repeat(3,1fr);border-radius:22px}.pet-button{min-height:64px;border-radius:15px}.pet-button svg{width:33px;height:33px}h1{font-size:26px}#toast{left:36%;bottom:22px;max-width:45%}#settings-sheet{max-width:500px}}
@media(prefers-reduced-motion:reduce){.heart{display:none}}