:root{--c-bg:#fff8e7;--c-warm:#ff9b6a;--c-mint:#7ecba1;--c-coral:#ff6b8a;--c-text:#4a3728;--c-sky:#6bb5e0;--c-shadow:#4a37281a;--c-paper-dark:#f5edd6;--c-cream:#fffaf0;--font-title:"Ma Shan Zheng", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", sans-serif;--font-fun:"ZCOOL KuaiLe", "Noto Sans SC", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--c-text);background-color:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.hand-border-1{border:2.5px solid var(--c-text);border-radius:255px 15px 225px/15px 225px 15px 255px}.hand-border-2{border:2.5px solid var(--c-text);border-radius:15px 225px 15px 255px/255px 15px 225px}.hand-border-3{border:2.5px solid var(--c-text);border-radius:225px 255px 15px 15px/15px 15px 255px 225px}.hand-border-4{border:2.5px solid var(--c-text);border-radius:15px 15px 255px 225px/225px 255px 15px 15px}.hand-border-alt{border:2px solid var(--c-text);border-radius:60% 40% 55% 45%/50% 60% 40% 50%}.svg-handdrawn{filter:url(#sketchy)}.paper-texture{position:relative}.paper-texture:after{content:"";pointer-events:none;opacity:.04;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.06)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes tail-wag{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes draw-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes tail-wag-svg{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.wobble-anim{animation:3s ease-in-out infinite wobble}.breath-anim{transform-box:fill-box;transform-origin:bottom;animation:3s ease-in-out infinite breathe}.float-anim{animation:4s ease-in-out infinite float}.wag-anim{transform-box:fill-box;transform-origin:0;animation:.8s ease-in-out infinite tail-wag-svg}.blink-anim{transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite blink}.draw-in-anim{animation:1s ease-out forwards draw-in}.fade-up-anim{animation:.6s ease-out forwards fade-up}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{background:var(--c-cream);border:2px solid var(--c-text);font-family:var(--font-title);color:var(--c-text);box-shadow:2px 2px 0 var(--c-shadow);pointer-events:auto;border-radius:60% 40% 55% 45%/50% 60% 40% 50%;max-width:280px;padding:.6rem 1.2rem;font-size:.95rem;animation:.3s ease-out fade-up}.toast-warn{border-color:var(--c-warm);color:var(--c-warm)}.toast-success{border-color:var(--c-mint);color:#3a9a6a}.toast-error{border-color:var(--c-coral);color:var(--c-coral)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-shadow);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a372833}.tape-deco{z-index:2;background:#ffc86473;width:50px;height:16px;position:absolute}.hand-underline{display:inline-block;position:relative}.hand-underline:after{content:"";background:var(--c-warm);opacity:.5;border-radius:2px;width:110%;height:3px;position:absolute;bottom:-4px;left:-5%;transform:rotate(-.5deg)}.pet-bone-container{aspect-ratio:1;width:500px;max-width:100%;height:500px;filter:drop-shadow(2px 2px 4px var(--c-shadow));display:inline-block;position:relative}.pet-bone-part{pointer-events:none;image-rendering:auto;position:absolute}.pet-bone-img{max-width:none;display:block}.pet-bone-body{transform-box:fill-box;animation:3s ease-in-out infinite bone-breathe}.pet-bone-tail{animation:.8s ease-in-out infinite bone-tail-wag}.pet-bone-head{animation:3.5s ease-in-out infinite bone-head-bob}.pet-bone-arm{animation:2s ease-in-out infinite alternate bone-arm-sway;animation-delay:calc(var(--bone-delay,0) * 1s)}.pet-bone-leg{animation:1.5s ease-in-out infinite alternate bone-leg-bounce;animation-delay:calc(var(--bone-delay,0) * .15s)}.pet-bone-hair,.pet-bone-extra{animation:3s ease-in-out infinite bone-float}@keyframes bone-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.04)}}@keyframes bone-tail-wag{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes bone-head-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes bone-arm-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes bone-leg-bounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes bone-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.app-nav[data-v-d66e3acf]{background:var(--c-cream);border-bottom:2.5px solid var(--c-text);z-index:100;box-shadow:0 2px 8px var(--c-shadow);position:relative;top:0}.nav-inner[data-v-d66e3acf]{align-items:center;gap:1rem;max-width:1100px;height:56px;margin:0 auto;padding:0 1.5rem;display:flex}.nav-brand[data-v-d66e3acf]{cursor:pointer;align-items:center;gap:.3rem;transition:transform .2s;display:flex}.nav-brand[data-v-d66e3acf]:hover{transform:rotate(-3deg)}.brand-emoji[data-v-d66e3acf]{font-size:1.4rem;animation:3s ease-in-out infinite wobble}.brand-text[data-v-d66e3acf]{font-family:var(--font-title);color:var(--c-text);font-size:1.3rem}.nav-links[data-v-d66e3acf]{flex:1;justify-content:center;gap:.5rem;display:flex}.nav-btn[data-v-d66e3acf]{font-family:var(--font-title);color:var(--c-text);cursor:pointer;white-space:nowrap;background:0 0;border:2px solid #0000;border-radius:60% 40% 55% 45%/50% 60% 40% 50%;align-items:center;gap:.3rem;padding:.35rem .8rem;font-size:.95rem;transition:all .2s;display:flex}.nav-rotate-0[data-v-d66e3acf]{transform:rotate(-.5deg)}.nav-rotate-1[data-v-d66e3acf]{transform:rotate(.3deg)}.nav-rotate-2[data-v-d66e3acf]{transform:rotate(-.3deg)}.nav-btn[data-v-d66e3acf]:hover{border-color:var(--c-warm);background:#ff9b6a1a}.nav-btn.active[data-v-d66e3acf]{border-color:var(--c-warm);color:var(--c-warm);background:#ff9b6a26;font-weight:600}.nav-badge[data-v-d66e3acf]{background:var(--c-warm);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;display:inline-flex}.pool-badge[data-v-d66e3acf]{background:var(--c-sky)}.nav-coins[data-v-d66e3acf]{background:var(--c-cream);font-family:var(--font-title);white-space:nowrap;padding:.25rem .6rem;font-size:.9rem}.nav-user[data-v-d66e3acf]{cursor:pointer;align-items:center;gap:.3rem;padding:.25rem .4rem;transition:background .15s;display:flex;position:relative}.nav-user[data-v-d66e3acf]:hover{background:#ff9b6a14}.user-avatar[data-v-d66e3acf]{padding:0 2px;font-size:1.1rem}.user-name[data-v-d66e3acf]{font-family:var(--font-title);color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:.85rem;overflow:hidden}.user-menu[data-v-d66e3acf]{background:var(--c-cream);z-index:200;min-width:140px;box-shadow:3px 3px 0 var(--c-shadow);position:absolute;top:100%;right:0;overflow:hidden}.menu-item[data-v-d66e3acf]{font-family:var(--font-title);color:var(--c-text);cursor:pointer;padding:.5rem 1rem;font-size:.9rem;transition:background .15s}.menu-item[data-v-d66e3acf]:hover{color:var(--c-coral);background:#ff9b6a1a}.nav-deco-line[data-v-d66e3acf]{width:100%;height:6px;position:absolute;bottom:-4px;left:0}.app-root[data-v-01775bf6]{background:var(--c-bg);min-height:100vh}.app-main[data-v-01775bf6]{padding-top:0}.app-main.with-nav[data-v-01775bf6]{padding-top:64px}.pet-container[data-v-858d495f]{filter:drop-shadow(2px 2px 4px #4a37281a);display:inline-block}.layer-item[data-v-858d495f]{position:absolute}.layer-item img[data-v-858d495f]{display:block}.pet-empty[data-v-858d495f]{width:320px;height:320px;font-family:var(--font-title);color:var(--c-text);opacity:.4;justify-content:center;align-items:center;display:flex}.pet-card[data-v-e45ec5d3]{background:var(--c-cream);cursor:pointer;box-shadow:3px 3px 0 var(--c-shadow);padding:1rem;transition:all .25s;position:relative}.pet-card[data-v-e45ec5d3]:hover{box-shadow:5px 6px 0 var(--c-shadow);transform:translateY(-4px)rotate(-.5deg)}.card-tape[data-v-e45ec5d3]{z-index:2;background:#ffc86473;width:45px;height:14px;position:absolute;top:-7px;left:30%;transform:rotate(-2deg)}.pet-preview[data-v-e45ec5d3]{text-align:center;margin-bottom:.5rem}.pet-info[data-v-e45ec5d3]{text-align:center}.pet-name[data-v-e45ec5d3]{font-family:var(--font-title);color:var(--c-text);margin-bottom:.3rem;font-size:1.1rem}.pet-stats[data-v-e45ec5d3]{flex-direction:column;gap:.2rem;display:flex}.stat-row[data-v-e45ec5d3]{align-items:center;gap:.3rem;display:flex}.stat-icon[data-v-e45ec5d3]{min-width:1.2em;font-size:.8rem}.stat-bar[data-v-e45ec5d3]{background:#4a372814;flex:1;height:8px;position:relative;overflow:hidden}.stat-fill[data-v-e45ec5d3]{height:100%;transition:width .5s}.stat-fill.happiness[data-v-e45ec5d3]{background:var(--c-coral)}.stat-fill.hunger[data-v-e45ec5d3]{background:var(--c-warm)}.pet-scene[data-v-e45ec5d3]{font-family:var(--font-title);color:var(--c-text);opacity:.5;margin-top:.3rem;font-size:.75rem}.card-corner-doodle[data-v-e45ec5d3]{pointer-events:none;width:20px;height:20px;position:absolute;bottom:4px;right:4px}.home-view[data-v-38b4f16d]{max-width:1000px;margin:0 auto;padding:2rem 1.5rem}.empty-state[data-v-38b4f16d]{text-align:center;padding:4rem 1rem;position:relative}.empty-pet[data-v-38b4f16d]{width:180px;height:180px;margin:0 auto 2rem;animation:3s ease-in-out infinite breathe-38b4f16d}.empty-title[data-v-38b4f16d]{font-family:var(--font-title);color:var(--c-text);margin-bottom:.5rem;font-size:1.8rem}.empty-desc[data-v-38b4f16d]{color:var(--c-text);opacity:.5;margin-bottom:2rem;font-size:1rem}.create-btn[data-v-38b4f16d]{background:var(--c-warm);color:#fff;font-family:var(--font-title);cursor:pointer;box-shadow:3px 3px 0 var(--c-shadow);align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:1.2rem;transition:all .25s;display:inline-flex}.create-btn[data-v-38b4f16d]:hover{box-shadow:4px 5px 0 var(--c-shadow);transform:translateY(-2px)rotate(-1deg)}.empty-arrow[data-v-38b4f16d]{pointer-events:none;width:40px;position:absolute;bottom:20px;right:15%}.list-header[data-v-38b4f16d]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.list-title[data-v-38b4f16d]{font-family:var(--font-title);color:var(--c-text);font-size:1.8rem}.create-btn-sm[data-v-38b4f16d]{background:var(--c-warm);color:#fff;font-family:var(--font-title);cursor:pointer;align-items:center;gap:.3rem;padding:.4rem 1rem;font-size:.95rem;transition:all .25s;display:flex}.create-btn-sm[data-v-38b4f16d]:hover{transform:rotate(-2deg)scale(1.05)}.pet-grid[data-v-38b4f16d]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.info-bar[data-v-38b4f16d]{justify-content:center;gap:1rem;margin-top:3rem;display:flex}.info-item[data-v-38b4f16d]{background:var(--c-cream);align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;display:flex;position:relative}.info-emoji[data-v-38b4f16d]{font-size:1.1rem}.info-label[data-v-38b4f16d]{color:var(--c-text);opacity:.6}.info-value[data-v-38b4f16d]{color:var(--c-warm);font-weight:700}@keyframes breathe-38b4f16d{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.03)}}