:root{--primary: #9d50bb;--secondary: #6e48aa;--bg-dark: #0a0a0c;--card-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--accent: #ff4d6d}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 50% 0%,#1a1a2e 0%,var(--bg-dark) 70%)}.app-container{max-width:500px;margin:0 auto;padding:1rem}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem;margin-bottom:1rem;transition:transform .2s ease}.glass-card:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:12px;color:#fff;padding:12px 24px;font-weight:600;cursor:pointer;width:100%;box-shadow:0 4px 15px #9d50bb4d}.pet-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}.nav-bar{position:fixed;bottom:0;left:0;right:0;background:#0a0a0ccc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:space-around;padding:.8rem 0;border-top:1px solid var(--glass-border);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);font-size:.7rem;text-decoration:none}.nav-item.active{color:var(--primary)}.header{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;gap:.5rem}h1{flex:1;font-size:1.3rem;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:1rem}.avatar-placeholder{width:36px;height:36px;background:#ff4d6d1a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-actions{display:flex;gap:8px;margin:.8rem 0}.chip{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:6px 14px;font-size:.8rem;color:var(--text-primary);cursor:pointer}.chip:hover{background:#ffffff1a}.pet-list{display:flex;flex-direction:column;gap:.7rem;padding-bottom:2rem}.pet-card{display:flex;align-items:center;gap:.8rem;cursor:pointer;transition:transform .15s}.pet-card:active{transform:scale(.97)}.pet-emoji{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.pet-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0}.pet-info{flex:1}.pet-info h3{font-size:1rem;margin-bottom:2px}.pet-info p{color:var(--text-secondary);font-size:.8rem}.pet-detail-header{display:flex;justify-content:space-between;align-items:flex-start}.pet-detail-left{display:flex;align-items:center;gap:12px}.pet-photo-lg{width:60px;height:60px;border-radius:12px;object-fit:cover}.pet-photo-placeholder{width:60px;height:60px;border-radius:12px;background:#ffffff0d;border:1px dashed var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--text-secondary);cursor:pointer;text-align:center}.species-badge{background:#9d50bb33;color:var(--primary);padding:3px 10px;border-radius:16px;font-size:.75rem;display:inline-block}.breed-text{color:var(--text-secondary);font-size:.8rem;margin-top:4px}.pet-actions{display:flex;gap:6px;flex-wrap:wrap}.tabs{display:flex;gap:4px;margin:1rem 0 .5rem;overflow-x:auto}.tab{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:10px;padding:8px 12px;font-size:1rem;cursor:pointer;color:var(--text-secondary);transition:all .2s;flex-shrink:0}.tab.active{background:#9d50bb33;border-color:var(--primary);color:var(--text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin:.8rem 0}.record-list{display:flex;flex-direction:column;gap:.7rem;padding-bottom:2rem}.record-card{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}.record-info{flex:1;min-width:0}.record-type{font-size:.7rem;opacity:.7}.record-info h3{font-size:.9rem;margin:3px 0}.record-desc{font-size:.78rem;color:var(--text-secondary);margin-bottom:3px}.record-date{font-size:.72rem;color:var(--text-secondary)}.record-next{font-size:.72rem;color:var(--accent);display:flex;align-items:center;gap:3px;margin-top:3px}.record-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.icon-btn{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:5px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;text-decoration:none}.icon-btn:hover{background:#ffffff1a}.icon-btn.danger{color:var(--accent);border-color:#ff4d6d33}.icon-btn.danger:hover{background:#ff4d6d1a}.icon-btn.add{color:var(--primary);border-color:#9d50bb4d}.upload-btn{position:relative;cursor:pointer}.btn-small{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:.85rem;cursor:pointer}.btn-take{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:4px 10px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px}.form-group{margin-bottom:.8rem}.form-group label{display:block;font-size:.78rem;color:var(--text-secondary);margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border-radius:10px;border:1px solid var(--glass-border);background:#00000040;color:var(--text-primary);font-size:.9rem;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group select{appearance:none}.form-group textarea{resize:vertical}.form-row{display:flex;gap:.8rem}.form-row .form-group{flex:1}.form-divider{font-size:.82rem;font-weight:600;color:var(--primary);margin:.8rem 0 .4rem;padding-top:.6rem;border-top:1px solid var(--glass-border)}.inline-form{display:flex;gap:8px;align-items:flex-end}.inline-form input{flex:1;padding:10px;border-radius:10px;border:1px solid var(--glass-border);background:#00000040;color:var(--text-primary);font-size:.9rem}.hint{color:var(--text-secondary);font-size:.72rem;display:block}.file-input{padding:8px;border-radius:10px;border:1px dashed var(--glass-border);background:#00000026;color:var(--text-primary);font-size:.82rem;cursor:pointer;width:100%}.selected-files{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.file-tag{font-size:.7rem;background:#9d50bb26;color:var(--primary);padding:3px 8px;border-radius:6px}.attachments-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.attachment-link{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;color:var(--primary);background:#9d50bb1a;padding:2px 7px;border-radius:6px;text-decoration:none}.weight-chart{display:flex;align-items:flex-end;gap:6px;height:100px;padding:12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;margin:.8rem 0}.weight-bar-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.weight-bar{width:100%;max-width:28px;background:linear-gradient(to top,var(--primary),var(--secondary));border-radius:4px 4px 0 0;min-height:4px;transition:height .3s}.weight-bar-wrap span{font-size:.6rem;color:var(--text-secondary)}.med-card{display:flex;flex-direction:column;gap:6px}.med-header{display:flex;justify-content:space-between;align-items:center}.med-logs{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.med-dot{font-size:.65rem;background:#4caf501a;padding:2px 6px;border-radius:4px}.empty-state{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:2rem 1rem}.loading{display:flex;justify-content:center;align-items:center;height:50vh;color:var(--primary);font-weight:700}