*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d0d;--bg-card: #1a1a2e;--bg-card-2: #16213e;--accent: #e94560;--accent2: #0f3460;--text: #eaeaea;--text-muted: #9090a0;--border: rgba(255, 255, 255, .08);--radius: 20px;--radius-sm: 12px;--shadow: 0 8px 32px rgba(0, 0, 0, .5);--green: #4ade80;--yellow: #facc15;--orange: #fb923c;--purple: #a78bfa;--pink: #f472b6}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;line-height:1.5;-webkit-tap-highlight-color:transparent}#root{max-width:480px;margin:0 auto;padding:16px 16px 48px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.card-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-sm);padding:12px 18px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .12s,opacity .12s;width:100%;margin-bottom:8px;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97);opacity:.9}.btn-primary{background:linear-gradient(135deg,var(--accent),#c0392b);color:#fff}.btn-green{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.btn-yellow{background:linear-gradient(135deg,#ca8a04,#a16207);color:#fff}.btn-purple{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.btn-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.btn-orange{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff}.msg{background:#ffffff0f;border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:10px 14px;font-size:.9rem;color:var(--text);margin-top:10px;min-height:42px;transition:opacity .2s}.progress-item{margin-bottom:14px}.progress-label{display:flex;justify-content:space-between;font-size:.88rem;margin-bottom:6px;color:var(--text)}.progress-track{width:100%;height:10px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width .4s ease}.progress-red{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-blue{background:linear-gradient(90deg,#3b82f6,#2563eb)}.progress-muted{background:linear-gradient(90deg,#6b7280,#4b5563)}.progress-crit{background:linear-gradient(90deg,#f97316,#ea580c);animation:pulse-bar 1.2s infinite}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.65}}.checklist{list-style:none;display:flex;flex-direction:column;gap:10px}.checklist label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.95rem;padding:10px 14px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border);transition:background .15s;-webkit-user-select:none;user-select:none}.checklist label:has(input:checked){background:#4ade801a;border-color:#4ade804d;text-decoration:line-through;color:var(--text-muted)}.checklist input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--green);cursor:pointer}.unlock-msg{margin-top:14px;background:linear-gradient(135deg,#4ade8026,#10b98126);border:1px solid rgba(74,222,128,.4);border-radius:var(--radius-sm);padding:12px 16px;font-size:.92rem;font-weight:600;color:var(--green);text-align:center;animation:pop-in .3s ease}@keyframes pop-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.battery-display{display:flex;align-items:center;gap:16px;margin-bottom:16px}.battery-icon{position:relative;width:64px;height:32px;border:2.5px solid var(--text);border-radius:6px;flex-shrink:0}.battery-icon:after{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);width:5px;height:14px;background:var(--text);border-radius:0 3px 3px 0}.battery-fill{position:absolute;left:2px;top:2px;bottom:2px;border-radius:3px;transition:width .5s ease,background .5s ease}.battery-pct{font-size:2.2rem;font-weight:800;line-height:1}.battery-label{font-size:.82rem;color:var(--text-muted);margin-top:2px}.hero{text-align:center;padding:32px 20px 24px;background:linear-gradient(135deg,#1a0533,#0f1f3d,#1a0533);border-radius:var(--radius);margin-bottom:16px;border:1px solid var(--border);box-shadow:var(--shadow)}.hero-cat-img{width:160px;height:160px;object-fit:cover;border-radius:50%;display:block;margin:0 auto 16px;border:3px solid rgba(244,114,182,.5);box-shadow:0 0 24px #a78bfa59;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero h1{font-size:1.6rem;font-weight:800;line-height:1.2;background:linear-gradient(135deg,#f472b6,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.hero p{font-size:1rem;color:var(--text-muted);font-style:italic}.emergency-btn{width:100%;padding:18px;font-size:1.05rem;font-weight:700;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 20px #db277759;-webkit-user-select:none;user-select:none}.emergency-btn:active{transform:scale(.97)}.toto-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.toto-avatar{font-size:2.5rem;flex-shrink:0}.toto-info strong{font-size:1rem;display:block}.toto-info span{font-size:.82rem;color:var(--text-muted)}.footer{text-align:center;color:var(--text-muted);font-size:.82rem;padding:16px 0 0;line-height:1.6}