:root{--primary:#ea580c;--primary-light:#ffedd5;--primary-dark:#c2410c;--secondary:#10b981;--secondary-light:#d1fae5;--accent-amber:#f59e0b;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-rose:#f43f5e;--bg-main:#fffdf9;--bg-card:#fff;--bg-card-subtle:#f8fafc;--bg-input:#f1f5f9;--text-main:#1e293b;--text-muted:#64748b;--text-subtle:#94a3b8;--border-color:#e2e8f0;--border-focus:#fb923c;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px -2px #ea580c14, 0 2px 6px -1px #0000000a;--shadow-lg:0 12px 24px -4px #ea580c1f, 0 4px 12px -2px #0000000d;--shadow-float:0 14px 28px #0000001f, 0 10px 10px #0000000f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background-color:#f8f6f0;line-height:1.5}.app-viewport{background-color:#ece8de;justify-content:center;min-height:100vh;display:flex}.app-container{background-color:var(--bg-main);flex-direction:column;width:100%;max-width:520px;min-height:100vh;display:flex;position:relative;box-shadow:0 0 40px #00000014}.app-header{z-index:40;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#fffdf9f2;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;position:sticky;top:0}.brand-section{align-items:center;gap:10px;display:flex}.avatar-badge{border-radius:var(--radius-full);width:42px;height:42px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%);border:2px solid #fff;justify-content:center;align-items:center;font-size:22px;display:flex}.child-info h1{font-family:var(--font-heading);color:var(--text-main);font-size:1.15rem;font-weight:700;line-height:1.2}.child-info p{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.header-timer-pill{color:#dc2626;border-radius:var(--radius-full);cursor:pointer;background:#fef2f2;border:1px solid #fecaca;align-items:center;gap:6px;padding:6px 12px;font-family:monospace;font-size:.8rem;font-weight:700;animation:1.8s infinite pulseLight;display:flex}@keyframes pulseLight{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}.app-content{flex:1;padding:16px 18px 110px;overflow-y:auto}.bottom-nav{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:45;background:#fffffff5;justify-content:space-around;width:100%;max-width:520px;padding:8px 12px 14px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:6px 10px;font-size:.72rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item.active{color:var(--primary)}.nav-item.active .nav-icon{color:var(--primary);transform:translateY(-2px)}.nav-indicator{background:var(--primary);border-radius:var(--radius-full);width:16px;height:3px;position:absolute;top:2px}.timer-floating-banner{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:1.5px solid #fdba74;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.timer-digits{font-family:var(--font-heading);color:#c2410c;letter-spacing:.5px;font-size:1.4rem;font-weight:800}.timer-subtext{color:#9a3412;font-size:.75rem;font-weight:500}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px;transition:transform .15s,box-shadow .15s}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-title{font-family:var(--font-heading);color:var(--text-main);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.section-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px;font-size:.7rem;font-weight:700;display:block}.session-grid{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px;display:grid}.session-pill{border:1.5px solid var(--border-color);background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;transition:all .2s;display:flex}.session-pill:hover{border-color:#fdba74}.session-pill.active{border-color:var(--primary);background:#fff7ed;box-shadow:0 0 0 2px #ea580c26}.session-pill .emoji{margin-bottom:2px;font-size:1.2rem}.session-pill .name{color:var(--text-main);font-size:.72rem;font-weight:700}.session-pill.active .name{color:var(--primary)}.quick-assist-bar{scrollbar-width:none;gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.quick-assist-bar::-webkit-scrollbar{display:none}.quick-assist-btn{border-radius:var(--radius-full);color:var(--text-main);white-space:nowrap;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.quick-assist-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.quick-assist-btn.active-preset{color:#047857;background:#ecfdf5;border-color:#10b981}.component-section{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.component-card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);padding:14px;transition:all .2s}.component-card.filled{background:#fffaf5;border-color:#fed7aa}.component-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.component-title{color:var(--text-main);align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.component-badge{border-radius:var(--radius-full);padding:2px 8px;font-size:.68rem;font-weight:600}.chip-scroll{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip-item{border-radius:var(--radius-full);color:var(--text-main);cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.chip-item:hover{background:#e2e8f0}.chip-item.selected{color:#9a3412;background:#ffedd5;border-color:#fb923c;box-shadow:0 1px 3px #ea580c26}.portion-row{border-radius:var(--radius-md);background:#fff;border:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:8px;padding:8px 12px;display:flex}.portion-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.stepper{align-items:center;gap:8px;display:flex}.stepper-btn{border-radius:var(--radius-full);width:30px;height:30px;color:var(--text-main);cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:all .15s;display:flex}.stepper-btn:active{background:#e2e8f0;transform:scale(.92)}.stepper-value{font-family:var(--font-heading);text-align:center;min-width:48px;font-size:.95rem;font-weight:700}.stepper-value-input{text-align:center;width:54px;font-family:var(--font-heading);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);background:#fff;outline:none;padding:4px 2px;font-size:.95rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.stepper-value-input:focus{border-color:var(--primary);background:#fffdf9;box-shadow:0 0 0 2px #ea580c2e}.consumed-quick-chips{gap:4px;margin-top:6px;padding-bottom:2px;display:flex;overflow-x:auto}.consumed-chip{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;padding:4px 8px;font-size:.72rem;font-weight:600}.consumed-chip.active{color:#15803d;background:#dcfce7;border-color:#86efac}.consumed-chip.gtm{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.portion-meter-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px;display:grid}.portion-meter-btn{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:10px 4px;transition:all .2s;display:flex}.portion-meter-btn .percentage{font-family:var(--font-heading);margin-bottom:2px;font-size:1.1rem;font-weight:800}.portion-meter-btn .status-text{color:var(--text-muted);text-align:center;font-size:.68rem;font-weight:600}.portion-meter-btn.level-100.active{color:#15803d;background:#dcfce7;border-color:#22c55e}.portion-meter-btn.level-75.active{color:#0369a1;background:#e0f2fe;border-color:#38bdf8}.portion-meter-btn.level-50.active{color:#b45309;background:#fef3c7;border-color:#fbbf24}.portion-meter-btn.level-25.active{color:#c2410c;background:#ffedd5;border-color:#fb923c}.portion-meter-btn.level-0.active{color:#b91c1c;background:#fee2e2;border-color:#ef4444}.chewing-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px;display:grid}.chewing-pill{border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:#f8fafc;align-items:center;gap:8px;padding:10px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.chewing-pill.active{border-color:var(--primary);color:var(--primary-dark);background:#fff7ed}.behavior-chips-wrap{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.behavior-chip{border-radius:var(--radius-full);color:var(--text-main);cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.behavior-chip.selected{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;box-shadow:0 1px 4px #3b82f633}.behavior-chip.gtm-selected{color:#dc2626;background:#fef2f2;border-color:#ef4444}.photo-compare-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.photo-box{border-radius:var(--radius-lg);cursor:pointer;background:#fafafa;border:2px dashed #cbd5e1;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:12px;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.photo-box:hover{border-color:var(--primary)}.photo-preview-img{object-fit:cover;border-radius:var(--radius-md);width:100%;height:110px}.photo-tag-badge{color:#fff;border-radius:var(--radius-full);background:#000000a6;padding:2px 8px;font-size:.68rem;font-weight:600;position:absolute;bottom:6px;left:6px}.btn-primary{color:#fff;border-radius:var(--radius-lg);width:100%;font-family:var(--font-heading);cursor:pointer;background:linear-gradient(135deg,#ea580c 0%,#f97316 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-size:1.05rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #ea580c59}.btn-primary:active{transform:scale(.98);box-shadow:0 2px 6px #ea580c33}.btn-secondary{color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;font-weight:600;display:flex}.toast-container{z-index:99;pointer-events:none;width:90%;max-width:440px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast-box{color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-float);background:#1e293b;align-items:center;gap:10px;padding:12px 18px;font-size:.88rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideDownToast;display:flex}.toast-box.success{background:#065f46;border:1px solid #34d399}.toast-box.info{background:#1e3a8a;border:1px solid #60a5fa}@keyframes slideDownToast{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.voice-bar{align-items:center;gap:8px;margin-top:8px;display:flex}.voice-btn{color:#dc2626;border-radius:var(--radius-full);cursor:pointer;background:#fef2f2;border:1.5px solid #fca5a5;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;display:flex}.voice-btn.recording{color:#fff;background:#ef4444;animation:1s infinite alternate pulseRecording}@keyframes pulseRecording{0%{transform:scale(1)}to{transform:scale(1.06)}}@media print{body{background:#fff!important}.app-header,.bottom-nav,.quick-assist-bar,.no-print{display:none!important}.app-container{max-width:100%!important;box-shadow:none!important;padding:0!important}.print-page{page-break-after:always;color:#000;padding:20px;font-family:Plus Jakarta Sans,serif}.print-table{border-collapse:collapse;width:100%;margin-top:15px}.print-table th,.print-table td{border:1px solid #333;padding:8px;font-size:11pt}}