:root{--primary: #6C5CE7;--primary-light: #A29BFE;--accent: #FF6B6B;--success: #00B894;--warning: #FDCB6E;--bg: #F8F9FD;--card: #FFFFFF;--text: #2D3436;--text-light: #636E72;--shadow: 0 4px 20px rgba(108,92,231,.12);--radius: 16px}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;-webkit-text-size-adjust:100%;touch-action:manipulation}body{font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-overflow-scrolling:touch}a{text-decoration:none;color:inherit}button{cursor:pointer}.btn{padding:8px 16px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),#8B7CF7);color:#fff}.btn-outline{background:transparent;border:1.5px solid var(--primary);color:var(--primary)}.btn-sm{padding:4px 10px;font-size:10px;border-radius:6px}.btn-danger{background:var(--accent);color:#fff}.btn-success{background:var(--success);color:#fff}.form-input{padding:8px 10px;border:1.5px solid #E8E4FF;border-radius:8px;font-size:12px;outline:none;width:100%}.form-input:focus{border-color:var(--primary)}.form-row{display:flex;gap:6px;margin-bottom:6px;align-items:center}.toast-container{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:9999}.toast{background:var(--card);color:var(--text);padding:9px 18px;border-radius:12px;box-shadow:0 8px 30px #00000026;font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--card);border-radius:18px;padding:22px 18px;max-width:340px;width:100%;text-align:center;animation:modalIn .3s ease}@keyframes modalIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal .modal-icon{font-size:44px;margin-bottom:8px}.modal h3{font-size:16px;margin-bottom:5px}.modal p{font-size:11px;color:var(--text-light);margin-bottom:12px}.empty-state{text-align:center;padding:24px 16px;color:var(--text-light)}.empty-state .empty-icon{font-size:36px;margin-bottom:8px}@keyframes petBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes evolve{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.3);filter:brightness(1.8)}60%{transform:scale(.8);filter:brightness(2)}to{transform:scale(1);filter:brightness(1)}}@media (max-width: 480px){.form-row{flex-wrap:wrap}.btn{padding:6px 12px;font-size:11px}.btn-sm{padding:3px 8px;font-size:9px}.form-input{font-size:14px;padding:8px}.modal{max-width:92vw;padding:18px 14px}}