:root{--bg:#fdf6e8;--bg-warm:#f6e7c8;--ink:#4a3b2a;--muted:#9c8a70;--accent:#f7b733;--accent-dk:#d9941a;--danger:#b8503f;--card:#fffdf7}*{box-sizing:border-box}html{height:100%}body{min-height:100%;color:var(--ink);background:radial-gradient(120% 70% at 50% 34%, #fffaf0 0%, var(--bg) 42%, var(--bg-warm) 100%) fixed;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.55 ui-rounded,SF Pro Rounded,Segoe UI Variable,system-ui,-apple-system,sans-serif}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:100dvh;padding:2rem 1.25rem;display:flex}.bubble{background:var(--card);border-radius:20px;max-width:20rem;margin:0 0 .25rem;padding:.85rem 1.25rem;font-size:1.05rem;font-weight:600;animation:.45s cubic-bezier(.34,1.56,.64,1) pop;position:relative;box-shadow:0 4px #e6d5b4,0 10px 24px #c9a86a2e}.bubble:after{content:"";background:var(--card);border-radius:0 0 6px;width:18px;height:18px;margin-left:-9px;position:absolute;bottom:-9px;left:50%;transform:rotate(45deg);box-shadow:3px 3px #e6d5b4}@keyframes pop{0%{opacity:0;transform:scale(.85)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.pet{margin:.5rem 0 1rem;animation:4.5s ease-in-out infinite breathe}.pet img{width:min(240px,58vw);height:auto;display:block}.pet[data-mood=sleepy]{animation-duration:7s}.pet[data-mood=growing]{animation:1.1s ease-out cheer,4.5s ease-in-out 1.1s infinite breathe}@keyframes breathe{0%,to{transform:scale(1)translateY(0)rotate(0)}50%{transform:scale(1.035)translateY(-6px)rotate(-.6deg)}}@keyframes cheer{0%{transform:scale(1)translateY(0)}30%{transform:scale(1.12)translateY(-18px)}55%{transform:scale(.96)translateY(0)}75%{transform:scale(1.05)translateY(-7px)}to{transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.pet,.bubble{animation:none}}.vitals{flex-direction:column;align-items:center;gap:.6rem;display:flex}.energy{background:#e9d9ba;border-radius:999px;width:min(220px,62vw);height:14px;overflow:hidden;box-shadow:inset 0 2px 4px #00000014}.energy span{background:linear-gradient(180deg, #ffd166, var(--accent));border-radius:999px;height:100%;transition:width .9s cubic-bezier(.34,1.2,.64,1);display:block}.level{color:var(--muted);align-items:center;gap:.5rem;margin:0;font-size:.85rem;display:flex}.badge{color:var(--accent-dk);background:#fff3d6;border-radius:999px;padding:.15rem .6rem;font-weight:700}.left{color:var(--muted);margin:.25rem 0 0;font-size:.85rem}.shoot{background:linear-gradient(180deg, #ffc74d, var(--accent));color:#3a2c17;letter-spacing:.01em;cursor:pointer;min-height:60px;box-shadow:0 5px 0 var(--accent-dk), 0 12px 24px #d9941a33;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;margin-top:1.75rem;padding:0 2.25rem;font-size:1.1rem;font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex;position:relative}.shoot input{opacity:0;cursor:pointer;position:absolute;inset:0}.shoot:active{box-shadow:0 1px 0 var(--accent-dk), 0 6px 14px #d9941a33;transform:translateY(4px)}.shoot.busy{color:#9c8a70;cursor:progress;background:#ead9b8;box-shadow:0 5px #d6c2a0}.shoot.busy input{cursor:progress}.loading{color:var(--muted)}.error{max-width:30ch;color:var(--danger);background:#fdeceb;border-radius:14px;margin-top:1rem;padding:.7rem 1rem;font-size:.9rem}.notice{color:var(--muted);max-width:32ch;margin-top:2rem;font-size:.78rem;line-height:1.5}.notice a{color:var(--accent-dk)}.prose{max-width:40rem;margin:0 auto;padding:2.5rem 1.5rem 4rem}.prose h1{font-size:1.6rem}.prose h2{color:var(--accent-dk);margin-top:2.25rem;font-size:1.05rem}.prose p{color:#5c4b36}.prose a{color:var(--accent-dk)}.badge.streak{color:#c2571f;background:#ffe3d0}.energy-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.72rem}.pet.reacting{animation:.9s ease-out cheer}.pet.slumping{animation:1s ease-out slump}@keyframes slump{0%{transform:translateY(0)scale(1)}35%{transform:translateY(8px)scale(1.06,.94)}70%{transform:translateY(4px)scale(1.02,.98)}to{transform:translateY(0)scale(1)}}.prompt{background:var(--card);border-radius:18px;max-width:22rem;margin-top:1.5rem;padding:1rem 1.25rem;box-shadow:0 3px #e6d5b4,0 8px 20px #c9a86a24}.prompt p{margin:0 0 .75rem;font-size:.9rem}.prompt button{background:var(--accent);color:#3a2c17;min-height:44px;font:inherit;cursor:pointer;box-shadow:0 3px 0 var(--accent-dk);border:0;border-radius:999px;padding:0 1.5rem;font-weight:700}.prompt button:active{box-shadow:0 1px 0 var(--accent-dk);transform:translateY(2px)}.prompt:has(p:only-child) p{margin:0}.prompt.install{text-align:left;max-width:24rem}.prompt.install .lead{text-align:center;font-weight:600}.prompt.install ol{margin:.75rem 0 0;padding-left:1.25rem;font-size:.88rem;line-height:1.7}.prompt.install ol li{margin-bottom:.35rem}.prompt.install ol li::marker{color:var(--accent-dk);font-weight:700}.prompt.install b{color:var(--ink)}.ios-share{vertical-align:-7px;color:#0a84ff;background:#eaf3ff;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;margin:0 .15rem;display:inline-flex}