*{box-sizing:border-box;margin:0;padding:0}body{color:#f1f5f9;background:#0f172a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading{color:#94a3b8;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;display:flex}.app{max-width:960px;min-height:100vh;margin:0 auto;padding:1rem 2rem 2rem}.tabs{border-bottom:1px solid #334155;gap:.25rem;margin-bottom:1.5rem;display:flex}.tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.5rem;font-size:.95rem;transition:color .2s,border-color .2s}.tab:hover{color:#cbd5e1}.tab.active{color:#f1f5f9;border-bottom-color:#3b82f6}.dashboard{flex-direction:column;gap:2rem;display:flex}.countdown{text-align:center;background:#1e293b;border:2px solid #334155;border-radius:1rem;padding:1.5rem}.countdown-breast .progress-fill{background:#f472b6}.countdown-bottle .progress-fill{background:#3b82f6}.countdown-label{color:#94a3b8;margin-bottom:.5rem;font-size:1.2rem}.countdown-time{font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:2.5rem;font-weight:700}.countdown-detail{color:#94a3b8;margin-top:1rem;font-size:.9rem}.progress-bar{background:#334155;border-radius:4px;height:8px;margin-top:1rem;overflow:hidden}.progress-fill{background:#3b82f6;border-radius:4px;height:100%;transition:width 1s linear}.countdown.urgent{background:linear-gradient(135deg,#1e293b 0%,#2d1215 100%);border-color:#ef4444;animation:1.5s ease-in-out infinite urgent-pulse}.countdown.urgent .countdown-label{color:#fca5a5;font-weight:700}.countdown.urgent .countdown-time{color:#ef4444;text-shadow:0 0 20px #ef444480}.countdown.urgent .progress-fill{background:#ef4444}.countdown.urgent .progress-bar{background:#4c1d1d}@keyframes urgent-pulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 30px 4px #ef44444d}}.countdown.overdue{border-color:#ef4444;animation:2s ease-in-out infinite pulse}.countdown.overdue .countdown-time{color:#ef4444}.countdown.overdue .progress-fill{background:#ef4444;width:100%!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.timers{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.cards{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.card{background:#1e293b;border:1px solid #334155;border-left-width:3px;border-radius:1rem;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.card.card-feeding{border-left-color:#3b82f6}.card.card-breast{border-left-color:#f472b6}.card.card-formula{border-left-color:#3b82f6}.card.card-diaper{border-left-color:#facc15}.card.card-sleep{border-left-color:#34d399}.card-title{color:#94a3b8;font-size:.9rem;font-weight:500}.interval-setting{justify-content:center;align-items:center;gap:.5rem;display:flex}.interval-btn{color:#94a3b8;cursor:pointer;background:#334155;border:1px solid #475569;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1rem;transition:background .2s;display:flex}.interval-btn:hover{color:#f1f5f9;background:#475569}.interval-value{color:#94a3b8;text-align:center;min-width:3.5rem;font-size:.85rem}.card-main{font-size:2rem;font-weight:700}.card-sub{color:#cbd5e1;font-size:1.1rem}.card-footer{color:#94a3b8;border-top:1px solid #334155;flex-direction:column;gap:.2rem;margin-top:auto;padding-top:.75rem;font-size:.85rem;display:flex}.card-footer-yesterday{color:#64748b;font-size:.8rem}.charts{flex-direction:column;gap:2rem;display:flex}.chart-mode-toggle{background:#0f172a;border:1px solid #334155;border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex}.chart-mode-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex:1;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.chart-mode-btn.active{color:#f1f5f9;background:#334155;font-weight:500}.chart-mode-btn:hover:not(.active){color:#cbd5e1}.chart-section{background:#1e293b;border:1px solid #334155;border-radius:1rem;padding:1.5rem}.chart-title{color:#94a3b8;margin-bottom:1rem;font-size:1rem;font-weight:500}.recharts-tooltip-item{color:#cbd5e1!important}.recharts-legend-item-text{color:#94a3b8!important}.fab{color:#fff;cursor:pointer;z-index:100;background:#3b82f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;transition:background .2s,transform .2s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #3b82f666}.fab:hover{background:#2563eb;transform:scale(1.05)}.record-modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.record-modal{background:#1e293b;border:1px solid #334155;border-bottom:none;border-radius:1rem 1rem 0 0;width:100%;max-width:480px;padding:1.5rem}.record-modal-title{color:#f1f5f9;text-align:center;margin-bottom:1.25rem;font-size:1.1rem;font-weight:600}.record-actions{gap:.75rem;display:flex}.record-action-btn{cursor:pointer;color:#f1f5f9;background:#0f172a;border:2px solid #334155;border-radius:.75rem;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1.25rem .75rem;transition:border-color .2s,background .2s;display:flex}.record-action-btn:hover{background:#1e293b}.record-action-icon{font-size:1.75rem}.record-action-label{font-size:.9rem;font-weight:500}.record-form{margin-bottom:1.25rem}.form-group{flex-direction:column;gap:.75rem;display:flex}.form-label{color:#94a3b8;font-size:.9rem;font-weight:500}.amount-controls{justify-content:center;align-items:center;gap:1rem;display:flex}.amount-btn{color:#f1f5f9;cursor:pointer;background:#334155;border:1px solid #475569;border-radius:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:background .2s}.amount-btn:hover{background:#475569}.amount-value{text-align:center;font-variant-numeric:tabular-nums;min-width:5rem;font-size:1.5rem;font-weight:700}.diaper-options,.sleep-options{gap:.5rem;display:flex}.option-btn{color:#94a3b8;cursor:pointer;background:#0f172a;border:2px solid #334155;border-radius:.5rem;flex:1;padding:.75rem;font-size:.9rem;transition:all .2s}.option-btn.active{color:#f1f5f9;background:#1e3a5f;border-color:#3b82f6}.record-form-actions{gap:.75rem;display:flex}.btn-back{color:#94a3b8;cursor:pointer;background:#334155;border:none;border-radius:.5rem;flex:1;padding:.75rem;font-size:.95rem;transition:background .2s}.btn-back:hover{background:#475569}.btn-save{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.5rem;flex:2;padding:.75rem;font-size:.95rem;font-weight:600;transition:background .2s}.btn-save:hover{background:#2563eb}.btn-save:disabled{opacity:.5;cursor:not-allowed}@media (width<=840px){.cards{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.app{padding:.5rem 1rem 1rem}.timers{grid-template-columns:1fr}.countdown-time{font-size:2rem}.cards{grid-template-columns:1fr}}