:root{--primary:#87ceeb;--primary-dark:#5dade2;--secondary:#ffb6c1;--accent:#f9e79f;--bg:#fff;--bg-card:#f8fbff;--text:#2c3e50;--text-muted:#7f8c8d;--border:#e8f1f8;--danger:#ff6b6b;--success:#66bb6a;--warning:#ffb74d;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--topbar-height:calc(64px + var(--safe-top));--nav-height:calc(72px + var(--safe-bottom));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6}@media (prefers-color-scheme:dark){:root{--bg:#1a1c1e;--bg-card:#232528;--text:#e2e2e6;--text-muted:#909094;--border:#2e3032;--primary:#91d0ff}}*,:before,:after{box-sizing:border-box}html,body{width:100%;height:100%;position:fixed;overflow:hidden}body{background-color:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-width:320px;margin:0}input,textarea{-webkit-user-select:auto;user-select:auto}#root{background-color:var(--bg);flex-direction:column;width:100%;max-width:500px;height:100%;margin:0 auto;display:flex;position:relative;box-shadow:0 0 40px #00000008}main{-webkit-overflow-scrolling:touch;padding:1.25rem;padding-bottom:calc(var(--nav-height) + 1.25rem);padding-top:calc(var(--topbar-height) + 1.25rem);flex:1;overflow-y:auto}.top-bar{height:var(--topbar-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;letter-spacing:-.02em;background-color:#ffffffd9;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:.75rem;font-size:1.1rem;font-weight:800;display:flex;position:fixed;top:0;left:0;right:0}@media (prefers-color-scheme:dark){.top-bar{background-color:#1a1c1ed9}}.sync-status{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:2px;font-size:.65rem;font-weight:600;display:flex}.sync-indicator{background-color:var(--success);border-radius:50%;width:6px;height:6px}.bottom-nav{height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);z-index:100;background-color:#ffffffd9;grid-template-columns:repeat(7,1fr);transition:transform .2s;display:grid;position:fixed;bottom:0;left:0;right:0}body.keyboard-open .bottom-nav{transform:translateY(100%)}body.keyboard-open main{padding-bottom:1.25rem}@media (prefers-color-scheme:dark){.bottom-nav{background-color:#1a1c1ed9}}.nav-item{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.6rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item.active{color:var(--primary-dark)}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:1.25rem;margin-bottom:1.25rem;padding:1.25rem}.btn{cursor:pointer;touch-action:manipulation;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.6rem;min-height:52px;padding:0 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{opacity:.9;transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 4px 12px #87ceeb4d}.btn-secondary{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text)}.btn-success{color:#fff;background:linear-gradient(135deg,#66bb6a,#43a047);box-shadow:0 4px 12px #66bb6a4d}.btn-icon{border-radius:50%;width:52px;height:52px;padding:0}.btn-block{width:100%}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-muted);margin-bottom:.875rem;font-size:.875rem;font-weight:600;display:block}.form-control{border:1px solid var(--border);background-color:var(--bg);width:100%;min-height:52px;color:var(--text);vertical-align:top;appearance:none;border-radius:.75rem;padding:.75rem 1rem;font-size:1rem;transition:all .2s;display:block}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #87ceeb1a}textarea.form-control{resize:none;min-height:100px}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.flex-row{align-items:center;gap:.75rem;display:flex}.flex-col{flex-direction:column;gap:.5rem;display:flex}.space-between{justify-content:space-between}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}h1,h2,h3,h4{letter-spacing:-.03em;color:var(--text);margin:0}h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem;font-size:.75rem}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--border) 50%, var(--bg-card) 75%);background-size:200% 100%;animation:1.5s linear infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page-transition-enter{opacity:0;transform:translateY(8px)}.page-transition-enter-active{opacity:1;transition:opacity .25s,transform .25s ease-out;transform:translateY(0)}.active-session-indicator{position:relative}.active-session-indicator:after{content:"";background-color:var(--primary);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;animation:2s infinite pulse;position:absolute;top:-2px;right:-2px}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #87ceebb3}70%{transform:scale(1);box-shadow:0 0 0 6px #87ceeb00}to{transform:scale(.95);box-shadow:0 0 #87ceeb00}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-screen,.feed-screen,.sleep-screen,.diaper-screen,.health-screen,.doctor-screen,.reports-screen,.settings-screen{animation:.3s cubic-bezier(.4,0,.2,1) fadeIn}