.db-shell{--db-pink:#ff007a;--db-pink-text:#d6006a;box-sizing:border-box;max-width:var(--app-mobile-max-width);width:100%;min-height:100dvh;margin-inline:auto;background:#f8f8fa;color:#484848;font-family:var(--font-google-sans-flex),system-ui,sans-serif;position:relative;font-size:14px}.db-shell :where(button,a,summary){-webkit-tap-highlight-color:transparent}.db-shell *,.db-shell :after,.db-shell :before{box-sizing:border-box}.db-shell :where(button,a,summary):focus-visible{outline:3px solid var(--db-pink-text);outline-offset:3px}.db-shell :where(button){font:inherit}.db-header{position:sticky;top:0;z-index:10;min-height:calc(56px + env(safe-area-inset-top));height:auto;padding-top:env(safe-area-inset-top);padding-inline:20px 12px;background:#fff;border-bottom:1px solid #f1f1f1;display:flex;align-items:center;justify-content:space-between;gap:8px}.db-logo{width:88px;height:auto;object-fit:contain}.db-header-actions{display:flex;align-items:center;gap:8px;min-width:0}.db-children summary,.db-identity{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;background:#fff;border:1px solid #ffe3f0;border-radius:999px;min-width:0}.db-avatar{width:30px;height:30px;object-fit:contain;flex-shrink:0}.db-children summary>span:not(:last-child),.db-identity>span{display:flex;flex-direction:column;min-width:0}.db-children strong,.db-identity strong{font-size:12px;line-height:1.2;max-width:112px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.db-children small,.db-identity small{font-size:10px;color:#6b6b6b;line-height:1.3}.db-children{position:relative}.db-children summary{cursor:pointer;list-style:none}.db-children summary::-webkit-details-marker{display:none}.db-children ul{position:absolute;right:0;top:calc(100% + 8px);z-index:10;list-style:none;background:#fff;border:1px solid #eee;border-radius:16px;padding:6px;box-shadow:0 8px 25px #0002;min-width:180px;max-width:260px;max-height:280px;overflow:auto}.db-children li a{display:block;color:#484848;padding:12px;overflow-wrap:anywhere;text-decoration:none;border-radius:10px}.db-children a[aria-current]{color:var(--db-pink-text);background:#fff1f7}.db-content{padding:14px 16px calc(122px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.db-content h1{font-size:22px;line-height:1.25;font-weight:800;margin:0;overflow-wrap:anywhere}.db-onboarding{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:#fff1f7;border:1px solid #ffd6e9;border-radius:16px}.db-onboarding strong{font-size:13px}.db-onboarding p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#6b6b6b}.db-onboarding a{color:var(--db-pink-text);min-height:32px;justify-content:space-between}.db-onboarding a,.db-whatsapp{font-weight:700;text-decoration:none;font-size:13px;display:flex;align-items:center}.db-whatsapp{gap:7px;min-height:40px;padding:6px 12px 6px 9px;border-radius:12px;border:1px solid #bfebd0;background:#eafbf1;color:#235c3b;line-height:1.4}.db-wa-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;background:#1fa855;color:#fff;border-radius:8px}.db-wa-icon svg{width:16px;height:16px}.db-wa-end{margin-inline-start:auto;white-space:nowrap;font-size:13px;color:#13794a;text-decoration:underline;text-underline-offset:2px;display:flex;align-items:center;gap:5px}.db-wa-end b{font-size:22px;line-height:1}.db-whatsapp-connected{background:#eafbf1;color:#235c3b}.db-whatsapp-connected .db-wa-icon{background:#1fa855}.db-whatsapp-connected .db-wa-end{font-size:26px;line-height:1;text-decoration:none}.db-whatsapp-unavailable{color:#6b6b6b;background:#eeeef1}.db-insight{min-height:196px;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:22px;border:1.5px dashed #ffb7d9;background:linear-gradient(180deg,#fff6fa,#fff 80%)}.db-insight h2{display:flex;align-items:center;gap:6px;margin:0;color:var(--db-pink-text);font-size:13px;font-weight:700}.db-insight-heading{font-size:16px;font-weight:700;line-height:1.4;color:#333;margin:0;overflow-wrap:anywhere}.db-insight-copy{font-size:12.5px;line-height:1.5;color:#6b6b6b;margin:0}.db-log-cta{align-self:flex-start;margin-block-start:auto;display:flex;align-items:center;gap:6px;min-height:36px;padding-inline:14px;border-radius:999px;background:var(--db-pink);color:#fff;text-decoration:none;font-size:12px;font-weight:700}.db-log-cta span{font-size:22px}.db-section-heading{display:flex;justify-content:space-between;align-items:center;margin:14px 2px 8px}.db-section-heading h2{font-size:11px;font-weight:700;letter-spacing:.08em;color:#777;margin:0}.db-section-heading button{border:0;background:none;font-size:13px;font-weight:600;color:#888;padding:4px 0;cursor:not-allowed}.db-today{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.db-metric{display:grid;grid-template-rows:18px 1fr 15px;align-items:center;justify-items:center;gap:2px;min-height:78px;border-radius:16px;padding:8px 3px;text-align:center}.db-emoji{font-size:18px;line-height:1}.db-metric strong{align-self:start;font-size:14px;font-weight:700;margin-block-start:2px;line-height:1.25}.db-metric>span:last-child{font-size:10px;color:#6b6b6b}.db-feeding{background:#fff1e6}.db-sleep{background:#e8fbf8}.db-poop{background:#fff6d9}.db-breastfeeding{background:#fff1f7}.db-child-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.db-child-metric{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:16px;background:#fff;border:1px solid #f0f0f2;text-align:center;min-width:0}.db-child-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff1f7;color:var(--db-pink)}.db-child-icon svg{width:18px;height:18px}.db-child-metric>span:not(.db-child-icon){font-size:12px;color:#6b6b6b}.db-child-metric>strong{font-size:14px;font-weight:700}.db-child-metric>.db-badge{font-size:11px;line-height:1.3}.db-badge{padding:3px 6px;border-radius:999px;background:#f3f3f5;color:#737373;font-weight:600}.db-badge-warning{background:#fff6d9;color:#806000}.db-badge-normal{background:#e8fbf8;color:#216a53}.db-measurement-date{margin:10px 2px 0;font-size:11px;color:#6b6b6b}.db-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,var(--app-mobile-max-width));box-sizing:border-box;padding:0 24px calc(20px + env(safe-area-inset-bottom));isolation:isolate}.db-nav:before{content:"";position:absolute;inset:-28px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(transparent,#f8f8facc 55%)}.db-nav-glass{display:flex;align-items:center;justify-content:space-between;padding:6px;border-radius:999px;background:#ffffffe8;border:1px solid #ffffffcc;box-shadow:inset 0 1px 0 #ffffffd9,0 0 0 .5px #0000000a,0 10px 30px #00000014}@supports (backdrop-filter:blur(14px)){.db-nav-glass{background:#ffffff9e;backdrop-filter:blur(14px) saturate(180%)}}.db-nav-glass :where(button,a){display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:transparent}.db-nav-glass button:disabled{cursor:not-allowed;opacity:.65}.db-nav-glass .db-nav-current{background:#ff007a1a;box-shadow:inset 0 0 0 .5px #ff007a1f}.db-nav-glass img{object-fit:contain}.db-status{padding:32px 20px}.db-status a{color:var(--db-pink-text)}.db-error{display:flex;flex-direction:column;padding:calc(24px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom))}.db-error-brand img{display:block;height:auto}.db-error-content{width:100%;margin-block:auto;padding-block:40px;text-align:center}.db-error-illustration{display:block;width:min(192px,65%);height:auto;margin:0 auto 24px;object-fit:contain}.db-error-copy h1{margin:0;color:#333;font-size:22px;font-weight:800;line-height:1.3}.db-error-copy p{margin:12px 0 0;color:#666;font-size:14px;line-height:1.6}.db-error-actions{display:grid;gap:12px;margin-top:28px}.db-error-actions .auth-submit,.db-error-retry{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 20px;border-radius:14px;font-size:14px;font-weight:700;line-height:1.5;cursor:pointer}.db-error-retry{background:var(--db-pink-text);color:#fff;text-decoration:none}.db-error-retry:hover{background:#b8005b}.db-error-actions .auth-interactive{min-width:0;margin:0;padding:0;border:0}.db-error-actions .auth-footer{margin:0}.db-error-actions .auth-submit{border:1px solid #e4e4e9;background:#fff;color:#484848}.db-error-actions .auth-submit:hover:not(:disabled){background:#f1f1f5}.db-error-actions .auth-submit:disabled{opacity:.5;cursor:default}@media (max-width:350px){.db-content{padding-inline:14px}.db-header{padding-inline:14px 10px}.db-nav{padding-inline:16px}.db-nav-glass :where(button,a){width:48px;height:48px}.db-wa-end{font-size:11px}.db-whatsapp{gap:8px;padding-inline:12px}.db-child-metrics{gap:6px}.db-child-metric>span:not(.db-child-icon){font-size:11px}.db-child-metric>.db-badge{font-size:10px}.db-metric strong{font-size:12px}}@media (prefers-reduced-motion:reduce){.db-shell :where(a,button,summary){scroll-behavior:auto;transition:none;animation:none}}.db-page-loading{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:calc(32px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));background:#f8f8fa;color:#484848;font-family:var(--font-google-sans-flex),system-ui,sans-serif;text-align:center}.db-page-loading-orbit{position:relative;display:grid;place-items:center;width:112px;height:112px;margin:0 auto 28px;border-radius:50%;background:#fff1f7}.db-page-loading-ring{position:absolute;inset:0;border:3px solid #f9cce2;border-top-color:#d6006a;border-radius:50%;animation:db-page-loading-spin 1s linear infinite}.db-page-loading-icon{object-fit:contain;animation:db-page-loading-bob 1.8s ease-in-out infinite}.db-page-loading-content p{margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.3}.db-page-loading-content>span{color:#666;font-size:13px;line-height:1.6}@keyframes db-page-loading-spin{to{transform:rotate(1turn)}}@keyframes db-page-loading-bob{50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.db-page-loading-ring{animation-duration:6s}.db-page-loading-icon{animation:none}}.upgrade-card{display:grid;gap:12px;padding:22px;border:1px solid #ffbfdd;border-radius:24px;background:#fff0f7}.upgrade-plan{display:flex;align-items:center;gap:8px;color:#b8005c;font-size:13px;font-weight:750}.upgrade-sparkle{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#ffd9eb;font-size:21px}.ac-package .upgrade-card h2,.upgrade-card h2{margin:0;color:#484848;font-size:22px;font-weight:800;line-height:1.2}.upgrade-card p{margin:0;line-height:1.5;color:#666}.upgrade-card .upgrade-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 16px;border-radius:14px;background:#d6006a;color:#fff;font-weight:750;text-decoration:none}.upgrade-link:hover{background:#b8005c}.upgrade-card small{color:#666;font-size:12px;line-height:1.4}.ac-package .upgrade-card{margin-top:18px;padding:0;border:0;border-radius:0;background:transparent}