.pet-display{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;padding:12px 0}.pet-stage-badge{font-size:12px;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}.pet-scene{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.pet-shadow{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:80px;height:16px;background:#00000040;border-radius:50%;filter:blur(4px)}.pet-body{position:relative;width:140px;height:140px;animation:float 3s ease-in-out infinite}.pet-svg{width:100%;height:100%}.pet-scene.sleeping .pet-body{animation:float-slow 4s ease-in-out infinite;opacity:.85}.pet-scene.dead .pet-body{animation:none;opacity:.5;filter:grayscale(1);transform:rotate(90deg)}.zzz-anim{position:absolute;top:20px;right:60px;font-size:14px;color:var(--text-muted);animation:zzz 2s ease-in-out infinite;letter-spacing:4px}.dead-msg{margin-top:12px;font-size:14px;color:var(--text-muted)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes zzz{0%{opacity:0;transform:translateY(0) translate(0)}50%{opacity:1;transform:translateY(-8px) translate(4px)}to{opacity:0;transform:translateY(-16px) translate(8px)}}.stats-bar{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--surface);border-radius:var(--radius);margin:0 16px}.stat{display:flex;align-items:center;gap:10px}.stat-icon{font-size:16px;width:22px;text-align:center;flex-shrink:0}.stat-track{flex:1;height:8px;background:var(--surface2);border-radius:4px;overflow:hidden}.stat-fill{height:100%;background:var(--green);border-radius:4px;transition:width .4s ease}.stat-fill.warn{background:var(--accent2)}.stat-fill.crit{background:var(--accent);animation:pulse-bar 1s ease-in-out infinite}.stat-label{font-size:11px;color:var(--text-muted);width:38px;text-align:right;flex-shrink:0}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.6}}.action-bar{padding:16px;position:relative}.action-feedback{text-align:center;font-size:14px;color:var(--green);margin-bottom:10px;animation:fade-in .2s ease;min-height:20px}.action-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;background:var(--surface);border-radius:12px;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.action-btn:active:not(.disabled){transform:scale(.92);background:var(--surface2)}.action-btn.disabled{opacity:.35;cursor:default}.action-btn.loading{opacity:.6}.action-icon{font-size:22px;line-height:1}.action-label{font-size:10px;color:var(--text-muted);letter-spacing:.03em}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.home{display:flex;flex-direction:column;height:100%;overflow:hidden}.home-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px}.home-title{font-size:20px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--green),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-header-actions{display:flex;gap:8px}.icon-btn{background:var(--surface);color:var(--text);width:36px;height:36px;border-radius:10px;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s}.icon-btn:active{background:var(--surface2)}.pet-tabs{display:flex;gap:8px;padding:0 16px 8px;overflow-x:auto;scrollbar-width:none}.pet-tab{background:var(--surface);color:var(--text-muted);padding:6px 14px;border-radius:20px;font-size:13px;white-space:nowrap;transition:background .15s,color .15s}.pet-tab.active{background:var(--surface2);color:var(--text)}.pet-name{text-align:center;font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.3px}.home-loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-muted)}.no-pet{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:20px;color:var(--text-muted);padding:32px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;z-index:100}.modal{background:var(--surface);width:100%;border-radius:var(--radius) var(--radius) 0 0;padding:24px 20px 40px;display:flex;flex-direction:column;gap:14px;animation:slide-up .25s ease}.modal h2{font-size:18px;font-weight:700}.modal form{display:flex;flex-direction:column;gap:12px}.color-row{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:14px}.color-row input[type=color]{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;padding:2px;background:var(--surface2)}.cancel-btn{background:transparent;color:var(--text-muted);font-size:14px;padding:8px}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.auth-btn{background:var(--accent);color:#fff;font-size:15px;font-weight:600;padding:14px;border-radius:12px;transition:opacity .15s,transform .1s}.auth-input{background:var(--surface2);border:2px solid transparent;border-radius:12px;padding:14px 16px;color:var(--text);font-size:15px;transition:border-color .15s;outline:none;width:100%}.auth-page{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:32px 24px;gap:4px}.auth-logo{font-size:56px;margin-bottom:8px}.auth-title{font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.5px}.auth-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.auth-input{background:var(--surface);border:2px solid transparent;border-radius:12px;padding:14px 16px;color:var(--text);font-size:15px;transition:border-color .15s;outline:none}.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:var(--text-muted)}.auth-error{font-size:13px;color:var(--accent);text-align:center}.auth-btn{background:var(--accent);color:#fff;font-size:15px;font-weight:600;padding:14px;border-radius:12px;transition:opacity .15s,transform .1s;margin-top:4px}.auth-btn:active{transform:scale(.97)}.auth-btn:disabled{opacity:.6}.auth-footer{margin-top:20px;font-size:14px;color:var(--text-muted)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--surface: #16213e;--surface2: #0f3460;--accent: #e94560;--accent2: #f5a623;--text: #eaeaea;--text-muted: #8892a4;--green: #a8e6cf;--radius: 16px;--font: "Segoe UI", system-ui, sans-serif}html,body,#root{height:100%;width:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);overflow:hidden;-webkit-tap-highlight-color:transparent}#root{display:flex;flex-direction:column;max-width:480px;margin:0 auto;height:100%;position:relative}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input{font-family:var(--font)}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:2px}