@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap";:root{--bg: #FAF7F5;--surface: #FFFFFF;--primary: #8B6E6E;--primary-dark: #6B5454;--accent: #D4A5A5;--text: #3D2F2F;--text-muted: #6B5454;--border: #E8DDD8;--success: #5C8A4B;--warning: #A87C2C;--danger: #A03939;--radius: 20px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Noto Serif SC",serif;background:radial-gradient(circle at 20% 30%,#8B6E6E1a 0%,transparent 50%),radial-gradient(circle at 80% 70%,#D4A5A515 0%,transparent 50%),var(--bg);color:var(--text);min-height:100vh;line-height:1.6}button{font-family:inherit;cursor:pointer;border:none;background:none}.input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:14px;color:var(--text);outline:none;transition:border-color .2s}.input:focus{border-color:var(--primary)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:30px;font-weight:600;font-size:14px;transition:all .2s}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn.danger{background:var(--danger);color:#fff}.btn.small{padding:6px 14px;font-size:13px}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;color:var(--text-muted);transition:background .2s}.icon-btn:hover{background:var(--border)}.icon-btn.danger:hover{background:var(--danger);color:#fff}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px;color:var(--text-muted)}.loading-spin{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-container{max-width:580px;margin:0 auto;padding:16px 12px 80px;position:relative}.app-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.header-icon{color:var(--primary)}.app-title{font-size:22px;font-weight:700;color:var(--text);flex:1}.cloud-badge{font-size:12px;background:var(--accent);color:#fff;padding:2px 10px;border-radius:20px;font-weight:600}.nav-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.nav-tab{padding:8px 18px;border-radius:20px;font-size:14px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);transition:all .2s}.nav-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-content{min-height:300px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.cat-card{background:var(--surface);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s;border:1px solid var(--border)}.cat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.cat-avatar svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.cat-info{text-align:center}.cat-name{font-size:16px;font-weight:700}.cat-meta{font-size:12px;color:var(--text-muted)}.cat-weight{font-size:13px;color:var(--primary);font-weight:600}.add-card{border:2px dashed var(--border);justify-content:center;min-height:130px;color:var(--text-muted);font-size:14px}.profile-page{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border:1px solid var(--border)}.profile-header{display:flex;align-items:center;gap:16px}.profile-avatar svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.1))}.profile-info h2{font-size:20px;font-weight:700}.habits-text{font-size:13px;color:var(--text-muted);margin-top:4px}.vet-info{display:flex;gap:16px;margin-top:12px;font-size:13px;color:var(--text-muted);flex-wrap:wrap}.cat-switcher{display:flex;gap:8px;margin-top:16px}.switcher-btn{padding:6px 16px;border-radius:20px;font-size:13px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);transition:all .2s}.switcher-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.section-title{font-size:18px;font-weight:700;margin-bottom:12px}.plan-page{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border:1px solid var(--border)}.plan-section{margin-bottom:16px}.plan-section h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--primary)}.plan-list{list-style:none}.plan-list li{padding:4px 0;font-size:14px;border-bottom:1px solid var(--border)}.plan-time{font-weight:600;color:var(--primary);display:inline-block;width:50px}.empty{font-size:13px;color:var(--text-muted);font-style:italic}.ai-btn{margin-top:8px}.ai-suggestion{margin-top:12px;padding:12px;background:var(--accent);border-radius:12px;font-size:14px;color:#3d2f2f;position:relative;line-height:1.5}.close-ai{position:absolute;top:6px;right:6px}.reminders-page{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border:1px solid var(--border)}.add-reminder-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}.add-reminder-row .input{flex:1}.time-input{width:80px;min-width:80px}.reminder-list{list-style:none}.reminder-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s;border-radius:8px}.reminder-item:hover{background:var(--bg)}.reminder-item.done{opacity:.5;text-decoration:line-through}.reminder-check{width:24px;display:flex;align-items:center;justify-content:center;color:var(--primary)}.reminder-text{flex:1;font-size:14px}.reminder-time{font-size:12px;color:var(--text-muted);width:50px}.reminder-date{font-size:12px;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--surface);border-radius:var(--radius);padding:24px;width:100%;max-width:360px;box-shadow:0 10px 40px #0000001a}.modal h2{font-size:18px;margin-bottom:12px}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:4px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-20px);background:var(--primary);color:#fff;padding:8px 20px;border-radius:30px;font-size:14px;box-shadow:0 4px 12px #00000026;z-index:200;opacity:0;transition:all .3s;pointer-events:none}