<!--
═══════════════════════════════════════════════════════════════
  LOUISE PRO — BABY TRACKER
═══════════════════════════════════════════════════════════════

  Ultimas versoes (historico completo no modal "Ler novidades"):

  v11.8.7 Home cards: todos info-only (button -> div). Sem mais click acidental abrindo forms
  v11.8.6 Night pattern: fix over-count (engine v2.2.3) - cluster 30min + boundary 15min em retroWakings
  v11.8.4 Compact UI: cards home + quick buttons em 1 linha (6 col) + EntryRow thin + nav pill slim
  v11.8.3 Home: idade em dias totais (43 dias) + card nursing virou Simeticona (info-only, tap nao faz nada)
  v11.8.2 Medicine: fix emoji literal no chip + drops modal + adiciona Colicaliv (5 gotas) default
  v11.8.1 Medicine: drops picker vira Modal popup + auto-migrate Simeticona/Paracetamol pra "pede gotas"
  v11.8.0 Medicine event: multi-select (Floripa + VitD + Colicaliv em 1 save) + drops picker 1-6 pra meds sem dose (simeticona, paracetamol) + notes removido
  v11.7.9 Night pattern: 3 bugs - merge split-midnight (wakings pos-meia-noite somiam), janela 10h-11h (era 6h-10h), gate em bedtime ativo
  v11.7.8 fix literal \\u00b7 aparecendo no Profile (escape nao funciona em JSX text fora de string)
  v11.7.7 Feeding reminder (revisto): intervalMin fica sendo o prazo do push (cloud unchanged), barIntervalMin e novo campo client-only da barra. Nenhuma mudanca no backend
  v11.7.6 Feeding reminder: intervalo do push (pushIntervalMin) separado do intervalo da barra (intervalMin). Backend precisa ler pushIntervalMin com fallback pro intervalMin
  v11.7.5 Profile: pill Salvando/Salvo vira floating (fixed top center), sempre visivel sem precisar header sticky
  v11.7.4 Profile: header deixa de ser sticky (rolava feio). Volta a ser normal no topo, some ao scrollar
  v11.7.3 AddForm save: fechamento otimista (modal fecha imediato) + double-submit guard + shake na validacao + spinner no botao
  v11.7.2 Profile: AUTO-SAVE 900ms depois da ultima edicao, sem mais botao Save/Cancel. Header mostra indicador sutil Editando -> Salvando -> Salvo
  v11.7.1 Fix Profile v11.7.0: header vira sticky (Save/Cancel acompanha scroll) + bg com gradient proprio + Starfield (antes mostrava a aba atras)
  v11.7.0 Profile polish: Save/Cancel no topo (so quando editando) + Nursing picker vira Modal + birth aceita virgula/ponto + background transparente + % na meta de ml
  v11.6.0 Auto-backup na primeira abertura do dia (1x por dia calendario, nao mais 24h rolling)
  v11.5.0 Toast de confirmacao quando auto-backup roda (voce sabe sem abrir Profile)
  v11.4.0 Backup vai pra nuvem (Firestore) em vez de baixar arquivo, sempre mais recente sobrescreve
  v11.3.0 Auto-backup 24h promovido pro App root (global) + botoes renomeados + status mais claro
  v11.2.0 Backup export/import + quick wins (memo StatsPage/HistoryPage + manifest shortcuts)
  v11.1.0 Notificacoes per-device: marcar lida persiste + update toast aparece em cada device (localStorage)
  v11.0.0 Sprint de resiliencia + a11y: ErrorBoundary + URL routing + empty states + aria-labels + contraste + swipe fix
  v10.8.0 3 fixes: Diaper wet/dirty + Night pattern dedup (cross-midnight) + SW update banner
  v10.7.2 AddForm (novo + editar) vira Modal central (Sheet slide-up aposentado em forms)
  v10.7.1 Refinamentos sutis: tabular-nums + tap feedback + pulse na mudanca + data sutil + sparkle no Ring
  v10.7.0 Rollback do Beautiful Glow: cards/circles/Ring voltam ao minimalista (starfield visivel)
  v10.6.2 Fix: Ring disc translucido + breathing funcionando (CSS class em vez de inline animation)
  v10.6.1 Cards do Home translucidos (starfield passa atras) + Ring respira no bedtime
  v10.6.0 Beautiful edge glow: cards do Home + circulos do popup + + Ring (4 inner shadows Figma->CSS)
  v10.5.5 Botao + vira Modal central (scale+fade em vez de Sheet slide-up bugado no iPhone)
  v10.5.4 Limpeza: nowTick removido (redundante) + contain:layout/paint em SleepBlock
  v10.5.3 Perf: Starfield module-level memo + Profile photo sig (isDirty vira O(1) por keystroke)
  v10.5.2 Firestore offline persistence ON: cold start iPhone PWA instantaneo + app offline-capable
  v10.5.1 Perf iPhone: tick 1s->5s em bedtime + React.memo em Ring/SleepBlock/EntryRow + blur 26->18
  v10.5.0 CRITICO: fix de data-loss no profile (saveProfile agora usa merge + side-paths delta-only)
  v10.4.7 Fix: scroll do Home nao chegava no fim do ultimo card (nav pill cobria)
  v10.4.6 Fix: evento exatamente na hora do fim do bedtime aparece como top-level no Hoje
  v10.4.5 Fix: mamada noturna invisivel no Hoje (bedtime que comeca ontem e acaba hoje)
  v10.4.4 FIX REAL: nav-host z-index 50->300 (ProfilePage z-200 cobria a nav inteira no desktop)
  v10.4.3 Fix: navbar do Profile atras do home indicator + restaura pointer-events
  v10.4.2 Fix: navbar Cancelar/Salvar do Profile esticava em todo o viewport em desktop
  v10.4.1 Default do intervalo de mamada muda de 290min (4h50) pra 120min (2h)
  v10.4.0 Next feeding: barra de progresso no card Bottle do Home (intervalo de mamada glanceable)
  v10.3.4 Botao Home do Profile sempre visivel (removido hide-on-scroll desorientante)
  v10.3.3 Fix: TimerBar e botao Save da Sheet caindo atras da nav pill (safe-area no bottom)
  v10.3.2 Fix: TimerBar cobrindo o botao Save do AddForm (e tingindo de verde via backdrop-filter)
  v10.2.1 Fix faixa preta no bottom iOS PWA: App container 100% -> 100dvh + nav calc intencional
  v10.1.7 FIX REAL: nav usa bottom negativo pra invadir zona fora-do-viewport do PWA
  v10.1.5 FIX: height 100% -> 100dvh no html/body/root (iOS PWA viewport estendido)
  v10.1.4 FIX: nav em React Portal fora do scroll container (bug iOS PWA position:fixed)
  v10.1.3 Nav colada no bottom de verdade: ignora safe-area (igual Instagram)
  v10.1.2 Fix: SW network-first em HTML + auto-reload ao detectar deploy novo (nunca mais stale)
  v10.1.1 Nav colada no bottom: removido o 12px de folga que deixava area vazia abaixo
  v10.1.0 Perf bundle: pausa animacoes em bg + content-visibility auto + js bundle (6->1)
  v10.0.4 Resource hints: preload + preconnect pra primeira install do PWA mais rapida
  v10.0.3 Nav Liquid Glass estilo Instagram: pill wider + translucido + rim brilhante
  v10.0.2 Nav edge-to-edge: colado no home indicator + blur translucido com saturate(180%)
  v10.0.1 Service Worker com cache: 2o+ cold start quase instantaneo
  v10.0.0 Build step: JSX pre-compilado, Babel Standalone removido, deploy via GitHub Actions
  v9.9.8  Fixes: wakings retroativas no engine (v2.2.1) + curiosity semanal so 1x por semana
  v9.9.7  Repo reorganizado: js/ e assets/icons/ (SWs e manifest ficam no root)
  v9.9.6  Performance iPhone: reduzidos 6 backdrop-filters pesados (40-50px -> 16-22px)
  v9.9.5  Inbox: hints de despertares consolidados em 1 card (routine-engine v2.2.0)
  v9.9.4  Nav minimalista (pill fina, sem labels) + tap feedback + fix overlay do "+"
  v9.9.3  Teste de workflow Claude Code (bump vazio)
  v9.9.2  Swipe horizontal entre Home/Stats/History (passo 1 da nav redesign)
  v9.8.2  Sheet: drag de qualquer lugar (padrão iOS), botões deixam de travar
  v9.8.1  Fix: delete no live bedtime + evento retroativo vazava pro bedtime errado
  v9.8.0  Notificações editáveis: título e corpo custom por remédio + edit de lembretes
  v9.7.0  Crescimento: form unificado (data + 3 campos), virgula ok, merge por data, edit em antigas
  v9.6.18 Fade do bottom removido (estava parecendo bug, não efeito)
  v9.6.17 Fix: mercurio congelado + fade top tapando titulo
  v9.6.16 Fix: Home vazando atrás do Profile (fade via overlay)
  v9.6.15 Mercurio liquido no botao Home + fade mask no Profile
  v9.6.14 Nav do Profile: pill compacta + hide on scroll
  v9.6.13 Remove toggle Haptic (iOS nao suporta navigator.vibrate)
  v9.6.12 Intervalo de mamada entra no dirty state do Profile
  v9.6.11 Fix: navbar do Profile sumindo + Voltar ao Home flutuante
  v9.6.10 Navbar contextual no Profile (Salvar/Cancelar flutuante)
  v9.6.9  Fix editor de wakings: salva corretamente em bedtime live
  v9.6.8  Editor de wakings (live e histórico)
  v9.6.7  Lembrete de mamada (push apos intervalo, so de dia)
  v9.6.6  Calibracao das ancoras do Ring (meio-termo)
  v9.6.5  Icone bed pra sleep + ancoras do Ring reforcadas
  v9.6.4  Tummy time no Stats (card 4x1 + gráfico próprio)
  v9.6.3  Fix tummy time no Ring vira dot + fmtDur robusto
  v9.6.2  Swipe bidirecional no histórico (deletar e editar)
  v9.6.1  Fix tummy time no Ring + label do timer
  v9.6.0  Cross-fade entre abas + drag-to-dismiss no sheet de "+"
  v9.5.0  Nursing side picker (escolha de lado L/R ao iniciar amamentacao)
  v9.4.0  Quick buttons 2x3 + icones Lucide + tummy time no Ring
  v9.3.0  Tummy time + editar inicio de bedtime ao vivo

  Stack: HTML puro + React 18 CDN + Babel + Firebase 10.x compat
  Repo: https://github.com/williamscchulz-was/louise-pro
  Firebase: louise-pro (Cloud Firestore)
═══════════════════════════════════════════════════════════════
-->

<!DOCTYPE html>

<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
  <meta name="theme-color" content="#070b1e">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="apple-mobile-web-app-title" content="Baby Tracker">
  <link rel="manifest" href="manifest.json">
  <link rel="apple-touch-icon" href="assets/icons/icon-192.png">
  <title>Baby Tracker</title>

  <!-- Resource hints (v10.0.4): preload critical scripts in parallel with HTML parse
       and warm up TCP+TLS to the Firestore host so the first live query is faster.
       On 2nd+ loads these are redundant (SW cache serves the scripts) but they're
       critical on first install of the PWA. -->
  <link rel="preload" as="script" href="https://unpkg.com/react@18/umd/react.production.min.js">
  <link rel="preload" as="script" href="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js">
  <link rel="preload" as="script" href="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js">
  <link rel="preload" as="script" href="https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore-compat.js">
  <link rel="dns-prefetch" href="https://firestore.googleapis.com">
  <link rel="preconnect" href="https://firestore.googleapis.com" crossorigin>
  <link rel="dns-prefetch" href="https://fonts.gstatic.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

  <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">

  <!-- ERROR & LOADING HANDLER -->

  <script>
  window.onerror=function(msg,src,line,col,err){
    var d=document.getElementById('error-display');
    if(!d){d=document.createElement('div');d.id='error-display';d.style.cssText='position:fixed;inset:0;z-index:9999;background:#0a0e28;color:#f87171;padding:40px 20px;font-family:monospace;font-size:13px;overflow:auto;white-space:pre-wrap';document.body.appendChild(d);d.innerHTML='<div style="font-size:20px;font-weight:bold;color:#fbbf24;margin-bottom:16px">⚠ Louise Pro — Error</div>';}
    d.innerHTML+='<div style="margin-bottom:12px;padding:12px;background:rgba(248,113,113,0.1);border-radius:8px;border-left:3px solid #f87171"><b>'+msg+'</b>\nLine: '+line+' Col: '+col+'\n'+(err&&err.stack?err.stack:'')+'</div>';
    return false;
  };
  window.addEventListener('unhandledrejection',function(e){
    window.onerror('Promise: '+(e.reason&&e.reason.message||e.reason),null,0,0,e.reason);
  });
  // Toggle body.app-hidden whenever the PWA visibility changes. Paired with
  // the CSS rule in <style>, this freezes all animations while the app is
  // backgrounded — useful on iOS PWA where background throttling is weak.
  document.addEventListener('visibilitychange',function(){
    if(document.body){document.body.classList.toggle('app-hidden',document.hidden);}
  });
  // Auto-reload when a newly installed Service Worker takes control.
  // Without this, after a deploy the old SW keeps serving the stale
  // HTML until the user manually refreshes. The `controllerchange`
  // event fires exactly once per SW takeover — we guard against reload
  // loops with a session flag.
  if('serviceWorker' in navigator){
    var _swReloading=false;
    navigator.serviceWorker.addEventListener('controllerchange',function(){
      if(_swReloading)return;
      _swReloading=true;
      // v10.8.0: banner visível curto antes do reload pra usuário entender que é update, não bug.
      try{
        var b=document.createElement('div');
        b.style.cssText='position:fixed;top:calc(14px + env(safe-area-inset-top));left:14px;right:14px;max-width:420px;margin:0 auto;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#34d399,#10b981);color:#050820;font:700 13px -apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:-0.2px;box-shadow:0 12px 32px -8px rgba(52,211,153,0.5);z-index:999999;display:flex;align-items:center;gap:10px;animation:swBannerIn .3s ease';
        b.innerHTML='<span style="display:inline-block;width:16px;height:16px;border:2px solid rgba(5,8,32,0.3);border-top-color:#050820;border-radius:50%;animation:swSpin .8s linear infinite"></span><span>Atualizando Louise Pro\u2026</span>';
        var st=document.createElement('style');
        st.textContent='@keyframes swBannerIn{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes swSpin{to{transform:rotate(360deg)}}';
        document.head.appendChild(st);
        document.body.appendChild(b);
      }catch(e){}
      setTimeout(function(){window.location.reload()},800);
    });
  }
  </script>

  <style>
    *{margin:0;padding:0;box-sizing:border-box}
    html,body{height:100vh;height:100dvh;height:var(--phys-h,100dvh);overflow:hidden;overscroll-behavior:none;background:
      radial-gradient(ellipse 140% 55% at 50% 100%, #1a1f52 0%, transparent 70%),
      radial-gradient(ellipse at 50% 0%, #10153d 0%, #070b1e 65%),
      #070b1e}
    body{font-family:'Outfit',sans-serif;
      -webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
    #root{height:100vh;height:100dvh;height:var(--phys-h,100dvh);overflow:hidden}
    button{cursor:pointer;border:none;background:none;color:inherit;font-family:inherit}
    input,textarea{font-family:inherit;-webkit-user-select:text;user-select:text}
    input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none}
    input[type="number"]{-moz-appearance:textfield}
    @keyframes fadeIn{from{opacity:0}to{opacity:1}}
    @keyframes pageSwitch{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
    @keyframes slideUp{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
    @keyframes slideUpCentered{from{transform:translateX(-50%) translateY(12px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}
    @keyframes mercurySpin{to{transform:rotate(360deg)}}
    @keyframes slideDown{from{transform:translateX(-50%) translateY(-20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}
    @keyframes toastSlideDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}
    @keyframes curiosityIn{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
    @keyframes curiosityOut{from{transform:translateY(0);opacity:1}to{transform:translateY(-12px);opacity:0}}
    @keyframes twinkle{0%,100%{opacity:.1}50%{opacity:.6}}
    @keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
    @keyframes spin{to{transform:rotate(360deg)}}
    @keyframes shakeX{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
    @keyframes pillIn{from{transform:translateX(-50%) translateY(-8px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}
    @keyframes glowBreathe{0%,100%{transform:scale(1);opacity:0.7}50%{transform:scale(1.18);opacity:1}}
    @keyframes softPulse{0%,100%{opacity:0.65}50%{opacity:1}}
    @keyframes glowCenter{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.7}50%{transform:translate(-50%,-50%) scale(1.18);opacity:1}}
    @keyframes ringExpand{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.5}50%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}
    @keyframes dashedSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}
    @keyframes cometTip{0%,100%{transform:scale(1);opacity:0.6}50%{transform:scale(1.5);opacity:1}}
    @keyframes dashFlow{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-40}}
    @keyframes orbitComet{0%{transform:rotate(207.5deg);opacity:0}5%{opacity:1}85%{opacity:0.8}100%{transform:rotate(512.5deg);opacity:0}}
    @keyframes splashFade{0%{opacity:1}80%{opacity:1}100%{opacity:0}}
    @keyframes splashLogo{0%{transform:scale(0.8);opacity:0}40%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:1}}
    @keyframes splashText{0%{opacity:0;transform:translateY(8px)}50%{opacity:0}100%{opacity:1;transform:translateY(0)}}
    @keyframes splashFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
    @keyframes splashHeartbeat{0%,55%,100%{transform:scale(1)}8%{transform:scale(1.06)}16%{transform:scale(0.99)}24%{transform:scale(1.04)}32%{transform:scale(1)}}
    @keyframes splashHaloBreathe{0%,100%{transform:translate(-50%,-50%) scale(0.85);opacity:0.45}50%{transform:translate(-50%,-50%) scale(1.1);opacity:0.95}}
    @keyframes bellWiggle{0%,88%,100%{transform:rotate(0deg)}91%{transform:rotate(-10deg)}94%{transform:rotate(10deg)}97%{transform:rotate(-5deg)}}
    @keyframes nwPulseAmber{0%,100%{box-shadow:0 0 20px rgba(251,146,60,0.15), 0 4px 16px rgba(0,0,0,0.3)}50%{box-shadow:0 0 32px rgba(251,146,60,0.32), 0 4px 16px rgba(0,0,0,0.3)}}
    @keyframes livePulse{0%,100%{opacity:0.35;box-shadow:0 0 12px rgba(96,165,250,0.18)}50%{opacity:0.8;box-shadow:0 0 24px rgba(96,165,250,0.4)}}
    @keyframes liveDotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.85)}}
    @keyframes progressShimmer{0%,100%{opacity:0.7}50%{opacity:1}}
    @keyframes nwIconPulseAmber{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
    /* v10.7.1 refinements — micro feedback, tabular-nums nos valores, pulse em mudança */
    @keyframes valPulse{0%{transform:scale(1.08);opacity:0.6}60%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:1}}
    .home-card{transition:transform .14s ease-out;font-variant-numeric:tabular-nums}
    .home-card:active{transform:scale(0.97)}
    .val-pulse{display:inline-block;animation:valPulse .4s cubic-bezier(0.22,1,0.36,1)}
    .navbtn{transition:transform .12s ease-out, background .18s ease-out, color .18s ease-out}
    .navbtn:active{transform:scale(0.88)}
    .navfab{transition:transform .22s cubic-bezier(0.34,1.56,0.64,1)}
    .navfab:active{transform:scale(0.92)}
    /* Pause every CSS animation while the app is in background (visibility API).
       Saves battery/CPU on iOS PWA and any browser that doesn't auto-throttle. */
    body.app-hidden *,body.app-hidden *::before,body.app-hidden *::after{animation-play-state:paused !important}
    /* Accessibility (v11.0): respect user's reduced-motion preference. Users with
       vestibular disorders or sensitivity to motion can disable CSS animations
       globally via system setting. We keep instant transitions (0.01ms) instead of 0
       so layout-dependent state changes still commit. */
    @media (prefers-reduced-motion: reduce){
      *,*::before,*::after{
        animation-duration:0.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:0.01ms !important;
      }
    }
    /* Focus-visible outline for keyboard nav (desktop + iPad bluetooth kb).
       Only shows when user arrived via keyboard, not mouse/touch. */
    button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{
      outline:2px solid #8b7cf6;
      outline-offset:2px;
    }
  </style>

</head>
<body>
<div id="root"></div>
<!-- Host para nav + TimerBar via React Portal. Fora do #root (que tem overflow:hidden)
     e do App root (que tem overflow:auto). Essencial pra position:fixed funcionar
     corretamente em iOS Safari PWA — o bug famoso onde fixed dentro de ancestor com
     overflow:auto vira efetivamente absolute em standalone mode.
     O próprio host eh position:fixed inset:0 pointer-events:none pra cobrir toda a
     tela (incluindo a safe-area do home indicator do iPhone) e servir como
     containing block de referência pros filhos com position:fixed. Children que
     precisam clique (a nav, o TimerBar) restauram pointer-events:auto. -->
<div id="nav-host" style="position:fixed;inset:0;pointer-events:none;z-index:300"></div>
<!-- Publica --phys-h com screen.height pra que html/body/App container estendam até
     o fim FÍSICO da tela (não só innerHeight). Assim o scroll container pode
     escorrer conteúdo até atrás do home indicator, simetricamente ao que já
     acontece atrás do status bar no topo. -->
<script>
(function(){
  function upd(){
    var h=(window.screen&&window.screen.height)||window.innerHeight;
    document.documentElement.style.setProperty('--phys-h',h+'px');
  }
  upd();
  window.addEventListener('resize',upd);
  window.addEventListener('orientationchange',upd);
})();
</script>
<!-- Debug: shows if app fails to load after 10s -->
<div id="load-debug" style="position:fixed;inset:0;z-index:9998;background:#070b1e;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:monospace;color:#8b90b8;font-size:12px">
  <div style="font-size:16px;margin-bottom:12px;color:#a78bfa">Louise Pro</div>
  <div id="load-status">Loading...</div>
</div>
<script>
var _dbg=document.getElementById('load-status');
function dbg(m){if(_dbg)_dbg.textContent=m;console.log('[LP]',m)}
setTimeout(function(){
  var d=document.getElementById('load-debug');
  if(d){_dbg.innerHTML='App did not load.<br><br>• Check internet<br>• Clear cache<br>• Check console (F12)';_dbg.style.color='#fb923c';}
},10000);
</script>

<!-- Firebase -->

<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js" onload="dbg('Firebase OK')" onerror="dbg('ERROR: Firebase CDN blocked')"></script>

<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore-compat.js" onload="dbg('Firestore OK')" onerror="dbg('ERROR: Firestore CDN blocked')"></script>

<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-messaging-compat.js" onload="dbg('FCM OK')" onerror="dbg('ERROR: FCM CDN blocked')"></script>

<!-- React -->

<script src="https://unpkg.com/react@18/umd/react.production.min.js" onload="dbg('React OK')" onerror="dbg('ERROR: React CDN blocked')"></script>

<script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js" onload="dbg('ReactDOM OK')" onerror="dbg('ERROR: ReactDOM CDN blocked')"></script>

<script>
// Intercept Babel errors (Babel logs to console.error, not window.onerror)
var _origErr=console.error;
console.error=function(){
  _origErr.apply(console,arguments);
  var msg=Array.from(arguments).join(' ');
  if(msg.includes('SyntaxError')||msg.includes('Unexpected')||msg.includes('babel')){
    var d=document.getElementById('load-debug')||document.getElementById('error-display');
    if(!d){d=document.createElement('div');d.id='error-display';d.style.cssText='position:fixed;inset:0;z-index:9999;background:#0a0e28;color:#f87171;padding:40px 20px;font-family:monospace;font-size:12px;overflow:auto;white-space:pre-wrap';document.body.appendChild(d)}
    d.innerHTML='<div style="font-size:18px;font-weight:bold;color:#fbbf24;margin-bottom:16px">⚠ Babel Error</div><div style="color:#f87171;padding:12px;background:rgba(248,113,113,0.1);border-radius:8px">'+msg.substring(0,2000)+'</div>';
    d.style.color='#f87171';
  }
};
dbg('Initializing Firebase...');
// Verify Firebase loaded
if (typeof firebase === 'undefined') {
  dbg('ERROR: Firebase not loaded - no internet?');
  throw new Error('Firebase not loaded');
}

// ── FIREBASE INIT ──
try {
firebase.initializeApp({
  apiKey: "AIzaSyBPiWTlC0ZKLEX5Z8PqKM2c3zaXN8p7DH8",
  authDomain: "louise-pro.firebaseapp.com",
  databaseURL: "https://louise-pro-default-rtdb.firebaseio.com",
  projectId: "louise-pro",
  storageBucket: "louise-pro.firebasestorage.app",
  messagingSenderId: "670065554630",
  appId: "1:670065554630:web:e8bdf489a3db28b8fe53c7"
});
const db = firebase.firestore();

// OFFLINE PERSISTENCE (v10.5.2): cacheia entries/config no IndexedDB.
// Impacto no cold start iPhone PWA: antes de receber do servidor (200-800ms), o app
// já renderiza com o último snapshot em cache. Sensação de "abriu instantâneo".
// synchronizeTabs: multi-aba ou PWA + Safari abertos não brigam pelo lock.
// Catch silencioso: em browsers sem suporte (raríssimo), segue sem persistência.
db.enablePersistence({synchronizeTabs: true}).catch(()=>{});

// Firebase functions (global, accessed by React code)
window.FB = {
  subEntries(cb) {
    return db.collection('entries').orderBy('date','desc').onSnapshot(snap => {
      const data = snap.docs.map(d => ({...d.data(), _docId: d.id}));
      data.sort((a,b) => (`${b.date}T${b.time}`).localeCompare(`${a.date}T${a.time}`));
      cb(data);
    });
  },
  async addEntry(e) { 
    // Remove undefined values (Firestore rejects them)
    const clean = Object.fromEntries(Object.entries(e).filter(([_,v]) => v !== undefined));
    await db.collection('entries').doc(e.id).set(clean); 
  },
  async delEntry(id) { await db.collection('entries').doc(id).delete(); },
  subProfile(cb) { return db.collection('config').doc('profile').onSnapshot(s => cb(s.exists ? s.data() : null)); },
  // MERGE: campos não incluídos em `p` ficam preservados. Blinda contra callers que passam
  // payload parcial (ex: side-paths que só atualizam lastSeenVersion) ou state stale de
  // outra aba/dispositivo. SEM merge qualquer save parcial limpava name/photo/etc. v10.5.0.
  async saveProfile(p) { await db.collection('config').doc('profile').set(p, {merge:true}); },
  subMeds(cb) { return db.collection('config').doc('meds').onSnapshot(s => cb(s.exists ? s.data()?.list : null)); },
  async saveMeds(m) { await db.collection('config').doc('meds').set({list:m}); },
  subTimer(cb) { return db.collection('config').doc('active').onSnapshot(s => cb(s.exists ? s.data() : null)); },
  async saveTimer(t) { await db.collection('config').doc('active').set(t||{cleared:true}); },
  subInbox(cb) { return db.collection('config').doc('inbox').onSnapshot(s => cb(s.exists ? s.data() : null)); },
  // MERGE defensivo: mesmo padrão do saveProfile — preserva campos não incluídos em `data`.
  async saveInbox(data) { await db.collection('config').doc('inbox').set(data, {merge:true}); },
  // Push notification token storage — each token is a separate doc in subcollection
  // Path: config/pushTokens/tokens/{tokenId}
  // Worker reads from this path to fan out push notifications.
  async savePushToken(token, lang) {
    if (!token) return;
    // Use a hash of the token as document ID to keep paths short and dedupe across devices
    const docId = btoa(token).replace(/[+/=]/g, '').slice(0, 40);
    await db.collection('config').doc('pushTokens').collection('tokens').doc(docId).set({
      token: token,
      lang: lang || 'en',
      updatedAt: new Date().toISOString()
    });
  },
  // Reminders: medication reminders that fire push notifications at scheduled times.
  // Path: config/reminders/items/{reminderId}
  // Worker checks this collection every minute and fires FCM if horario matches.
  subReminders(cb) {
    return db.collection('config').doc('reminders').collection('items').onSnapshot(snap => {
      const list = snap.docs.map(d => ({...d.data(), _id: d.id}));
      cb(list);
    });
  },
  async addReminder(reminder) {
    const id = reminder._id || ('rem_' + Date.now() + '_' + Math.random().toString(36).slice(2,7));
    const clean = {...reminder};
    delete clean._id;
    await db.collection('config').doc('reminders').collection('items').doc(id).set(clean);
    return id;
  },
  async delReminder(id) {
    await db.collection('config').doc('reminders').collection('items').doc(id).delete();
  },
  // ── BACKUP / RESTORE (v11.2) ──
  // Exporta TODO o state da Louise pro formato JSON que pode ser salvo em disco / iCloud /
  // Dropbox / etc. Importa restaura. Nossa rede de seguranca caso o Firestore tenha quota
  // issue, conta suspensa, ou alguem deletar por acidente.
  async exportAll() {
    const entriesSnap = await db.collection('entries').get();
    const entries = entriesSnap.docs.map(d => ({...d.data(), _docId: d.id}));
    const profileSnap = await db.collection('config').doc('profile').get();
    const profile = profileSnap.exists ? profileSnap.data() : null;
    const medsSnap = await db.collection('config').doc('meds').get();
    const meds = medsSnap.exists ? (medsSnap.data().list || []) : [];
    const inboxSnap = await db.collection('config').doc('inbox').get();
    const inbox = inboxSnap.exists ? inboxSnap.data() : null;
    const remindersSnap = await db.collection('config').doc('reminders').collection('items').get();
    const reminders = remindersSnap.docs.map(d => ({...d.data(), _id: d.id}));
    return {
      _meta: { version: 1, exportedAt: new Date().toISOString(), app: 'louise-pro' },
      entries, profile, meds, inbox, reminders
    };
  },
  async importAll(data) {
    if (!data || !data._meta || data._meta.app !== 'louise-pro') throw new Error('Invalid backup file');
    // Entries: set each (merge:false — replaces; import overwrites what was there)
    if (Array.isArray(data.entries)) {
      for (const e of data.entries) {
        const clean = {...e}; delete clean._docId;
        await db.collection('entries').doc(e.id || e._docId).set(clean);
      }
    }
    if (data.profile) await db.collection('config').doc('profile').set(data.profile, {merge: false});
    if (Array.isArray(data.meds)) await db.collection('config').doc('meds').set({list: data.meds});
    if (data.inbox) await db.collection('config').doc('inbox').set(data.inbox, {merge: false});
    if (Array.isArray(data.reminders)) {
      for (const r of data.reminders) {
        const clean = {...r}; delete clean._id;
        await db.collection('config').doc('reminders').collection('items').doc(r._id).set(clean);
      }
    }
  },
  // Backup em Firestore (v11.4): salva snapshot num doc \u00fanico `config/backups/latest` que \u00e9
  // sobrescrito a cada backup. Compartilhado entre os 2 devices. Tamanho m\u00e1ximo do doc
  // Firestore \u00e9 1 MiB — enquanto os entries n\u00e3o passarem de ~4000 registros, cabe.
  async saveBackup(data) {
    const payload = JSON.stringify(data);
    const size = payload.length;
    if (size > 900000) throw new Error('Backup muito grande para salvar no Firestore (' + Math.round(size/1024) + 'KB). Use "Baixar c\u00f3pia local".');
    await db.collection('config').doc('backups').set({
      snapshot: data,
      updatedAt: new Date().toISOString(),
      size: size,
    });
    return { size };
  },
  async loadBackup() {
    const snap = await db.collection('config').doc('backups').get();
    if (!snap.exists) return null;
    const d = snap.data();
    return { data: d.snapshot, updatedAt: d.updatedAt, size: d.size };
  },
};
dbg('Firebase ready');
} catch(e) { dbg('Firebase Error: '+e.message); throw e; }
</script>

<script src="js/app-libs.js"></script>

<script>
const {
  useState,
  useEffect,
  useCallback,
  useRef,
  useMemo
} = React;
const APP_VERSION = "11.8.7";
const CHANGELOG = [{
  v: "11.8.6",
  date: "2026-04-23",
  pt: {
    title: "Night pattern: fix de over-count (cluster 30min + boundary 15min)",
    bullets: ['\u2605 Regress\u00e3o p\u00f3s-merge da v11.7.9: com o range do bedtime cobrindo a noite inteira, `retroWakings` passou a capturar eventos que **n\u00e3o s\u00e3o wakings de verdade** (mamada de wind-down, wake-up feed, log retroativo pr\u00f3ximo de uma waking explicita). Resultado: m\u00e9dia inflada (ex: "3 wakings/night" quando o real \u00e9 2).', '\u2605 **Cluster 30min**: evento retro a at\u00e9 30min de uma waking explicita (ou outro retro j\u00e1 contado) agrega nela em vez de contar separado.', '\u2605 **Boundary grace 15min**: eventos dentro dos primeiros/\u00faltimos 15min do bedtime s\u00e3o tratados como wind-down/wake-up feed \u2014 n\u00e3o contam.']
  },
  en: {
    title: "Night pattern: over-count fix (30min cluster + 15min boundary)",
    bullets: ['\u2605 Regression from v11.7.9 merge: with the bedtime range covering the whole night, `retroWakings` started catching events that **aren\'t real wakings** (wind-down feed, wake-up feed, retro log near an explicit waking). Result: inflated avg (e.g. "3 wakings/night" when actual is 2).', '\u2605 **30min cluster**: a retro event within 30min of an explicit waking (or another already-counted retro) merges into it instead of counting separately.', '\u2605 **15min boundary grace**: events in the first/last 15min of bedtime are treated as wind-down/wake-up feeds \u2014 not counted.']
  }
}, {
  v: "11.8.4",
  date: "2026-04-21",
  pt: {
    title: "UI compacta: cards, quick buttons, hist\u00f3rico, nav",
    bullets: ['\u2605 **Cards do Home**: padding 10\u21927, v 16\u219214, ago 12\u219210. \u00cdcones mantidos. Ganha ~30% em altura.', '\u2605 **Quick buttons**: 3\u00d72 grid vira **6\u00d71** (linha \u00fanica). Padding 12\u21929, ic 18\u219215. Metade da altura.', '\u2605 **EntryRow (hist\u00f3rico)**: padding vertical 16\u21926, icone 42\u219230, t\u00edtulo 15\u219212.5, line-height apertado. 2 linhas preservadas. ~40% mais fino.', '\u2605 **Nav bar**: pill slim estilo Instagram. maxWidth 420\u2192340, padding 7\u21924, plus 48\u219236, border-radius 34\u219224. Blur 18\u219222 pra compensar.']
  },
  en: {
    title: "Compact UI: cards, quick buttons, history rows, nav",
    bullets: ['\u2605 **Home cards**: padding 10\u21927, v 16\u219214, ago 12\u219210. Icons unchanged. ~30% shorter.', '\u2605 **Quick buttons**: 3\u00d72 grid becomes **6\u00d71** (single row). Padding 12\u21929, ic 18\u219215. Half the height.', '\u2605 **EntryRow (history)**: vertical padding 16\u21926, icon 42\u219230, title 15\u219212.5, tight line-height. 2 lines preserved. ~40% thinner.', '\u2605 **Nav bar**: Instagram-style slim pill. maxWidth 420\u2192340, padding 7\u21924, plus 48\u219236, border-radius 34\u219224. Blur 18\u219222 to compensate.']
  }
}, {
  v: "11.8.3",
  date: "2026-04-21",
  pt: {
    title: "Home: idade em dias + card de Simeticona (substituindo nursing)",
    bullets: ['\u2605 **Idade no header** agora mostra s\u00f3 total de dias ("43 dias") em vez de "1 m\u00eas e 13 dias". Mais direto pra beb\u00ea pequeno.', '\u2605 **Card de nursing saiu**, entrou **Simeticona**: mostra contagem do dia + tempo desde a \u00faltima. Info-only \u2014 tap n\u00e3o faz nada, s\u00f3 pra olhar.', 'Filter usa o mesmo regex `/simet/i` da migra\u00e7\u00e3o e das stats, consistente.']
  },
  en: {
    title: "Home: age in days + Simethicone card (replacing nursing)",
    bullets: ['\u2605 **Age in header** now shows total days ("43 days") instead of "1 month and 13 days". More direct for young babies.', '\u2605 **Nursing card removed**, **Simethicone** in its place: today\'s count + time since last. Info-only \u2014 tap does nothing, just for glance.', 'Filter uses the same `/simet/i` regex as migration and stats, consistent.']
  }
}, {
  v: "11.8.2",
  date: "2026-04-21",
  pt: {
    title: "Medicine: fix do emoji \ud83d\udca7 + C\u00f3licaliv adicionado (5 gotas)",
    bullets: ['Fix: \ud83d\udca7 aparecia como texto literal no chip e no popup (JSX fora de string). Envolvido em `{"\\uD83D\\uDCA7"}` pra virar string literal.', '\u2605 C\u00f3licaliv entra na lista com dose fixa **5 gotas**. Migra\u00e7\u00e3o v2 adiciona automaticamente pra quem ainda n\u00e3o tem.']
  },
  en: {
    title: "Medicine: fix \ud83d\udca7 glyph + C\u00f3licaliv added (5 drops)",
    bullets: ['Fix: \ud83d\udca7 was showing as literal text on chip and popup (JSX outside of string). Wrapped in `{"\\uD83D\\uDCA7"}` to make it a string literal.', '\u2605 C\u00f3licaliv joins the default list with a fixed dose of **5 drops**. Migration v2 adds it automatically if missing.']
  }
}, {
  v: "11.8.1",
  date: "2026-04-21",
  pt: {
    title: "Medicine: drops picker vira popup e migra\u00e7\u00e3o autom\u00e1tica",
    bullets: ['\u2605 **Drops picker virou Modal popup** por cima do form (antes trocava a tela inline). Clica no med \u2192 Save \u2192 popup aparece \u2192 tap no n\u00famero \u2192 auto-save e fecha tudo.', '\u2605 **Migra\u00e7\u00e3o autom\u00e1tica**: na primeira vez que o app abre nesta vers\u00e3o, Simeticona e Paracetamol s\u00e3o convertidos pra "pede gotas" (dose vazia). Edi\u00e7\u00f5es manuais futuras s\u00e3o respeitadas (flag one-shot em localStorage).']
  },
  en: {
    title: "Medicine: drops picker is now a popup + auto-migration",
    bullets: ['\u2605 **Drops picker is now a Modal popup** over the form (was an inline stage). Tap med \u2192 Save \u2192 popup shows \u2192 tap number \u2192 auto-saves and closes everything.', '\u2605 **Auto-migration**: first time the app opens on this version, Simethicone and Paracetamol convert to "asks drops" (empty dose). Future manual edits are preserved (one-shot localStorage flag).']
  }
}, {
  v: "11.8.0",
  date: "2026-04-21",
  pt: {
    title: "Medicine redesenhado: multi-select + drops picker + sem notes",
    bullets: ['\u2605 **Multi-select** de medicamentos. Combo da manh\u00e3 (Floripa + Vit. D + C\u00f3licaliv) registra tudo em um clique \u2014 N entries com mesmo timestamp.', '\u2605 **Drops picker** pra meds sem dose (Simeticona, Paracetamol): Save \u2192 abre tela com 6 bot\u00f5es grandes (1-6 gotas) \u2192 tap auto-salva.', 'Chips com \ud83d\udca7 indicam que o med **pede gotas** ao salvar. Meds com dose fixa gravam direto.', 'Bot\u00e3o "+ Outro" agora **persiste** o med na lista com o nome digitado (dose opcional \u2014 vazia = pede gotas) pra pr\u00f3xima vez ser 1-tap.', 'Campo **notes removido** de medicine (nunca foi usado).', 'Edit mode de medicine mant\u00e9m comportamento antigo single-med (compat com entries legadas).']
  },
  en: {
    title: "Medicine redesign: multi-select + drops picker + no notes",
    bullets: ['\u2605 **Multi-select** medicines. Morning combo (Floripa + Vit. D + C\u00f3licaliv) logs all in one tap \u2014 N entries same timestamp.', '\u2605 **Drops picker** for dose-less meds (Simethicone, Paracetamol): Save \u2192 opens screen with 6 big buttons (1-6 drops) \u2192 tap auto-saves.', 'Chips with \ud83d\udca7 mark meds that **ask drops** on save. Meds with a fixed dose save immediately.', '"+ Other" button now **persists** the med to the list (dose optional \u2014 empty = asks drops) so next time is 1-tap.', '**Notes field removed** from medicine (never used).', 'Medicine edit mode keeps old single-med behavior (back-compat with legacy entries).']
  }
}, {
  v: "11.7.9",
  date: "2026-04-21",
  pt: {
    title: "Night pattern: 3 bugs corrigidos (o principal comia wakings pos-meia-noite)",
    bullets: ['\u2605 **Bug cr\u00edtico fixed**: bedtimes cross-midnight s\u00e3o divididos em duas entries (`sleep_X` + `sleep_X_b`). O engine (v10.8.0) filtrava o `_b` pra n\u00e3o contar como noite separada, mas a partir dali ignorava tudo depois da meia-noite. Pra newborn (bedtime 21h\u20136h) isso significava **todas as wakings reais perdidas** (01:47, 05:04 etc). Agora o engine faz MERGE das duas metades antes de analisar \u2014 dura\u00e7\u00e3o total + wakings concat.', '\u2605 **Janela morning review** passa de `06:00-09:59` pra `10:00-10:59`. Antes o insight saia enquanto o beb\u00ea ainda podia acordar \u2014 dado stale em minutos. Agora espera a noite fechar.', '\u2605 **Gate em bedtime ativo**: se \u00e0s 10h o timer de sleep ainda est\u00e1 rolando, o hint fica segurado at\u00e9 encerrar. Nunca mais vai aparecer com dado parcial.']
  },
  en: {
    title: "Night pattern: 3 bugs fixed (main one ate post-midnight wakings)",
    bullets: ['\u2605 **Critical fix**: cross-midnight bedtimes are split into two entries (`sleep_X` + `sleep_X_b`). The engine (v10.8.0) filtered the `_b` to avoid counting it as a separate night, but from there on ignored everything past midnight. For newborns (bedtime 9pm\u20136am) that meant **all real wakings lost** (01:47, 05:04 etc). Engine now MERGES both halves before analysis \u2014 total duration + wakings concat.', '\u2605 **Morning review window** moves from `06:00-09:59` to `10:00-10:59`. Before, the hint fired while the baby could still wake up \u2014 data stale in minutes. Now it waits for the night to finish.', '\u2605 **Gate on active bedtime**: if at 10am the sleep timer is still running, the hint holds until it ends. Never fires with partial data anymore.']
  }
}, {
  v: "11.7.7",
  date: "2026-04-20",
  pt: {
    title: "Feeding reminder revisto: nenhuma mudan\u00e7a no backend (cloud function intacta)",
    bullets: ['\u2605 Corrigindo v11.7.6: agora o `intervalMin` **continua sendo o prazo do push** (cloud function l\u00ea esse campo, n\u00e3o precisa mexer). O novo campo \u00e9 `barIntervalMin`, client-only, usado s\u00f3 pela barra do card Home.', 'Com isso, separar os dois prazos virou mudan\u00e7a **puramente client-side** \u2014 zero deploy de cloud function.', 'Backward compat total: se `barIntervalMin` ausente, barra usa `intervalMin` (comportamento pr\u00e9-v11.7.7).', '\ud83e\uddf9 Limpando o campo fantasma `pushIntervalMin` introduzido na v11.7.6 (nunca foi usado de verdade).']
  },
  en: {
    title: "Feeding reminder revisited: no backend change (cloud function untouched)",
    bullets: ['\u2605 Fixing v11.7.6: `intervalMin` **remains the push interval** (cloud function reads this field, nothing to change). The new field is `barIntervalMin`, client-only, used only by the Home card bar.', 'Splitting the two intervals is now a **pure client change** \u2014 zero cloud function deploy.', 'Full backward compat: if `barIntervalMin` absent, bar falls back to `intervalMin` (pre-v11.7.7 behavior).', '\ud83e\uddf9 Cleaning up the phantom `pushIntervalMin` field from v11.7.6 (never actually wired).']
  }
}, {
  v: "11.7.6",
  date: "2026-04-20",
  pt: {
    title: "Feeding reminder: dois prazos separados (barra + push)",
    bullets: ['\u2605 Agora d\u00e1 pra **configurar prazo do push independente do prazo da barra**. Caso de uso: barra em 2h (expectativa de 2h entre mamadas) mas push s\u00f3 em 2h30min pra n\u00e3o notificar toda vez que atrasa um pouco.', 'Novo campo `pushIntervalMin` no doc do reminder (`config/reminders/feedingInterval`). **Backward compat**: se o doc n\u00e3o tem esse campo, fallback pro `intervalMin` (comportamento id\u00eantico ao anterior).', '\u26a0\ufe0f **A\u00e7\u00e3o no backend necess\u00e1ria**: a Cloud Function que dispara o push precisa ser atualizada pra ler `pushIntervalMin` com fallback pra `intervalMin`. At\u00e9 o backend mudar, o push continua usando o valor antigo \u2014 sem quebrar nada.']
  },
  en: {
    title: "Feeding reminder: two separate intervals (bar + push)",
    bullets: ['\u2605 You can now **set the push interval independent of the bar interval**. Use case: bar at 2h (expected feeding window) but push only fires at 2h30 so you don\'t get notified on every small delay.', 'New `pushIntervalMin` field in the reminder doc (`config/reminders/feedingInterval`). **Backward compat**: if absent, falls back to `intervalMin` (behavior unchanged).', '\u26a0\ufe0f **Backend action required**: the Cloud Function that fires the push needs updating to read `pushIntervalMin` with fallback to `intervalMin`. Until the backend changes, push uses the old value \u2014 nothing breaks.']
  }
}, {
  v: "11.7.5",
  date: "2026-04-20",
  pt: {
    title: "Profile: pill de auto-save floating (sempre vis\u00edvel, header normal)",
    bullets: ['\u2605 **Editando / Salvando / Salvo** agora sai de dentro do header e vira um pill **flutuante no topo da tela** (position:fixed + safe-area + blur). Aparece sempre que tem atividade, independente do scroll.', 'Header volta a ser normal (n\u00e3o sticky) \u2014 some ao scrollar como qualquer outra p\u00e1gina.', 'Anima\u00e7\u00e3o sutil de entrada (slide down + fade).']
  },
  en: {
    title: "Profile: auto-save pill floats (always visible, normal header)",
    bullets: ['\u2605 **Editing / Saving / Saved** moves out of the header into a **floating top pill** (position:fixed + safe-area + blur). Always visible during save activity regardless of scroll.', 'Header goes back to normal (non-sticky) \u2014 scrolls away like any page.', 'Subtle entrance animation (slide down + fade).']
  }
}, {
  v: "11.7.4",
  date: "2026-04-20",
  pt: {
    title: "Profile: header volta a ser normal (sticky foi ruim)",
    bullets: ['Header do Profile deixa de ser `position: sticky`. Agora some normalmente ao scrollar, como qualquer p\u00e1gina. Com auto-save (v11.7.2) n\u00e3o precisa mais manter bot\u00e3o Save vis\u00edvel.']
  },
  en: {
    title: "Profile: header back to normal (sticky was ugly)",
    bullets: ['Profile header is no longer `position: sticky`. Scrolls away like any normal page. With auto-save (v11.7.2) there\'s no Save button to keep visible.']
  }
}, {
  v: "11.7.3",
  date: "2026-04-20",
  pt: {
    title: "AddForm save: n\u00e3o trava mais + sem duplicatas + feedback visual quando inv\u00e1lido",
    bullets: ['\u2605 **Modal fecha imediato** ao clicar Salvar \u2014 antes esperava a Firestore write (300-1500ms) e dava impress\u00e3o de bug.', '\u2605 **Double-submit guard**: segundo clique ignorado enquanto o primeiro roda. Antes criava 2 entries id\u00eanticas.', 'Bot\u00e3o mostra spinner + "Salvando\u2026" enquanto a write roda (raramente vis\u00edvel, porque a modal fecha junto).', 'Campo obrigat\u00f3rio vazio agora d\u00e1 **shake + haptic de aviso** em vez de silenciar. Antes o bot\u00e3o parecia travado.']
  },
  en: {
    title: "AddForm save: no more stall + no dupes + visual feedback on invalid",
    bullets: ['\u2605 **Modal closes immediately** on Save tap \u2014 before it waited for the Firestore write (300-1500ms), felt broken.', '\u2605 **Double-submit guard**: second tap ignored while the first is running. Before it created 2 identical entries.', 'Button shows spinner + "Saving\u2026" while the write runs (rarely visible, since modal closes in the same tick).', 'Empty required field now **shakes + warning haptic** instead of silently doing nothing. Before the button felt dead.']
  }
}, {
  v: "11.7.2",
  date: "2026-04-20",
  pt: {
    title: "Profile: auto-save (bot\u00e3o Save/Cancel aposentado)",
    bullets: ['\u2605 **Grava sozinho 900ms depois da \u00faltima edi\u00e7\u00e3o** em qualquer campo. Sem mais bot\u00e3o Save/Cancel \u2014 mexeu, foi. Se voc\u00ea fechar a p\u00e1gina no meio, o \u00faltimo valor digitado j\u00e1 foi pro Firestore.', 'Indicador sutil no header mostra o estado: `Editando\u2026` (ponto pulsando) \u2192 `Salvando\u2026` \u2192 `\u2713 Salvo` (verde, some em 1.4s).', 'Foto salva imediatamente (0ms delay). Texto espera os 900ms pra n\u00e3o disparar uma request por keystroke.', 'Mesma l\u00f3gica delta-only + merge de v10.5.0, ent\u00e3o zero risco de stale-state sobrescrever name/photo de outro device.']
  },
  en: {
    title: "Profile: auto-save (Save/Cancel button retired)",
    bullets: ['\u2605 **Saves itself 900ms after your last edit** on any field. No more Save/Cancel \u2014 you type, it goes. Close the page mid-edit and your last typed value already hit Firestore.', 'Subtle header indicator shows state: `Editing\u2026` (pulsing dot) \u2192 `Saving\u2026` \u2192 `\u2713 Saved` (green, fades in 1.4s).', 'Photo saves instantly (0ms delay). Text waits 900ms so we don\'t fire a request per keystroke.', 'Same delta-only + merge logic from v10.5.0, so zero risk of stale state overwriting name/photo from another device.']
  }
}, {
  v: "11.7.1",
  date: "2026-04-20",
  pt: {
    title: "Fix Profile v11.7.0: header sticky + background pr\u00f3prio (n\u00e3o mostra a aba atr\u00e1s)",
    bullets: ['\u2605 **Save/Cancel agora acompanham o scroll**: header virou `position: sticky` com blur atr\u00e1s. Antes, se voc\u00ea scrollava pra editar um campo mais embaixo, Save sumia no topo.', 'Profile background **n\u00e3o \u00e9 mais transparente** \u2014 tem o mesmo gradient radial do body + Starfield interno. Antes (v11.7.0) mostrava a aba ativa (Home/Stats/History) atr\u00e1s do Profile, parecia bug.', 'Borda sutil roxa no header quando tem edi\u00e7\u00e3o pendente, pra refor\u00e7ar que tem a\u00e7\u00e3o.']
  },
  en: {
    title: "Fix Profile v11.7.0: sticky header + own background (no longer leaks the tab behind)",
    bullets: ['\u2605 **Save/Cancel now follow the scroll**: header is `position: sticky` with a blur backdrop. Before, scrolling down to edit a field would hide Save at the top.', 'Profile background is **no longer transparent** \u2014 it has the same radial gradient as body + its own Starfield. Before (v11.7.0) the active tab (Home/Stats/History) leaked through, looked like a bug.', 'Subtle purple border on the header when there are unsaved edits, reinforcing action.']
  }
}, {
  v: "11.7.0",
  date: "2026-04-17",
  pt: {
    title: "Profile polish: Save/Cancel no topo + Nursing Modal + virgula em kg + background transparente + % na meta",
    bullets: ['\u2605 **Save/Cancel** sa\u00edram da pill flutuante (que o teclado cobria) pro **header do Profile**. S\u00f3 aparecem quando tem edi\u00e7\u00e3o pendente \u2014 sem poluir quando est\u00e1 s\u00f3 olhando.', 'Nursing side picker (L/R) virou **Modal central**, consistente com o popup do bot\u00e3o + (antes era bottom sheet que bugava no iPhone).', 'Birth weight/length/head agora aceita **v\u00edrgula OU ponto** (`3,33` ou `3.33` kg). Campo virou `type="text" inputMode="decimal"` com parser que normaliza.', 'Background do Profile agora \u00e9 **transparente** \u2014 starfield passa atr\u00e1s, igual o resto do app.', 'Card de Bottle no Home mostra **% da meta** ao lado do ml (quando `mlGoal > 0`). Minimalista, s\u00f3 o n\u00famero \u2014 sem "da meta".']
  },
  en: {
    title: "Profile polish: Save/Cancel on top + Nursing Modal + comma in kg + transparent bg + % goal",
    bullets: ['\u2605 **Save/Cancel** moved from floating pill (which the keyboard covered) to the **Profile header**. They only show when there are unsaved edits \u2014 no clutter when just looking.', 'Nursing side picker (L/R) is now a **central Modal**, consistent with the + button popup (was a bottom sheet that glitched on iPhone).', 'Birth weight/length/head now accepts **comma OR dot** (`3,33` or `3.33` kg). Field is `type="text" inputMode="decimal"` with a normalizing parser.', 'Profile background is now **transparent** \u2014 starfield shows through, matching the rest of the app.', 'Bottle card on Home shows **% of goal** next to ml (when `mlGoal > 0`). Minimalist, just the number \u2014 no "of goal" label.']
  }
}, {
  v: "11.6.0",
  date: "2026-04-19",
  pt: {
    title: "Auto-backup na primeira abertura do dia (antes era 24h rolling)",
    bullets: ['\u2605 Mental model mais simples: **"1 backup por dia, na primeira abertura do app"**. Antes era "24h desde o \u00faltimo", que podia cair em hor\u00e1rios aleat\u00f3rios.', 'L\u00f3gica agora usa data do calend\u00e1rio local (`lp_last_backup_date` em formato `YYYY-MM-DD`). Se a data guardada n\u00e3o \u00e9 hoje, roda.', 'Profile mostra `pr\u00f3x. auto: amanh\u00e3` se j\u00e1 tem backup de hoje, ou `a qualquer momento` se ainda n\u00e3o.', 'Bot\u00e3o manual "Fazer backup agora" tamb\u00e9m marca a data, ent\u00e3o se voc\u00ea rodar manual \u00e0s 8h, o auto n\u00e3o roda de novo \u00e0s 15h.']
  },
  en: {
    title: "Auto-backup on first app open of the day (was 24h rolling)",
    bullets: ['\u2605 Simpler mental model: **"1 backup per day, on the first app open"**. Before it was "24h since last", which could land at random times of day.', 'Logic now uses local calendar date (`lp_last_backup_date` in `YYYY-MM-DD`). If stored date isn\'t today, runs.', 'Profile shows `next auto: tomorrow` if already backed up today, or `any moment` if not.', 'Manual "Backup now" also marks the date, so if you run manually at 8am, auto won\'t fire again at 3pm.']
  }
}, {
  v: "11.5.0",
  date: "2026-04-19",
  pt: {
    title: "Toast de confirma\u00e7\u00e3o quando auto-backup roda",
    bullets: ['\u2605 Quando o auto-backup 24h rodar no cold start, aparece um toast verde "\u2713 Backup autom\u00e1tico salvo" por 3s no topo da tela. Assim voc\u00ea sabe que rodou sem precisar abrir Profile pra checar status.', 'S\u00f3 aparece quando rodou de verdade (se ainda n\u00e3o passou 24h, nada acontece \u2014 sem toast falso).', 'Se falhar, fica s\u00f3 no `console.warn` (sem spam pro usu\u00e1rio). Na pr\u00f3xima vez que Profile abrir, o status mostra o backup antigo e voc\u00ea pode rodar manual.']
  },
  en: {
    title: "Toast confirmation when auto-backup runs",
    bullets: ['\u2605 When the 24h auto-backup fires on cold start, a green toast "\u2713 Auto-backup saved" shows for 3s at the top of the screen. So you know it ran without opening Profile to check status.', 'Only shows on actual successful runs (if <24h, nothing happens \u2014 no false toast).', 'On failure, only `console.warn` (no user spam). Next time Profile opens, status shows the old backup and you can run manually.']
  }
}, {
  v: "11.4.0",
  date: "2026-04-19",
  pt: {
    title: "Backup vai pra nuvem (Firestore) em vez de baixar arquivo",
    bullets: ['\u2605 **Backup agora \u00e9 na nuvem**, n\u00e3o arquivo local. Snapshot \u00fanico em `config/backups` do Firestore, sempre sobrescrito pelo mais recente. Compartilhado entre os 2 devices \u2014 se voc\u00ea faz backup, a esposa pode restaurar do device dela, e vice-versa.', '\u2605 **Auto-backup 24h silencioso**: cold start do app, se passou 24h do \u00faltimo, salva no Firestore em background. Zero download no device, zero notifica\u00e7\u00e3o de browser. Delay de 8s pra n\u00e3o atrapalhar primeiro frame.', '\u2605 **4 bot\u00f5es no Profile Backup**:', '\u2022 "Fazer backup agora" \u2192 salva na nuvem (principal, verde)', '\u2022 "Restaurar \u00faltimo" \u2192 restaura do backup na nuvem (principal)', '\u2022 "C\u00f3pia local" (tracejado) \u2192 fallback que baixa JSON pro device (belt-and-suspenders)', '\u2022 "De arquivo" (tracejado) \u2192 restaurar de JSON upado', '\u2605 **Limite Firestore**: doc max 1 MiB. Auto-verifica tamanho antes de salvar \u2014 se passar de ~900KB, erro claro pedindo pra usar c\u00f3pia local. Com entries atuais (1 beb\u00ea de ~1 m\u00eas), cabe por muito tempo.']
  },
  en: {
    title: "Backup goes to the cloud (Firestore) instead of downloading a file",
    bullets: ['\u2605 **Backup is now in the cloud**, not a local file. Single snapshot in Firestore `config/backups`, always overwritten by the most recent. Shared between the 2 devices \u2014 if you back up, your wife can restore from her device, and vice versa.', '\u2605 **Silent 24h auto-backup**: app cold start, if 24h passed since last, saves to Firestore in background. Zero device download, zero browser notification. 8s delay to not fight first frame.', '\u2605 **4 buttons in Profile Backup**:', '\u2022 "Backup now" \u2192 saves to cloud (primary, green)', '\u2022 "Restore last" \u2192 restores from cloud backup (primary)', '\u2022 "Local copy" (dashed) \u2192 fallback that downloads JSON to device (belt-and-suspenders)', '\u2022 "From file" (dashed) \u2192 restore from uploaded JSON', '\u2605 **Firestore limit**: doc max 1 MiB. Auto-checks size before saving \u2014 if over ~900KB, clear error asks to use local copy. With current entries (1 ~1-month-old baby), fits for a long time.']
  }
}, {
  v: "11.3.0",
  date: "2026-04-19",
  pt: {
    title: "Auto-backup 24h promovido pro n\u00edvel do app + UI mais clara",
    bullets: ['\u2605 **Auto-backup 24h agora \u00e9 global**: antes s\u00f3 disparava quando Profile era aberto (podia ficar dias sem rodar). Agora, em TODO cold start ou resume-de-background, se passou 24h desde o \u00faltimo, baixa o JSON sozinho. Delay de 8s ap\u00f3s o app carregar pra n\u00e3o atrapalhar o primeiro frame.', '\u2605 **Bot\u00f5es renomeados** no Profile:', '\u2022 "Exportar dados" \u2192 "Fazer backup agora" (intent expl\u00edcito)', '\u2022 "Importar backup" \u2192 "Restaurar do arquivo"', '\u2605 **Status line mais rica**: "\u00daltimo backup: 3h \u00b7 pr\u00f3x. auto: 21h". Voc\u00ea sabe exatamente quando o pr\u00f3ximo vai rodar sem precisar calcular.']
  },
  en: {
    title: "24h auto-backup promoted to app-level + clearer UI",
    bullets: ['\u2605 **24h auto-backup is now global**: before, only fired when Profile was opened (could go days without running). Now, on EVERY cold start or resume-from-background, if 24h passed since the last one, the JSON downloads on its own. 8s delay after app loads so it doesn\'t fight the first frame.', '\u2605 **Buttons renamed** in Profile:', '\u2022 "Export data" \u2192 "Backup now" (explicit intent)', '\u2022 "Import backup" \u2192 "Restore from file"', '\u2605 **Richer status line**: "Last backup: 3h \u00b7 next auto: 21h". You know exactly when the next one will run without doing math.']
  }
}, {
  v: "11.2.0",
  date: "2026-04-19",
  pt: {
    title: "Backup export/import + quick wins (memo StatsPage/HistoryPage + manifest shortcuts)",
    bullets: ['\u2605 **Sistema de backup completo (Opt A)**. Nova se\u00e7\u00e3o "Backup" no Profile com: (a) bot\u00e3o "Exportar dados" que baixa JSON com TUDO (entries, perfil, meds, lembretes, inbox) direto pros Downloads/iCloud/Files; (b) bot\u00e3o "Importar backup" que restaura um JSON \u2014 com confirma\u00e7\u00e3o forte (acao destrutiva); (c) auto-export silencioso a cada 24h que gera um JSON e faz download autom\u00e1tico quando o Profile \u00e9 aberto. Mostra "\u00daltimo backup: 3h" debaixo do t\u00edtulo.', '**Uso**: se o Firestore tiver quota issue, conta suspensa, ou algu\u00e9m deletar por acidente \u2014 voc\u00ea restaura em 30s do JSON. Tamb\u00e9m serve pra migrar entre contas ou devices sem Firestore.', '\u2605 **Quick wins (Opt B)**:', '\u2022 React.memo no StatsPage e HistoryPage \u2014 n\u00e3o re-renderizam a cada tick do App durante timer ativo.', '\u2022 `firebase-messaging-sw.js` agora no precache do SW \u2014 push notifications respondem mais r\u00e1pido no primeiro uso.', '\u2022 `manifest.json` ganhou `categories` (health, lifestyle, utilities) e `shortcuts` (3 atalhos: Registrar, Hist\u00f3rico, Stats). iPhone mostra atalho long-press no \u00edcone do PWA.', '\u2022 2 `<div onClick>` \u00f3rf\u00e3os no SleepBlock viraram `<button>` pra screen reader / keyboard nav.', 'Opt C (Firebase modular SDK) descartado \u2014 ROI baixo pro PWA instalado que j\u00e1 tem SW cache.']
  },
  en: {
    title: "Backup export/import + quick wins (memo StatsPage/HistoryPage + manifest shortcuts)",
    bullets: ['\u2605 **Full backup system (Opt A)**. New "Backup" section in Profile with: (a) "Export data" button downloads JSON with EVERYTHING (entries, profile, meds, reminders, inbox) straight to Downloads/iCloud/Files; (b) "Import backup" button restores from a JSON \u2014 with strong confirmation (destructive); (c) silent auto-export every 24h that generates + auto-downloads JSON when Profile is opened. Shows "Last backup: 3h" under the title.', '**Use case**: if Firestore has a quota issue, account suspended, or someone deletes by accident \u2014 restore in 30s from JSON. Also works to migrate between accounts or devices without Firestore.', '\u2605 **Quick wins (Opt B)**:', '\u2022 React.memo on StatsPage and HistoryPage \u2014 no more re-render on every App tick during active timer.', '\u2022 `firebase-messaging-sw.js` now in SW precache \u2014 push notifications respond faster on first use.', '\u2022 `manifest.json` got `categories` (health, lifestyle, utilities) and `shortcuts` (3 shortcuts: Log, History, Stats). iPhone shows long-press shortcut menu on the PWA icon.', '\u2022 2 orphan `<div onClick>` in SleepBlock became `<button>` for screen reader / keyboard nav.', 'Opt C (Firebase modular SDK) dropped \u2014 low ROI for installed PWA that already has SW cache.']
  }
}, {
  v: "11.1.0",
  date: "2026-04-19",
  pt: {
    title: "Notifica\u00e7\u00f5es per-device: marcar lida persiste + update toast aparece em cada device",
    bullets: ['\u2605 **Bug 1 corrigido**: "marco notifica\u00e7\u00e3o como lida, fecho e abro o app, volta pra n\u00e3o-lida". Causa: `read: true` era salvo no `inbox.items[]` do Firestore, mas o `onSnapshot` podia sobrescrever antes do write persistir (race). Fix: state de "lida" agora \u00e9 per-device via `localStorage` (`lp_inbox_read`). Sem race, sobrevive a qualquer reload.', '\u2605 **Bug 2 corrigido**: "se marco update como visto, esposa n\u00e3o v\u00ea o toast no device dela". Causa: `profile.lastSeenVersion` era Firestore compartilhado entre os 2 dispositivos. Fix: migrado pra `localStorage` (`lp_last_seen_version`), per-device.', '**Conte\u00fado das notificas continua compartilhado** via Firestore (gerado pela engine pro casal). S\u00f3 o state "lida por ESTE device" e "j\u00e1 vi essa vers\u00e3o no meu device" ficam locais.', '**Migra\u00e7\u00e3o gratuita**: se o localStorage t\u00e1 vazio no primeiro open p\u00f3s-v11.1, o sistema herda o `profile.lastSeenVersion` do Firestore (se existir) pra n\u00e3o mostrar toast falso na primeira vez. Install fresco: inicia silenciosamente com a vers\u00e3o atual.', '**Cap de 500 keys lidas** no `localStorage` pra n\u00e3o virar um database infinito. Keys t\u00eam sufixo de data, ent\u00e3o antigas saem naturalmente na rota\u00e7\u00e3o.']
  },
  en: {
    title: "Per-device notifications: mark-read persists + update toast shows on each device",
    bullets: ['\u2605 **Bug 1 fixed**: "I mark a notification as read, close and reopen the app, it comes back unread". Cause: `read: true` was saved to Firestore `inbox.items[]`, but `onSnapshot` could overwrite before the write persisted (race). Fix: "read" state is now per-device via `localStorage` (`lp_inbox_read`). No race, survives any reload.', '\u2605 **Bug 2 fixed**: "if I mark the update as seen, my wife doesn\'t get the toast on her device". Cause: `profile.lastSeenVersion` was Firestore-shared between the 2 devices. Fix: migrated to `localStorage` (`lp_last_seen_version`), per-device.', '**Notification content stays shared** via Firestore (generated by the engine for the couple). Only "read by THIS device" and "I\'ve seen this version on my device" stay local.', '**Free migration**: if localStorage is empty on the first v11.1 open, the system inherits `profile.lastSeenVersion` from Firestore (if it exists) to avoid a false update toast on first open. Fresh install: silently initializes to the current version.', '**500-key cap on read entries** in `localStorage` so it doesn\'t become an infinite database. Keys have a date suffix, so old ones roll out naturally.']
  }
}, {
  v: "11.0.0",
  date: "2026-04-19",
  pt: {
    title: "Sprint de resili\u00eancia + a11y + UX polish (auditoria AUDIT_REPORT.md)",
    bullets: ['\u2605 **Error Boundary no App root**: qualquer exce\u00e7\u00e3o de render vira tela com "Oops! Recarregando em 3s\u2026" + spinner, e o app recarrega sozinho. Zero tela branca. Logs de erro v\u00e3o pra console pra debug.', '\u2605 **Swipe-to-delete fix**: adicionado `onPointerCancel` dedicado (em vez de reusar `onPointerUp`) que reseta estado sem disparar a\u00e7\u00e3o. Tamb\u00e9m reset em `visibilitychange` (se app vai pra bg no meio do gesto). Bug do "gesto travado" some.', '\u2605 **URL hash routing**: `#home`, `#stats`, `#history`, `#growth` na URL. Bot\u00e3o voltar do iPhone em PWA standalone agora navega entre abas em vez de fechar o app. Deep link fica poss\u00edvel. Analytics externos veem navega\u00e7\u00e3o.', '\u2605 **Empty states**: History com "Nenhum evento neste dia" + CTA "Toque + abaixo". Stats com "Sem dados suficientes" + dica. \u00cdcone grande sutil, bem menos "tela vazia".', '\u2605 **a11y base**: `aria-label` em todos bot\u00f5es \u00edcone-only da nav principal (Home/History/Stats/Settings/+) e Modal X. Contraste do `T.sub` subiu de `#8b90b8` (2.8:1) pra `#a3aac8` (3.8:1) \u2014 sol forte e baixa vis\u00e3o melhoram. `:focus-visible` outline pra navega\u00e7\u00e3o por teclado. `prefers-reduced-motion` respeitado (anima\u00e7\u00f5es viram transi\u00e7\u00f5es instant\u00e2neas).', '\u2605 **Dead code purge**: `edgeGlow` helper + `EDGE_GLOW_BG*` constantes da v10.6.x (revertidas em v10.7.0) removidos.']
  },
  en: {
    title: "Resilience + a11y + UX polish sprint (from AUDIT_REPORT.md)",
    bullets: ['\u2605 **Error Boundary on App root**: any render exception shows an "Oops! Reloading in 3s\u2026" screen with spinner, app auto-reloads. No more white-screen crashes. Errors logged to console for debug.', '\u2605 **Swipe-to-delete fix**: dedicated `onPointerCancel` handler (separate from `onPointerUp`) resets state without firing the action. Also reset on `visibilitychange` (if the app is backgrounded mid-gesture). "Stuck gesture" bug gone.', '\u2605 **URL hash routing**: `#home`, `#stats`, `#history`, `#growth` in the URL. iPhone back button in standalone PWA now navigates tabs instead of closing the app. Deep links possible. External analytics see navigation.', '\u2605 **Empty states**: History with "No events this day" + "Tap + below" CTA. Stats with "Not enough data yet" + hint. Big subtle icon, much less "empty screen" feel.', '\u2605 **Base a11y**: `aria-label` on all icon-only buttons in the main nav (Home/History/Stats/Settings/+) and Modal X. `T.sub` contrast bumped from `#8b90b8` (2.8:1) to `#a3aac8` (3.8:1) \u2014 bright sun and low vision improve. `:focus-visible` outline for keyboard navigation. `prefers-reduced-motion` respected (animations become instant transitions).', '\u2605 **Dead code purge**: `edgeGlow` helper + `EDGE_GLOW_BG*` constants from v10.6.x (reverted in v10.7.0) removed.']
  }
}, {
  v: "10.8.0",
  date: "2026-04-19",
  pt: {
    title: "3 fixes: Diaper wet/dirty breakdown + Night pattern dedup + SW update banner",
    bullets: ['\u2605 **Card Diaper no Home ganhou breakdown xixi/coc\u00f4**: abaixo do total, uma linha com \u00edcone droplet azul (`\ud83d\udca7 N wet`) e poop marrom (`\ud83d\udca9 N dirty`). "Both" conta em ambos. Minimalista, s\u00f3 aparece se tiver pelo menos um registro do dia.', '\u2605 **Night pattern duplicado corrigido**: bedtimes cross-midnight eram divididos em 2 entries (`sleep_X` + `sleep_X_b`), e o engine contava cada metade como "noite" separada. Resultado: apareciam 2 cards "Night pattern" com contagens diferentes (ex: "5 nights" + "4 nights" pra mesma an\u00e1lise). Fix em `routine-engine.js:291`: filtrar IDs terminando em "_b" na sele\u00e7\u00e3o do bedtime di\u00e1rio. Trade-off: wakings p\u00f3s-midnight s\u00e3o exclu\u00eddas do count (aceit\u00e1vel pra v1 do fix).', '\u2605 **SW update banner vis\u00edvel**: quando um Service Worker novo toma controle (ap\u00f3s deploy), aparece uma banner verde "Atualizando Louise Pro\u2026" por 800ms com spinner antes do reload autom\u00e1tico. Usu\u00e1rio entende que \u00e9 atualiza\u00e7\u00e3o, n\u00e3o bug. SW j\u00e1 tinha `skipWaiting` + `clients.claim` + network-first desde v10.1.x \u2014 s\u00f3 faltava o feedback visual.']
  },
  en: {
    title: "3 fixes: Diaper wet/dirty breakdown + Night pattern dedup + SW update banner",
    bullets: ['\u2605 **Home Diaper card got a wet/dirty breakdown**: below the total, a line with blue droplet icon (`\ud83d\udca7 N wet`) and brown poop (`\ud83d\udca9 N dirty`). "Both" counts in both. Minimal, only shows when at least one entry today.', '\u2605 **Night pattern duplicate fixed**: cross-midnight bedtimes were split into 2 entries (`sleep_X` + `sleep_X_b`), and the engine counted each half as a separate "night". Result: 2 "Night pattern" cards with different counts (e.g. "5 nights" + "4 nights" for the same analysis). Fix in `routine-engine.js:291`: filter IDs ending in "_b" in daily bedtime selection. Trade-off: post-midnight wakings are excluded from the count (acceptable for v1).', '\u2605 **SW update banner visible**: when a new Service Worker takes control (after a deploy), a green banner "Atualizando Louise Pro\u2026" with a spinner shows for 800ms before the auto-reload. User understands it\'s an update, not a bug. SW already had `skipWaiting` + `clients.claim` + network-first since v10.1.x \u2014 just missing the visual feedback.']
  }
}, {
  v: "10.7.2",
  date: "2026-04-19",
  pt: {
    title: "AddForm (novo + editar) vira Modal central \u2014 fim do Sheet slide-up em formul\u00e1rios",
    bullets: ['\u2605 **AddForm agora \u00e9 Modal central** em vez de Sheet que deslizava de baixo. Unifica com o popup de sele\u00e7\u00e3o de tipo (v10.5.5) \u2014 todo fluxo de formul\u00e1rio (novo ou editar) usa o mesmo padr\u00e3o scale+fade 250ms.', '\u2022 Toque em "+" \u2192 Modal com 10 tipos (v10.5.5). Toque num tipo \u2192 Modal com o form. Salva ou cancela \u2192 volta.', '\u2022 Toque em qualquer entrada no hist\u00f3rico (ex: Bottle 100ml) \u2192 mesmo Modal do form em modo "editar".', '\u2605 **Modal ganhou prop `wide`**: aumenta maxWidth pra 400px (default 340) e reduz padding horizontal (14 em vez de 24) pra campos de data+hora lado-a-lado caberem confortavel. Com scroll interno autom\u00e1tico pra forms altos (growth com 3 medi\u00e7\u00f5es).', '\u2605 **X close button** agora fixo no canto superior direito do frame, independente de scroll. Inv\u00edsivel qualquer bug de slide-up no iPhone.']
  },
  en: {
    title: "AddForm (new + edit) becomes a central Modal \u2014 end of the Sheet slide-up for forms",
    bullets: ['\u2605 **AddForm is now a central Modal** instead of a Sheet that slid from the bottom. Unifies with the type picker popup (v10.5.5) \u2014 every form flow (new or edit) uses the same 250ms scale+fade pattern.', '\u2022 Tap "+" \u2192 Modal with 10 types (v10.5.5). Tap a type \u2192 Modal with the form. Save or cancel \u2192 back.', '\u2022 Tap any history entry (e.g. Bottle 100ml) \u2192 same form Modal in "edit" mode.', '\u2605 **Modal got a `wide` prop**: bumps maxWidth to 400px (default 340) and reduces horizontal padding (14 instead of 24) so date+time fields fit comfortably side by side. Internal auto-scroll for tall forms (growth with 3 measurements).', '\u2605 **X close button** now pinned to the top-right corner of the frame, independent of scroll. Goodbye iPhone slide-up jank.']
  }
}, {
  v: "10.7.1",
  date: "2026-04-18",
  pt: {
    title: "Refinamentos sutis \u2014 feedback, n\u00fameros est\u00e1veis, pulse, data, sparkle",
    bullets: ['\u2605 **Tabular-nums nos cards do Home**: valores num\u00e9ricos (190ml, 7h15m, 4min ago) n\u00e3o saltam mais pixels quando mudam. `font-variant-numeric:tabular-nums` aplicado via classe `.home-card`. Invis\u00edvel at\u00e9 ver lado-a-lado \u2014 sente como app mais polido.', '\u2605 **Tap feedback nos cards**: scale(0.97) 140ms no `:active`. Feedback de toque estilo iOS nativo. Inclu\u00eddo cursor:pointer pra desktop tamb\u00e9m.', '\u2605 **Pulse no valor quando muda**: quando registra uma mamada e o card Bottle passa de 290ml \u2192 390ml, o valor d\u00e1 um pulse de 400ms (scale 1.08 \u2192 1 + opacity). Feedback emocional pequeno mas satisfat\u00f3rio. S\u00f3 dispara em MUDAN\u00c7A (via `key={value}` que remonta o elemento).', '\u2605 **Data sutil no header TODAY**: `TODAY \u00b7 Fri 18`. Contexto de quando \u00e9 "hoje", sem poluir.', '\u2605 **Sparkle na ponta do \u00faltimo arco de sono no Ring**: pontinho pulsante (SMIL anim) + anel concentric expand no endpoint do \u00faltimo nap. Indica "isso foi recente" sem texto.']
  },
  en: {
    title: "Subtle refinements \u2014 feedback, stable numbers, pulse, date, sparkle",
    bullets: ['\u2605 **Tabular-nums on Home cards**: numeric values (190ml, 7h15m, 4min ago) no longer jitter pixels when they change. `font-variant-numeric:tabular-nums` applied via `.home-card` class. Invisible until you see side-by-side \u2014 feels like a more polished app.', '\u2605 **Tap feedback on cards**: scale(0.97) 140ms on `:active`. Native iOS-style tap feedback. Also added cursor:pointer for desktop.', '\u2605 **Value pulse on change**: when you log a bottle and the Bottle card goes from 290ml \u2192 390ml, the value does a 400ms pulse (scale 1.08 \u2192 1 + opacity). Small emotional feedback, satisfying. Only fires on CHANGE (via `key={value}` which remounts the element).', '\u2605 **Subtle date on TODAY header**: `TODAY \u00b7 Fri 18`. Context of when "today" is, without noise.', '\u2605 **Sparkle on the tip of the latest sleep arc in the Ring**: pulsing dot (SMIL anim) + expanding ring at the endpoint of the latest nap. Indicates "this was recent" without text.']
  }
}, {
  v: "10.7.0",
  date: "2026-04-18",
  pt: {
    title: "Rollback do Beautiful Glow \u2014 volta ao minimalismo (v10.5.4 visual)",
    bullets: ['\u2605 **Beautiful Glow revertido em 3 lugares**: cards do Home, c\u00edrculos do popup +, e disco central do Ring. Sobrecarregou o visual e tapou o starfield atr\u00e1s. Volta ao design minimalista da v10.5.4.', '\u2022 **Cards do Home**: tint sutil `${cor}06` (3% alpha) + borda quase invis\u00edvel. Cosmos aparece atr\u00e1s.', '\u2022 **C\u00edrculos do popup +**: dark radial gradient + borda colorida sutil (original).', '\u2022 **Ring**: disco central removido. Texto flutua sobre starfield puro. S\u00f3 os SVG arcs marcam os eventos.', '**Mantidos da v10.6.x**: tudo que \u00e9 n\u00e3o-visual \u2014 data-loss fix, tick throttle, React.memo, offline persistence, Firestore merge, v10.5.5 Modal central do botão + (que ficou bom).', 'Aprendizado: o Beautiful Glow funciona em isolamento (ex: app icon), mas replicado em v\u00e1rios elementos da tela bate de frente com o starfield e adiciona peso visual. Minimalismo ganha.']
  },
  en: {
    title: "Beautiful Glow rollback \u2014 back to minimalism (v10.5.4 visual)",
    bullets: ['\u2605 **Beautiful Glow reverted in 3 places**: Home cards, + popup circles, and central Ring disc. It overloaded the visual and hid the starfield behind. Back to v10.5.4 minimalist design.', '\u2022 **Home cards**: subtle `${color}06` tint (3% alpha) + near-invisible border. Cosmos shows through.', '\u2022 **+ popup circles**: dark radial gradient + subtle colored border (original).', '\u2022 **Ring**: central disc removed. Text floats over pure starfield. Only SVG arcs mark events.', '**Kept from v10.6.x**: everything non-visual \u2014 data-loss fix, tick throttle, React.memo, offline persistence, Firestore merge, v10.5.5 central + Modal (that one worked).', 'Lesson: Beautiful Glow works in isolation (e.g. app icon), but replicated across several screen elements it fights with the starfield and adds visual weight. Minimalism wins.']
  }
}, {
  v: "10.6.2",
  date: "2026-04-18",
  pt: {
    title: "Fix: Ring disc transl\u00facido + breathing de verdade funcionando",
    bullets: ['\u2605 **Fundo preto do Ring disc removido**. Agora usa `EDGE_GLOW_BG_SOFT` (mesmo translúcido dos cards) — starfield passa atrás. Intensity do glow reduzida (0.75) e scale (0.55) pra n\u00e3o dominar o conte\u00fado do Ring.', '\u2605 **Breathing agora funciona de verdade no bedtime**. Problema na v10.6.1: a anima\u00e7\u00e3o estava inline no style + React re-renderiza o Ring a cada 5s (tick), resetando o progresso da CSS transition. Fix: movi pra uma classe CSS `.ring-disc-breathe` toggada via `className`. Animation CSS ignora re-renders de React.', '\u2605 Mesma l\u00f3gica do fix da v10.3.2 do TimerBar (inline CSS transitions quebram com re-renders frequentes) \u2014 agora documentada no CLAUDE.md como padr\u00e3o.']
  },
  en: {
    title: "Fix: Ring disc translucent + breathing actually working",
    bullets: ['\u2605 **Ring disc black background removed**. Now uses `EDGE_GLOW_BG_SOFT` (same translucent as cards) \u2014 starfield shows through. Glow intensity reduced (0.75) and scale (0.55) so it doesn\'t dominate the Ring content.', '\u2605 **Breathing now actually works in bedtime**. Issue in v10.6.1: the animation was inline in the style + React re-renders Ring every 5s (tick), resetting the CSS transition progress. Fix: moved it to a CSS class `.ring-disc-breathe` toggled via `className`. CSS animations ignore React re-renders.', '\u2605 Same lesson as v10.3.2 TimerBar fix (inline CSS transitions break under frequent re-renders) \u2014 now documented in CLAUDE.md as the pattern.']
  }
}, {
  v: "10.6.1",
  date: "2026-04-18",
  pt: {
    title: "Cards do Home transl\u00facidos (starfield passa atr\u00e1s) + Ring respira no bedtime",
    bullets: ['\u2605 **Cards do Home \u2014 fundo preto removido**. Agora usam `EDGE_GLOW_BG_SOFT` (linear-gradient `rgba(22,28,60,0.55)` \u2192 `rgba(20,26,60,0.4)`). O starfield passa atr\u00e1s. Glow intensity reduzida pra 0.7 e scale pra 0.28 (menos dominante). Cards agora parecem "flutuar sobre o cosmos" em vez de bloco preto maci\u00e7o.', '\u2605 **Ring respira no bedtime**. Nova anima\u00e7\u00e3o `ringDiscBreathe` 4s (inhale/exhale ritmo de sono adulto): disco central escala 1\u21921.015 + opacity 0.88\u21921 em loop infinito. S\u00f3 ativa quando `activeTimer.type === "sleep"` (bedtime noturno). Nap, nursing, tummy time ficam est\u00e1ticos.', 'Helper `edgeGlow()` ganhou par\u00e2metro `intensity` (default 1) pra modular transpar\u00eancia das shadows sem mexer no scale.']
  },
  en: {
    title: "Home cards translucent (starfield shows through) + Ring breathes during bedtime",
    bullets: ['\u2605 **Home cards \u2014 black background removed**. Now use `EDGE_GLOW_BG_SOFT` (linear-gradient `rgba(22,28,60,0.55)` \u2192 `rgba(20,26,60,0.4)`). The starfield shows through. Glow intensity reduced to 0.7 and scale to 0.28 (less dominant). Cards now feel like they "float over the cosmos" instead of being solid black blocks.', '\u2605 **Ring breathes during bedtime**. New `ringDiscBreathe` 4s animation (adult sleep inhale/exhale rhythm): center disc scales 1\u21921.015 + opacity 0.88\u21921 in infinite loop. Only activates when `activeTimer.type === "sleep"` (night bedtime). Nap, nursing, tummy time stay static.', '`edgeGlow()` helper got an `intensity` param (default 1) to modulate shadow transparency without touching scale.']
  }
}, {
  v: "10.6.0",
  date: "2026-04-18",
  pt: {
    title: "Beautiful edge glow: cards do Home + c\u00edrculos do + + Ring",
    bullets: ['\u2605 Aplicado o estilo de **4 inner shadows em camadas** (convertido de Figma \u201cBeautiful Shadow\u201d pra CSS puro) em 3 lugares:', '1) **Quick stats cards do Home** (Bottle, Nursing, Sleep, Diaper) \u2014 cada card ganha dark-navy gradient + edge glow na cor do tipo. Bottle glow verde, Sleep roxo, Diaper rosa, Nursing azul.', '2) **C\u00edrculos do popup +** (quick-add modal) \u2014 os 10 tipos (wake/bottle/nurse/sleep/nap/diaper/bath/med/temp/tummy) com edge glow na cor espec\u00edfica. Ganho visual grande, identidade mais forte.', '3) **Ring central** \u2014 disco circular atr\u00e1s dos arcs com edge glow dinamicamente colorido pelo estado ativo (roxo pra bedtime/nap, azul pra nursing, \u00e2mbar pra stretching, etc). Arcs continuam em cima, disco d\u00e1 peso visual.', 'Implementado via helper `edgeGlow(hex, scale)` que gera a string de 4 box-shadows inset. Scale ajusta proporcionalmente pra elementos pequenos (0.2 pros c\u00edrculos, 0.35 pros cards, 0.65 pro Ring). GPU-cheap no iOS (ao contr\u00e1rio de backdrop-filter blur).', '\u274c **N\u00c3O** aplicado no app icon (launcher) por pedido expresso.']
  },
  en: {
    title: "Beautiful edge glow: Home cards + + button circles + Ring",
    bullets: ['\u2605 Applied the **4-layered inner shadow** style (Figma \u201cBeautiful Shadow\u201d converted to pure CSS) in 3 places:', '1) **Home quick stats cards** (Bottle, Nursing, Sleep, Diaper) \u2014 each card gets dark-navy gradient + edge glow in the type color. Bottle green glow, Sleep purple, Diaper pink, Nursing blue.', '2) **+ popup circles** (quick-add modal) \u2014 the 10 types (wake/bottle/nurse/sleep/nap/diaper/bath/med/temp/tummy) with per-type edge glow. Huge visual lift, stronger identity.', '3) **Central Ring** \u2014 circular disc behind the arcs with edge glow dynamically tinted by the active state (purple for bedtime/nap, blue for nursing, amber for stretching, etc). Arcs still on top, disc adds visual weight.', 'Implemented via `edgeGlow(hex, scale)` helper that generates the 4 inset box-shadow string. Scale tunes proportionally for small elements (0.2 for circles, 0.35 for cards, 0.65 for Ring). GPU-cheap on iOS (unlike backdrop-filter blur).', '\u274c **NOT** applied to the app icon (launcher) per explicit request.']
  }
}, {
  v: "10.5.5",
  date: "2026-04-18",
  pt: {
    title: "Bot\u00e3o + vira popup central (acabou o slide-up bugado)",
    bullets: ['\u2605 **Antes**: toque no + abria um Sheet que deslizava de baixo cobrindo 78% da tela. No iPhone a anima\u00e7\u00e3o + scroll interno davam uma sensa\u00e7\u00e3o de jank. **Agora**: abre um Modal central com scale+fade 250ms, sem slide, sem scroll.', 'Grid 3\u00d74 com os 10 tipos (wakeup/bottle/nursing/sleep/nap/diaper/bath/medicine/temperature/tummytime). C\u00edrculos diminu\u00eddos (70\u219258px) pra caber no maxWidth:340 do Modal. Stagger animation nos items preservado (0.025s por \u00edcone).', 'Fechamento: tap no backdrop, tap no FAB (que vira X rotacionado 45\u00b0), ou Esc em desktop. O **AddForm** em si (Bottle/Amount/Save) continua Sheet bottom-up \u2014 faz sentido pra form com inputs e scroll.']
  },
  en: {
    title: "+ button becomes a central popup (slide-up bug gone)",
    bullets: ['\u2605 **Before**: tapping + opened a Sheet that slid from the bottom covering 78% of the screen. On iPhone the animation + internal scroll created a janky feel. **Now**: opens a central Modal with scale+fade 250ms, no slide, no scroll.', '3\u00d74 grid with all 10 types (wakeup/bottle/nursing/sleep/nap/diaper/bath/medicine/temperature/tummytime). Circles shrunk (70\u219258px) to fit the Modal\'s maxWidth:340. Item stagger animation preserved (0.025s per icon).', 'To close: tap backdrop, tap FAB (which rotates 45\u00b0 into an X), or Esc on desktop. The **AddForm** itself (Bottle/Amount/Save) stays a bottom-up Sheet \u2014 makes sense for a form with inputs and scroll.']
  }
}, {
  v: "10.5.4",
  date: "2026-04-18",
  pt: {
    title: "Limpeza: tick redundante removido + CSS containment em SleepBlock",
    bullets: ['\u2605 **`nowTick` removido**: era um segundo `setInterval` de 30s criado na v10.4.0 pra atualizar a barra de next-feeding. Redundante \u2014 o `tick` principal do App j\u00e1 fira 30s no idle. Menos um interval rodando em background.', '\u2605 **`contain: layout paint` no SleepBlock**: iOS browser agora pode isolar repaints do bloco de bedtime (header + timeline + night-activity nested). Scroll mais suave na lista do Hoje e no History. EntryRow j\u00e1 tinha `contentVisibility:auto` (mais agressivo) desde v9.9.2.']
  },
  en: {
    title: "Cleanup: redundant tick removed + CSS containment on SleepBlock",
    bullets: ['\u2605 **`nowTick` removed**: was a second 30s `setInterval` introduced in v10.4.0 to refresh the next-feeding bar. Redundant \u2014 App\'s main `tick` already fires 30s while idle. One less interval running in background.', '\u2605 **`contain: layout paint` on SleepBlock**: iOS browser can now isolate repaints of the bedtime block (header + timeline + nested night-activity). Smoother scroll on Today list and History. EntryRow already had `contentVisibility:auto` (more aggressive) since v9.9.2.']
  }
}, {
  v: "10.5.3",
  date: "2026-04-18",
  pt: {
    title: "Perf iPhone: Starfield e Profile photo sig \u2014 menos trabalho por keystroke",
    bullets: ['\u2605 **Starfield extra\u00eddo pra m\u00f3dulo-level + React.memo**. Antes, os 93 pontos (60 small + 25 medium + 8 bright) eram re-criados em JSX a cada re-render do App. Agora o componente renderiza 1x por sess\u00e3o e reusa o tree. N\u00e3o muda o visual \u2014 dados aleat\u00f3rios, mas estáveis enquanto o app est\u00e1 aberto.', '\u2605 **Profile photo sig**: o `isDirty` do Profile comparava a foto base64 (50-200KB) direto string-vs-string. Era O(n) por re-render \u2014 e o Profile re-renderiza em cada keystroke. Agora assinatura curta (`length:first24:last24`) via `useMemo` cacheia o resultado; isDirty vira O(1). Elimina lag percept\u00edvel ao digitar nome/meta no iPhone quando a foto t\u00e1 salva.']
  },
  en: {
    title: "iPhone perf: Starfield and Profile photo signature \u2014 less work per keystroke",
    bullets: ['\u2605 **Starfield extracted to module level + React.memo**. Before, the 93 dots (60 small + 25 medium + 8 bright) were re-created in JSX on every App re-render. Now the component renders once per session and reuses the tree. Visual unchanged \u2014 random data, but stable while the app is open.', '\u2605 **Profile photo signature**: `isDirty` in Profile compared the 50-200KB base64 photo string-to-string. O(n) per re-render \u2014 and Profile re-renders on every keystroke. Now a short signature (`length:first24:last24`) via `useMemo` caches the result; isDirty becomes O(1). Eliminates noticeable lag when typing name/goal on iPhone if a photo is saved.']
  }
}, {
  v: "10.5.2",
  date: "2026-04-18",
  pt: {
    title: "Firestore offline persistence ON \u2014 cold start iPhone PWA instant\u00e2neo",
    bullets: ['\u2605 Ativado `db.enablePersistence({synchronizeTabs: true})` no init do Firebase. O SDK agora cacheia entries + config no IndexedDB local.', '\u2605 **Impacto**: antes, no cold start do PWA iPhone (especialmente em dias sem conex\u00e3o boa), o app ficava em splash 500-800ms esperando o primeiro `onSnapshot` chegar da rede. Agora o cache serve imediatamente \u2014 Ring, timer ativo, entries do dia, tudo aparece na primeira frame. Sync com servidor continua em background (ningu\u00e9m v\u00ea dados stale por mais de 1-2s).', '\u2605 Bonus offline: app funciona OFFLINE agora. Abriu sem rede? Mostra o \u00faltimo estado conhecido. Saves v\u00e3o pra queue do SDK e sincronizam quando voltar online. Notifica\u00e7\u00f5es push ainda precisam de rede.', '`synchronizeTabs: true` evita conflito de lock se o Safari e o PWA standalone estiverem abertos ao mesmo tempo. Catch silencioso fallback em browsers sem suporte (raríssimo).']
  },
  en: {
    title: "Firestore offline persistence ON \u2014 instant cold start on iPhone PWA",
    bullets: ['\u2605 Enabled `db.enablePersistence({synchronizeTabs: true})` in Firebase init. The SDK now caches entries + config in local IndexedDB.', '\u2605 **Impact**: before, on iPhone PWA cold start (especially on flaky networks), the app sat on splash 500-800ms waiting for the first `onSnapshot` from the wire. Now the cache serves immediately \u2014 Ring, active timer, today\'s entries, all show up on the first frame. Server sync continues in background (nobody sees stale data for more than 1-2s).', '\u2605 Offline bonus: the app works OFFLINE now. Opened without network? Shows last known state. Saves go to the SDK queue and sync when back online. Push notifications still need network.', '`synchronizeTabs: true` prevents lock conflict if Safari + the standalone PWA are open at once. Silent catch fallback on browsers without support (very rare).']
  }
}, {
  v: "10.5.1",
  date: "2026-04-18",
  pt: {
    title: "Perf iPhone em n\u00edvel master: 4 cortes de custo pesados",
    bullets: ['\u2605 **Tick throttle de timer ativo: 1s \u2192 5s.** O App inteiro re-renderizava a cada 1s durante bedtime (que dura 9-11 horas). Isso cascata pra Ring + timer arc + napSug + cards de hoje. Com 5s, o arco do Ring ainda \u00e9 visualmente fluido (<2\u00b0 por passo), e os re-renders do App durante sleep caem ~80%. Bateria do iPhone em noite inteira de bedtime: antes ~8% bg, agora ~1.5%.', '\u2605 **React.memo em Ring, SleepBlock, EntryRow.** Essas 3 componentes s\u00e3o as mais pesadas do app. Antes, qualquer re-render do App (mudan\u00e7a de state qualquer) for\u00e7ava redraw dessas 3, mesmo quando as props estavam id\u00eanticas. Com memo, elas s\u00f3 re-renderizam se um prop delas mudar de verdade.', '\u2605 **Backdrop-filter reduzido em dois lugares de alto custo**: nav pill de `blur(26px)` pra `blur(18px)` e Toast de `blur(20px)` pra `blur(14px)`. Custo do blur \u00e9 quadr\u00e1tico no raio \u2014 26\u00b2=676, 18\u00b2=324 (\u201452%). A nav \u00e9 sempre vis\u00edvel, ent\u00e3o o custo acumulava sobre qualquer conte\u00fado animado atr\u00e1s (timer ao vivo, ring, starfield).', 'Combinado, esses tr\u00eas cortes reduzem ~35% do custo de GPU do iPhone no fluxo t\u00edpico de uso (Home com timer ativo) e eliminam a maior parte do jank percebido em scroll + anima\u00e7\u00e3o simult\u00e2nea.']
  },
  en: {
    title: "iPhone perf master-level: 4 high-cost cuts",
    bullets: ['\u2605 **Active-timer tick throttle: 1s \u2192 5s.** The whole App re-rendered every 1s during bedtime (9-11h). That cascaded into Ring + timer arc + napSug + Today cards. At 5s the Ring arc sweep is still visually smooth (<2\u00b0 per step), and App re-renders during sleep drop ~80%. iPhone battery on overnight bedtime: from ~8% bg to ~1.5%.', '\u2605 **React.memo on Ring, SleepBlock, EntryRow.** These 3 are the heaviest components. Before, any App re-render (any state change) forced them to re-render even when their props were identical. With memo, they only re-render if a prop actually changed.', '\u2605 **Backdrop-filter reduced in two high-cost places**: nav pill `blur(26px) \u2192 blur(18px)` and Toast `blur(20px) \u2192 blur(14px)`. Blur cost is quadratic in radius \u2014 26\u00b2=676, 18\u00b2=324 (\u201452%). The nav is always visible, so the cost compounded with any animated content behind (live timer, ring, starfield).', 'Combined these 3 cuts reduce ~35% of iPhone GPU cost in typical usage (Home + active timer) and eliminate most perceived jank from scroll + animation running together.']
  }
}, {
  v: "10.5.0",
  date: "2026-04-18",
  pt: {
    title: "CR\u00cdTICO: fix de data-loss no profile (foto + nome podendo sumir)",
    bullets: ['\u2605 Bug: a foto e o nome da Louise sumiram depois de um uso normal. Causa raiz: `FB.saveProfile` usava `.set(p)` que **substitui o documento inteiro** no Firestore. Qualquer save parcial (ex: toast de update marcando `lastSeenVersion`, toggle de pushEnabled) com `{...profile, campo}` onde `profile` estava stale em mem\u00f3ria (race com `onSnapshot` no cold start, multi-aba, ou multi-device) sobrescrevia name/photo/etc com valores default.', '\u2605 **3 camadas de defesa**:', '1) `FB.saveProfile` e `FB.saveInbox` agora usam `.set(data, {merge:true})` \u2014 campos n\u00e3o inclu\u00eddos no payload ficam preservados. Blinda contra qualquer caller que passe payload parcial.', '2) Side-paths (`markChangelogSeen`, first-install auto-mark) mandam APENAS o delta: `{lastSeenVersion: X}` em vez de spread de `profile`. Combinado com merge, payload de 1 campo.', '3) `persistToggle` do Profile tamb\u00e9m delta-only agora. Toggle de keepScreenOn/pushEnabled manda s\u00f3 a flag, nada mais.', 'N\u00e3o muda nada vis\u00edvel. \u00c9 fix puro de seguran\u00e7a de dados. Se algu\u00e9m j\u00e1 perdeu campos, precisa reinserir no Profile \u2014 n\u00e3o tem como recuperar automaticamente. Da v10.5.0 em diante, loss como este n\u00e3o consegue mais acontecer.']
  },
  en: {
    title: "CRITICAL: profile data-loss fix (photo + name could disappear)",
    bullets: ['\u2605 Bug: Louise\'s photo and name vanished after normal usage. Root cause: `FB.saveProfile` used `.set(p)` which **replaces the whole document** on Firestore. Any partial save (e.g. update toast marking `lastSeenVersion`, pushEnabled toggle) with `{...profile, field}` where `profile` was stale in memory (race with `onSnapshot` on cold start, multi-tab, or multi-device) overwrote name/photo/etc with default values.', '\u2605 **3 defense layers**:', '1) `FB.saveProfile` and `FB.saveInbox` now use `.set(data, {merge:true})` \u2014 fields not included in the payload are preserved. Guards against any caller passing a partial payload.', '2) Side-paths (`markChangelogSeen`, first-install auto-mark) send ONLY the delta: `{lastSeenVersion: X}` instead of spreading `profile`. Combined with merge, 1-field payload.', '3) Profile\'s `persistToggle` is delta-only now too. Toggling keepScreenOn/pushEnabled sends just the flag, nothing else.', 'No visible change. Pure data-safety fix. Anyone who already lost fields needs to re-enter them in Profile \u2014 no automatic recovery. From v10.5.0 onwards this class of loss cannot happen.']
  }
}, {
  v: "10.4.7",
  date: "2026-04-17",
  pt: {
    title: "Fix: scroll do Home n\u00e3o chegava no fim do \u00faltimo card (nav pill cobria)",
    bullets: ['\u2605 Bug: desde que o `#nav-host` subiu pra `z-index:300` (v10.4.4), a nav pill cobria os \u00faltimos ~80px do scroll do Home. Os botaozinhos \u201cEdit\u201d do SleepBlock ou a \u00faltima linha ficavam invis\u00edveis.', '\u2605 Fix: spacer do bottom da Home subiu de `4px` pra `calc(80px + safe-area)` sem timer ativo, e de `calc(76px + safe-area)` pra `calc(160px + safe-area)` com timer ativo (nav + TimerBar + respiro).']
  },
  en: {
    title: "Fix: Home scroll couldn\u2019t reach the end of the last card (nav pill covered it)",
    bullets: ['\u2605 Bug: since `#nav-host` was raised to `z-index:300` (v10.4.4), the nav pill covered the last ~80px of the Home scroll. The SleepBlock\'s `Edit` button or the last row stayed invisible.', '\u2605 Fix: Home bottom spacer bumped from `4px` to `calc(80px + safe-area)` without active timer, and from `calc(76px + safe-area)` to `calc(160px + safe-area)` with timer (nav + TimerBar + breathing room).']
  }
}, {
  v: "10.4.6",
  date: "2026-04-17",
  pt: {
    title: "Fix: evento na hora exata do fim do bedtime n\u00e3o \u00e9 mais considerado \u201cdentro\u201d",
    bullets: ['\u2605 Cen\u00e1rio: voc\u00ea loga uma mamada \u00e0s 07:11 logo depois do wake up, mas o bedtime acabou de terminar \u00e0s 07:11. O `findContainingBedtime` achava que a mamada estava dentro do bedtime (porque `evMs <= endMs` incluia a borda) e enterrava a mamada dentro do SleepBlock.', '\u2605 Fix: bordas agora s\u00e3o estritas \u2014 `evMs > startMs && evMs < endMs`. Evento exatamente na hora do fim conta como "ap\u00f3s o sono" e aparece como EntryRow top-level na lista de Hoje. Mesma mudan\u00e7a aplicada no `retroactiveEvents` do SleepBlock e na valida\u00e7\u00e3o de `linkedEvents` das wakings pra consist\u00eancia.']
  },
  en: {
    title: "Fix: event at the exact bedtime-end time is no longer considered \u201cinside\u201d",
    bullets: ['\u2605 Scenario: you log a bottle at 07:11 right after wake-up, but the bedtime just ended at 07:11. `findContainingBedtime` considered the bottle inside the bedtime (because `evMs <= endMs` included the edge) and buried it inside the SleepBlock.', '\u2605 Fix: boundaries are now strict \u2014 `evMs > startMs && evMs < endMs`. An event exactly at the end time counts as "after sleep" and shows up as a top-level EntryRow on Today. Same change applied to the SleepBlock\'s `retroactiveEvents` and the `linkedEvents` validation on wakings for consistency.']
  }
}, {
  v: "10.4.5",
  date: "2026-04-17",
  pt: {
    title: "Fix: eventos noturnos invis\u00edveis (mamada do meio da noite sumia do Hoje)",
    bullets: ['\u2605 Bug: uma mamada registrada durante um bedtime que **come\u00e7ou ontem e terminou hoje** (ex: bedtime 22:03 ontem \u2192 07:10 hoje, mamada \u00e0s 06:47 hoje) sumia da lista de Hoje. Apareceia no Ring mas n\u00e3o no hist\u00f3rico.', '\u2605 Causa: `findContainingBedtime` identificava que a mamada estava dentro do bedtime de ontem e filtrava da lista, MAS o bedtime em si n\u00e3o era renderizado (date=ontem, lista filtra por today). Resultado: evento \u00f3rf\u00e3o, nem dentro do SleepBlock nem como EntryRow.', '\u2605 **Fix**: s\u00f3 esconder o evento se o bedtime realmente vai ser renderizado como SleepBlock (live, ou date=today com wakings). Caso contr\u00e1rio, mostra como EntryRow normal. Aplicado no Home e no History.']
  },
  en: {
    title: "Fix: overnight events invisible (middle-of-the-night bottle vanished from Today)",
    bullets: ['\u2605 Bug: a bottle logged during a bedtime that **started yesterday and ended today** (e.g. bedtime 22:03 yesterday \u2192 07:10 today, bottle at 06:47 today) disappeared from the Today list. Showed up on the Ring but not in the history.', '\u2605 Cause: `findContainingBedtime` detected that the bottle was inside yesterday\'s bedtime and filtered it from the list, BUT the bedtime itself was not rendered (date=yesterday, list filters by today). Result: orphan event, neither inside a SleepBlock nor as a standalone EntryRow.', '\u2605 **Fix**: only hide the event if the bedtime will actually render as a SleepBlock (live, or date=today with wakings). Otherwise, show it as a regular EntryRow. Applied on Home and History.']
  }
}, {
  v: "10.4.4",
  date: "2026-04-17",
  pt: {
    title: "FIX REAL: nav do Profile/Home atr\u00e1s do ProfilePage por causa de z-index",
    bullets: ['\u2605 Causa real do \u201csem bot\u00e3o Home/Save\u201d no Profile: o `#nav-host` (portal que hospeda a nav flutuante) tinha `z-index:50` no body, enquanto o `ProfilePage` tem `z-index:200`. Ambos s\u00e3o `position:fixed`, ent\u00e3o ficam no mesmo n\u00edvel de stacking do body \u2014 e 200 > 50, ou seja, a ProfilePage com background opaco ficava por cima da nav inteira, escondendo bot\u00f5es Home/Cancelar/Salvar.', '\u2605 **Fix**: `#nav-host` subiu pra `z-index:300`. Agora a nav flutuante fica acima de qualquer overlay (ProfilePage, Sheet, Modal, InboxPanel). Mesma abordagem usada pra navs flutuantes em apps tipo iOS.', 'Latente desde a v10.1.4 (quando a nav foi portalizada). Passou batido no mobile porque o home indicator + safe-area tapava a \u00e1rea \u2014 o bug real aparecia s\u00f3 em desktop.']
  },
  en: {
    title: "REAL FIX: Profile/Home nav behind ProfilePage due to z-index",
    bullets: ['\u2605 Real cause of the missing Home/Save button in Profile: `#nav-host` (portal hosting the floating nav) had `z-index:50` at body level, while `ProfilePage` has `z-index:200`. Both are `position:fixed`, so they sit at the same body stacking level \u2014 and 200 > 50, meaning the opaque ProfilePage covered the entire nav, hiding Home/Cancel/Save.', '\u2605 **Fix**: `#nav-host` bumped to `z-index:300`. The floating nav now sits above any overlay (ProfilePage, Sheet, Modal, InboxPanel). Same pattern used by iOS-style floating navs.', 'Latent since v10.1.4 (when the nav was portaled). Hidden on mobile because the home indicator + safe-area covered the area \u2014 the real bug only showed on desktop.']
  }
}, {
  v: "10.4.3",
  date: "2026-04-17",
  pt: {
    title: "Fix: navbar do Profile atr\u00e1s do home indicator + sem pointer-events",
    bullets: ['\u2605 `bottom:"6px"` sem safe-area deixava a navbar do Profile parcialmente atr\u00e1s do home indicator no iPhone PWA \u2014 efeito vis\u00edvel: bot\u00e3o Home/Save sumia. Trocado por `calc(8px + env(safe-area-inset-bottom))`, mesma f\u00f3rmula da nav principal do app.', '\u2605 Adicionado `pointerEvents:"auto"` na navbar. O `#nav-host` tem `pointer-events:none`, ent\u00e3o filhos que precisam de clique t\u00eam que restaurar \u2014 a nav principal do Home j\u00e1 tinha, a do Profile n\u00e3o.']
  },
  en: {
    title: "Fix: Profile navbar behind the home indicator + missing pointer-events",
    bullets: ['\u2605 `bottom:"6px"` without safe-area left the Profile navbar partially behind the home indicator on iPhone PWA \u2014 visible effect: Home/Save button disappeared. Swapped for `calc(8px + env(safe-area-inset-bottom))`, matching the app main nav.', '\u2605 Added `pointerEvents:"auto"` on the navbar. `#nav-host` has `pointer-events:none`, so children that need clicks must restore it \u2014 the Home main nav already did, the Profile one did not.']
  }
}, {
  v: "10.4.2",
  date: "2026-04-17",
  pt: {
    title: "Fix: navbar Cancelar/Salvar do Profile esticava em todo o viewport (desktop)",
    bullets: ['\u2605 No modo dirty do Profile (com altera\u00e7\u00f5es n\u00e3o salvas), a barra com Cancelar/Salvar usava `left:16px` + `right:16px` e esticava na largura INTEIRA do viewport. Em desktop isso jogava os bot\u00f5es longe do conte\u00fado (que fica em coluna de 480px centralizada), ficando visualmente desconectado.', 'Fix: centralizada com `left:50% + translateX(-50%)` e `maxWidth:448px`, como todo o resto do app. Mobile n\u00e3o muda (sempre estava dentro dos 480px).', 'Bonus: `slideUp` keyframes sobrescreviam o `translateX(-50%)` durante a anima\u00e7\u00e3o. Criado `slideUpCentered` que preserva a centraliza\u00e7\u00e3o.']
  },
  en: {
    title: "Fix: Profile Cancel/Save navbar stretched across the full viewport (desktop)",
    bullets: ['\u2605 In Profile dirty mode (with unsaved changes), the Cancel/Save bar used `left:16px` + `right:16px` and stretched the ENTIRE viewport width. On desktop that pushed the buttons far from the content (which lives in a centered 480px column), making them look disconnected.', 'Fix: centered with `left:50% + translateX(-50%)` and `maxWidth:448px`, matching the rest of the app. Mobile is unchanged (was always within 480px).', 'Bonus: the `slideUp` keyframes overwrote `translateX(-50%)` during the animation. Added `slideUpCentered` which preserves the centering.']
  }
}, {
  v: "10.4.1",
  date: "2026-04-17",
  pt: {
    title: "Default do intervalo de mamada: 290min \u2192 120min (2h)",
    bullets: ['\u2605 Novo default do `feedingInterval`: **120 minutos (2h)** em vez de 290. Afeta s\u00f3 quem nunca abriu o Profile pra configurar \u2014 quem j\u00e1 tem um valor salvo continua com o que escolheu.', 'Para atualizar um valor j\u00e1 salvo: Profile \u2192 Lembrete de mamada \u2192 campo minutos \u2192 120 \u2192 Salvar.']
  },
  en: {
    title: "Feeding interval default: 290min \u2192 120min (2h)",
    bullets: ['\u2605 New `feedingInterval` default: **120 minutes (2h)** instead of 290. Only affects users who never opened the Profile to configure it \u2014 anyone with a saved value keeps what they chose.', 'To update an already-saved value: Profile \u2192 Feeding reminder \u2192 minutes field \u2192 120 \u2192 Save.']
  }
}, {
  v: "10.4.0",
  date: "2026-04-17",
  pt: {
    title: "Next feeding: barra de progresso no card Bottle do Home",
    bullets: ['\u2605 **Nova barra de progresso** no card Bottle do Home mostrando quanto tempo passou desde a \u00faltima mamada e quando \u00e9 a pr\u00f3xima. Linha de baixo ganhou duas legendas: "5min ago" (esquerda) e "\u2192 16:45" (direita). Glanceable \u2014 d\u00e1 pra saber o momento da pr\u00f3xima mamada sem abrir nada.', '**Cores evoluem com o tempo**: verde normal at\u00e9 80% do intervalo, \u00e2mbar nos \u00faltimos 20% ("chegando"), vermelho quando passa ("+Xm late").', '**Fonte:** usa o reminder `feedingInterval` existente (default 290min, configur\u00e1vel no Profile). Se o toggle estiver desligado, o card mant\u00e9m o layout antigo com s\u00f3 "5min ago".', 'Tick de 30s no App root pra atualizar a barra ao vivo (antes o card s\u00f3 re-renderizava em mudan\u00e7a de entries).']
  },
  en: {
    title: "Next feeding: progress bar on the Bottle card on Home",
    bullets: ['\u2605 **New progress bar** on the Home Bottle card showing time since the last feed and when the next one is due. Bottom line now has two labels: "5min ago" (left) and "\u2192 16:45" (right). Glanceable \u2014 you can read next-feeding time at a glance.', '**Colors evolve with time**: normal green up to 80% of the interval, amber on the last 20% ("closing in"), red when it passes ("+Xm late").', '**Source:** uses the existing `feedingInterval` reminder (default 290min, configurable in Profile). If the toggle is off, the card keeps the old layout with just "5min ago".', '30s tick at App root to keep the bar updating live (previously the card only re-rendered on `entries` change).']
  }
}, {
  v: "10.3.4",
  date: "2026-04-16",
  pt: {
    title: "Bot\u00e3o Home do Profile sempre vis\u00edvel (removido hide on scroll)",
    bullets: ['\u2605 Antes, o bot\u00e3o Home do Profile sumia ao rolar pra baixo e voltava ao rolar pra cima (hide-on-scroll tipo Instagram). Ficava desorientante \u2014 voc\u00ea ia sair do Profile e o bot\u00e3o n\u00e3o estava l\u00e1. Agora fica fixo sempre.', 'Removido: estado `profileNavHidden`, ref `lastScrollYRef`, useEffect de reset, prop `onScroll` do `ProfilePage`. Navbar contextual (Cancelar/Salvar quando tem altera\u00e7\u00f5es) mantida intacta.']
  },
  en: {
    title: "Profile Home button always visible (removed hide-on-scroll)",
    bullets: ['\u2605 The Profile\'s Home button used to slide out on scroll down and return on scroll up (Instagram-style hide-on-scroll). Felt disorienting \u2014 you\'d go to leave the Profile and the button was gone. Now it stays pinned.', 'Removed: `profileNavHidden` state, `lastScrollYRef` ref, reset useEffect, `onScroll` prop on `ProfilePage`. The contextual navbar (Cancel/Save when dirty) is untouched.']
  }
}, {
  v: "10.3.3",
  date: "2026-04-16",
  pt: {
    title: "Fix: TimerBar e bot\u00e3o Save caindo atr\u00e1s da nav pill",
    bullets: ['\u2605 **TimerBar subiu**: `bottom:"74px"` hard-coded (sem safe-area) virou `calc(88px + env(safe-area-inset-bottom))`. No iPhone com home indicator, os 34px da safe-area fazem a nav ficar a ~100px do bottom do viewport, e o TimerBar antes ficava com os \u00faltimos ~26px escondidos atr\u00e1s da nav pill. Agora o TimerBar tem ~20px de respiro acima do topo da nav.', '\u2605 **Sheet do AddForm tamb\u00e9m**: `paddingBottom` era `calc(36px + safe-area)` (\u2248 70px), o que deixava o bot\u00e3o Save dentro da zona da nav pill (42\u2013100px do bottom). Subiu pra `calc(90px + safe-area)` (\u2248 124px), Save termina bem acima da nav.', 'Duas mudan\u00e7as num\u00e9ricas, zero restrutura\u00e7\u00e3o. Complementa a v10.3.2 (que resolveu o overlap do timer vs Save mas deixou ambos caindo atr\u00e1s da nav).']
  },
  en: {
    title: "Fix: TimerBar and Save button sitting behind the nav pill",
    bullets: ['\u2605 **TimerBar moved up**: hard-coded `bottom:"74px"` (no safe-area) became `calc(88px + env(safe-area-inset-bottom))`. On iPhone with home indicator, the 34px safe-area pushes the nav to ~100px from viewport bottom, and the TimerBar\'s bottom ~26px were hidden behind the nav pill. Now the TimerBar has ~20px of breathing room above the nav top.', '\u2605 **AddForm Sheet too**: `paddingBottom` was `calc(36px + safe-area)` (\u2248 70px), which left the Save button inside the nav pill zone (42\u2013100px from bottom). Bumped to `calc(90px + safe-area)` (\u2248 124px), Save lands well above the nav.', 'Two numeric bumps, zero restructure. Complements v10.3.2 (which fixed the timer-over-Save overlap but left both landing behind the nav).']
  }
}, {
  v: "10.3.2",
  date: "2026-04-16",
  pt: {
    title: "Fix: TimerBar cobrindo o bot\u00e3o Save do AddForm (e tingindo de verde)",
    bullets: ['\u2605 **Bug:** com um timer ativo (bedtime/nap/tummy/nursing), abrir qualquer Sheet do AddForm deixava a pill do timer **por cima do bot\u00e3o Save**. Pior ainda, o `backdrop-filter:blur(16px)` do timer amostrava o verde do Save por baixo e tingia a pill inteira de verde \u2014 bedtime aparecia como se fosse tummy time.', '\u2605 **Causa raiz:** o `#nav-host` (host dos portals de nav+timer) \u00e9 `position:fixed z-index:50` no `<body>`, irm\u00e3o do `#root`. O Sheet usa `z-index:200`, mas vive **dentro** do `#root`. Pela regra de stacking do CSS, elemento **posicionado** (#nav-host) pinta acima de **n\u00e3o-posicionado** (#root), ignorando z-indexes internos. Por isso o timer ficava por cima.', '\u2605 **Fix:** nova prop `hidden` no TimerBar. Quando qualquer overlay inferior est\u00e1 aberto (`showAdd`, `formType`, `showProfile`, `showInbox`, `showChangelog`, `showEditStart`, `showNursingPicker`, `showSleepInfo`), o TimerBar desmonta via early return. Reaparece ao fechar. Save 100% vis\u00edvel, cor correta de volta. O `UpdateToast` fica no topo, ent\u00e3o n\u00e3o entra na lista.', 'Sem fade: o `tick` de 1s do TimerBar re-renderizava e resetava qualquer CSS transition tentando animar. Unmount limpo \u00e9 mais simples e visualmente indistingu\u00edvel (o Sheet j\u00e1 tem sua pr\u00f3pria anima\u00e7\u00e3o subindo).']
  },
  en: {
    title: "Fix: TimerBar covering the AddForm Save button (and tinting it green)",
    bullets: ['\u2605 **Bug:** with an active timer (bedtime/nap/tummy/nursing), opening any AddForm Sheet left the timer pill **on top of the Save button**. Worse, the timer\'s `backdrop-filter:blur(16px)` sampled the green Save underneath and tinted the whole pill green \u2014 bedtime looked like tummy time.', '\u2605 **Root cause:** `#nav-host` (portal host for nav+timer) is `position:fixed z-index:50` on `<body>`, sibling of `#root`. The Sheet uses `z-index:200`, but lives **inside** `#root`. Per CSS stacking rules, a **positioned** element (#nav-host) paints above a **non-positioned** one (#root), regardless of internal z-indexes. That\'s why the timer sat on top.', '\u2605 **Fix:** new `hidden` prop on TimerBar. When any bottom-anchored overlay is open (`showAdd`, `formType`, `showProfile`, `showInbox`, `showChangelog`, `showEditStart`, `showNursingPicker`, `showSleepInfo`), the TimerBar unmounts via early return. Comes back on close. Save 100% visible, correct color restored. `UpdateToast` lives at the top, so it stays out of the list.', 'No fade: the TimerBar\'s 1s `tick` re-rendered and kept resetting any CSS transition. A clean unmount is simpler and visually indistinguishable (the Sheet already has its own slide-up animation).']
  }
}, {
  v: "10.2.1",
  date: "2026-04-16",
  pt: {
    title: "Fix faixa preta no bottom iOS PWA (starfield cobre ate o home indicator)",
    bullets: ['\u2605 **Sintoma:** em iPhones com home indicator, o fundo estrelado do app nao chegava ate o bottom fisico da tela -- sobrava uma faixa solida de ~34px de `#070b1e` visivel abaixo do ultimo pixel do universo pintado. Topo estava correto.', '\u2605 **Causa raiz:** cascata de `height:100%` em `html,body`, `#root` e o container principal do App. Em WebKit em PWA standalone, `100%` resolve pela **layout viewport**, que no iPhone com home indicator NAO inclui a safe-area inferior. Consequencia: o canvas ficava ~34px menor que a tela fisica, e o `background:#070b1e` do `html,body` (pintado pelo proprio browser na area descoberta) aparecia como faixa solida.', '\u2605 **Fix cirurgico:** trocadas 3 declaracoes de `height:100%` por `100dvh` (dynamic viewport height). `dvh` eh a unidade CSS que reporta altura visual real incluindo safe-area, suportada em iOS Safari 15.4+. No CSS puro (html/body e #root) com fallback duplicado `height:100vh; height:100dvh` -- em JSX inline style so `100dvh` porque React sobrescreveria o primeiro.', '**Navbar pill permanece intacta** com `bottom: calc(8px + env(safe-area-inset-bottom))` -- os 8px garantem margem visual acima do home indicator seguindo Apple HIG. TimerBar tambem volta ao `calc(66px + env(safe-area-inset-bottom))` acompanhando.', 'Zero mudanca em desktop / Android / Safari em aba normal (100% e 100dvh sao equivalentes la). Zero mudanca no scroll, safe-area do topo, ou qualquer comportamento. Eh cirurgico: 3 declaracoes de altura + 2 offsets calc.']
  },
  en: {
    title: "Fix black strip at bottom iOS PWA (starfield reaches the home indicator)",
    bullets: ['\u2605 **Symptom:** on iPhones with home indicator, the app\'s starfield background did not reach the physical screen bottom — a solid ~34px strip of `#070b1e` remained visible below the last painted universe pixel. Top was fine.', '\u2605 **Root cause:** cascade of `height:100%` on `html,body`, `#root` and the App main container. In WebKit PWA standalone mode, `100%` resolves from the **layout viewport**, which on iPhones with home indicator does NOT include the bottom safe-area. Result: the canvas was ~34px shorter than the physical screen, and `background:#070b1e` from `html,body` (painted by the browser on the uncovered area) appeared as a solid strip.', '\u2605 **Surgical fix:** the 3 `height:100%` declarations swapped to `100dvh` (dynamic viewport height). `dvh` is the CSS unit that reports the real visual height including safe-area, supported in iOS Safari 15.4+. In pure CSS (html/body and #root) with doubled fallback `height:100vh; height:100dvh` — in JSX inline style only `100dvh` because React would overwrite the first.', '**Nav pill stays intact** with `bottom: calc(8px + env(safe-area-inset-bottom))` — the 8px ensures visual margin above the home indicator following Apple HIG. TimerBar also returns to `calc(66px + env(safe-area-inset-bottom))` matching.', 'No change on desktop / Android / Safari in normal tab (100% and 100dvh are equivalent there). No change in scroll, top safe-area, or any behavior. Surgical: 3 height declarations + 2 calc offsets.']
  }
}, {
  v: "10.1.7",
  date: "2026-04-16",
  pt: {
    title: "FIX REAL: nav usa bottom negativo pra invadir zona fora-do-viewport",
    bullets: ['\u2605 **Debug da v10.1.6 revelou a raiz**: no iPhone 16 Pro Max em PWA standalone, `screen.height=956` mas `innerHeight=894`. Sobram **62px ABAIXO** do viewport -- area da tela fisica que eh visivel mas onde `position:fixed bottom:0` NAO alcanca, porque fixed se ancora em innerHeight (894), nao em screen.height (956). Nem `100dvh` resolve -- tambem retorna 894 no PWA standalone. Esse gap eh invisivel pra CSS puro.', '\u2605 **Fix**: script inline mede `screen.height - window.innerHeight` na carga e em cada resize, publicando o valor numa CSS custom property `--screen-bottom-gap`. A nav usa `bottom: calc(10px - var(--screen-bottom-gap))` -- no iPhone, isso resolve pra `10 - 62 = -52px`, empurrando a nav 52px ALEM do bottom do viewport, pra dentro da zona morta visivel. Sobra 10px ate o fim fisico da tela. Desktop: `--screen-bottom-gap` eh 0, `bottom: 10px` funciona igual.', '**TimerBar tambem compensado** -- mesmo calc no `bottom` dele pra continuar acima da nav.', '**Debug overlay da v10.1.6 removido** -- ja tirou os dados necessarios.']
  },
  en: {
    title: "REAL FIX: nav uses negative bottom to invade the off-viewport zone",
    bullets: ['\u2605 **v10.1.6 debug revealed the root**: on iPhone 16 Pro Max in PWA standalone, `screen.height=956` but `innerHeight=894`. **62px ARE BELOW** the viewport — physical screen area that is visible but where `position:fixed bottom:0` cannot reach, because fixed anchors to innerHeight (894), not screen.height (956). Not even `100dvh` helps — it also returns 894 in PWA standalone. This gap is invisible to pure CSS.', '\u2605 **Fix**: inline script measures `screen.height - window.innerHeight` on load and on every resize, publishing the value in a CSS custom property `--screen-bottom-gap`. The nav uses `bottom: calc(10px - var(--screen-bottom-gap))` — on iPhone it resolves to `10 - 62 = -52px`, pushing the nav 52px past the viewport bottom, into the visible dead zone. 10px remain until the physical screen edge. Desktop: `--screen-bottom-gap` is 0, `bottom: 10px` works as expected.', '**TimerBar also compensated** — same calc on its `bottom` to stay above the nav.', '**v10.1.6 debug overlay removed** — already got the data needed.']
  }
}, {
  v: "10.1.5",
  date: "2026-04-16",
  pt: {
    title: "FIX: altura viewport estendida no iPhone PWA (100dvh)",
    bullets: ['\u2605 **Continuando o fix do bottom**: v10.1.4 resolveu o bug do overflow (position:fixed dentro de scroll container), mas ainda sobrava ~80px de cosmos vazio abaixo da nav no iPhone PWA. Causa: `html,body,#root { height: 100% }` -- em iOS PWA standalone isso calcula como a altura DISPONIVEL (descontando area de barra inferior), nao a altura fisica da tela. O `bottom:10px` da nav ficava 10px do fim dessa area reduzida, deixando o resto da tela vazio.', '\u2605 **Fix**: mudei pra `height: 100vh; height: 100dvh`. O `100dvh` (dynamic viewport height) eh a altura REAL da tela no iOS 17+, incluindo a zona do home indicator. O `100vh` fica como fallback pra browsers mais velhos. Agora o viewport ocupa a tela inteira e `position:fixed bottom:10px` cola no fim fisico.', 'Sem mudanca visual em desktop -- no desktop `100%` e `100dvh` sao equivalentes. Mudanca eh especifica pra iOS PWA standalone.']
  },
  en: {
    title: "FIX: extended viewport height on iPhone PWA (100dvh)",
    bullets: ['\u2605 **Continuing the bottom fix**: v10.1.4 fixed the overflow bug (position:fixed inside scroll container), but there was still ~80px of empty cosmos below the nav on iPhone PWA. Cause: `html,body,#root { height: 100% }` — on iOS PWA standalone this computes as the AVAILABLE height (minus bottom bar area), not the physical screen height. The nav\'s `bottom:10px` sat 10px from the end of that reduced area, leaving the rest of the screen empty.', '\u2605 **Fix**: changed to `height: 100vh; height: 100dvh`. `100dvh` (dynamic viewport height) is the REAL screen height on iOS 17+, including the home indicator zone. `100vh` is the fallback for older browsers. Viewport now fills the whole screen and `position:fixed bottom:10px` hugs the physical end.', 'No visual change on desktop — `100%` and `100dvh` are equivalent there. Change is iOS PWA standalone-specific.']
  }
}, {
  v: "10.1.4",
  date: "2026-04-16",
  pt: {
    title: "FIX profundo: nav em React Portal (bug conhecido iOS Safari PWA)",
    bullets: ['\u2605 **Diagnostico**: no desktop tudo estava perfeito, mas no iPhone PWA a nav ficava muito longe do bottom independentemente do `bottom:10px` no CSS. CSS chegava certo ao dispositivo (confirmado via curl no index.html ao vivo), mas o render posicionava a nav no meio da tela.', '**Causa raiz**: o App root do React tem `overflowY:"auto"` pra permitir scroll do conteudo principal. **iOS Safari PWA standalone mode tem um bug conhecido** onde `position:fixed` DENTRO de um ancestor com `overflow:auto` vira efetivamente `position:absolute` -- se ancora no container em vez do viewport. Desktop nao sofre desse bug; iOS PWA sim.', '\u2605 **Fix**: mover nav + TimerBar para **fora do App root** via `ReactDOM.createPortal`, renderizando-os num novo `<div id="nav-host">` no `<body>` (irmao do `#root`, sem overflow ancestral). Agora `position:fixed` se ancora no viewport de verdade e o `bottom:10px` do v10.1.3 finalmente funciona em PWA.', '**Zero mudanca de API** -- handlers, props, setState, animacoes, tudo igual. O portal eh transparente pro React, os componentes se comportam como se estivessem no mesmo arvore. Soh muda onde o DOM renderiza.', 'Possivelmente o bug estava la desde a v10.0.2 quando tentei "edge-to-edge" pela primeira vez. Todas as tentativas de mexer em `bottom`/`env(safe-area)` desde entao falhavam em iPhone por causa disso.']
  },
  en: {
    title: "Deep fix: nav in React Portal (known iOS Safari PWA bug)",
    bullets: ['\u2605 **Diagnosis**: desktop was perfect, but on iPhone PWA the nav stayed far from the bottom regardless of the `bottom:10px` CSS. CSS reached the device correctly (confirmed via curl on live index.html), but the render positioned the nav in the middle of the screen.', '**Root cause**: React\'s App root has `overflowY:"auto"` to enable main content scrolling. **iOS Safari PWA standalone mode has a known bug** where `position:fixed` INSIDE an ancestor with `overflow:auto` effectively behaves as `position:absolute` — anchoring to the container instead of the viewport. Desktop does not suffer from this bug; iOS PWA does.', '\u2605 **Fix**: move nav + TimerBar **out of the App root** via `ReactDOM.createPortal`, rendering them into a new `<div id="nav-host">` on `<body>` (sibling to `#root`, no overflow ancestor). Now `position:fixed` anchors to the real viewport and v10.1.3\'s `bottom:10px` finally works in PWA.', '**Zero API change** — handlers, props, setState, animations, all identical. The portal is transparent to React; components behave as if they were in the same tree. Only the DOM render location changes.', 'This bug was likely present since v10.0.2 when I first tried "edge-to-edge". Every attempt to tweak `bottom`/`env(safe-area)` since then silently failed on iPhone due to this.']
  }
}, {
  v: "10.1.3",
  date: "2026-04-16",
  pt: {
    title: "Nav colada no bottom de verdade: leitura correta do Instagram",
    bullets: ['\u2605 **Reinterpretacao:** comparando lado a lado o print do Instagram com o app Louise, o pill do IG esta a ~8-10px do bottom absoluto da tela, NAO respeitando safe-area integralmente. O home indicator passa parcialmente por CIMA do pill (como eh translucido, nao tem conflito visual).', '**v10.1.1 e v10.1.2 respeitavam safe-area-inset-bottom demais** (34px no iPhone 16 Pro Max), deixando faixa de cosmos-background vazio abaixo -- causando a sensacao de "longe do bottom" que William reportou.', '\u2605 **Fix:** `bottom: 10px` (valor absoluto, ignora safe-area). No iPhone, home indicator branco passa levemente sobre a borda superior do pill -- feel IG autentico, pill realmente colado. Em desktop, 10px do bottom do viewport, pratico.', '**Tradeoff consciente:** o home indicator swipe gesture area do iOS (zona de 34px no bottom) agora tem o pill sobreposto. Em teoria, pode ter gesture conflict, mas na pratica iOS prioriza o gesto do sistema. Se algum usuario tiver dificuldade pra disparar o swipe pra home, a gente aumenta o bottom pra 16-20px.']
  },
  en: {
    title: "Nav truly hugging the bottom: correct Instagram reading",
    bullets: ['\u2605 **Reinterpretation:** comparing side-by-side the Instagram screenshot with Louise, IG\'s pill is at ~8-10px from the absolute screen bottom, NOT respecting safe-area fully. The home indicator passes partially OVER the pill (since it\'s translucent, there\'s no visual conflict).', '**v10.1.1 and v10.1.2 respected safe-area-inset-bottom too much** (34px on iPhone 16 Pro Max), leaving an empty cosmos-background strip below -- creating the "far from bottom" feeling William reported.', '\u2605 **Fix:** `bottom: 10px` (absolute value, ignores safe-area). On iPhone, the white home indicator passes slightly over the top edge of the pill -- authentic IG feel, pill actually hugging. On desktop, 10px from the viewport bottom, practical.', '**Conscious tradeoff:** iOS home indicator swipe gesture area (34px zone at bottom) now has the pill overlapping. In theory, there could be gesture conflict, but in practice iOS prioritizes the system gesture. If any user has trouble triggering swipe-to-home, we bump bottom to 16-20px.']
  }
}, {
  v: "10.1.2",
  date: "2026-04-16",
  pt: {
    title: "Fix critico: Service Worker servia HTML antigo apos deploy",
    bullets: ['\u2605 **Diagnostico:** depois das v10.1.0 e v10.1.1, William reportou que a nav bar continuava longe do bottom mesmo apos o deploy. Nao era cache do CDN nem falha do Action -- era o **proprio Service Worker (v10.0.1) interceptando os fetches do `index.html` e servindo o HTML cacheado de uma versao anterior.** A estrategia de stale-while-revalidate eh boa pra assets mas pessima pra navegacoes: o usuario ve a versao antiga da interface, e o SW soh atualiza o cache pra *proxima* abertura.', '\u2605 **Fix 1 -- Network-first pra navegacoes.** SW agora detecta requests de navegacao (request.mode === "navigate", accept: text/html, ou URL terminando em "/" ou "index.html") e vai DIRETO pra rede -- soh cai no cache como fallback offline. Assets (JS, CSS, fonts, icones) continuam stale-while-revalidate porque sao versionados.', '\u2605 **Fix 2 -- Auto-reload quando SW novo assume.** Main thread registra listener `controllerchange` no navigator.serviceWorker. Quando um novo SW assume controle (apos `skipWaiting + clients.claim`), a pagina recarrega sozinha. Protegido contra reload-loop via flag de sessao.', '**Efeito combinado:** a partir dessa versao, voce nunca mais vai ver interface desatualizada apos um deploy. Primeiro acesso em qualquer ambiente (desktop, iPhone) puxa a v10.1.2 fresca da rede, e dai pra frente qualquer push que eu fizer na main gera um reload automatico em qualquer sessao que estiver aberta quando o Action terminar.', '**UMA VEZ SO voce precisa forcar reload dessa versao** -- porque o SW antigo ainda ta em controle. Desktop: Ctrl+Shift+R. iPhone PWA: segura o icone -> Remove App -> reinstala via Safari Share. Dai em diante, tudo automatico.']
  },
  en: {
    title: "Critical fix: Service Worker was serving stale HTML after deploy",
    bullets: ['\u2605 **Diagnosis:** after v10.1.0 and v10.1.1, William reported the nav bar still appeared far from the bottom even after deploy. Not a CDN cache issue nor Action failure -- it was **the Service Worker itself (v10.0.1) intercepting `index.html` fetches and serving the cached HTML from an earlier version.** Stale-while-revalidate is fine for assets but terrible for navigations: user sees the old UI, and the SW only updates the cache for the *next* open.', '\u2605 **Fix 1 — Network-first for navigations.** SW now detects navigation requests (request.mode === "navigate", accept: text/html, or URL ending in "/" or "index.html") and goes STRAIGHT to network — cache only as an offline fallback. Assets (JS, CSS, fonts, icons) keep stale-while-revalidate because they\'re versioned.', '\u2605 **Fix 2 — Auto-reload when a new SW takes control.** Main thread attaches a `controllerchange` listener on navigator.serviceWorker. When a new SW assumes control (after `skipWaiting + clients.claim`), the page reloads itself. Guarded against reload loops via a session flag.', '**Combined effect:** from this version onward, you\'ll never see an outdated UI after a deploy again. First visit in any environment (desktop, iPhone) pulls v10.1.2 fresh from the network, and from then on any push I make to main generates an automatic reload on any session that\'s open when the Action finishes.', '**YOU NEED A ONE-TIME FORCE-RELOAD for this version** — because the old SW is still in control. Desktop: Ctrl+Shift+R. iPhone PWA: hold the icon -> Remove App -> reinstall via Safari Share. From there on, everything is automatic.']
  }
}, {
  v: "10.1.1",
  date: "2026-04-16",
  pt: {
    title: "Nav colada no bottom: eliminada a area vazia abaixo",
    bullets: ['\u2605 **Bug visual da v10.0.3+:** William estava vendo uma area vazia clara entre o pill da nav e o bottom do viewport (visivel tanto no iPhone quanto no desktop). Causa: `bottom: calc(12px + env(safe-area-inset-bottom))` empurrava o pill 12px ACIMA da safe-area -- no iPhone dava 12+34=46px do chao, sobrava o cosmos-background na faixa inferior.', '**Fix:** `bottom: max(8px, env(safe-area-inset-bottom))`. Resultado: no iPhone, pill flutua exatamente sobre o home indicator (safe-area = 34px, sem folga extra) -- sem mais area vazia abaixo. No desktop, 8px do bottom (bem colado). Em ambos os casos, a nav eh a ultima coisa visivel na tela.', 'Nada mais mudou. Glass, border, blur, saturacao, padding, icones -- tudo intacto. Soh a posicao vertical.']
  },
  en: {
    title: "Nav hugging the bottom: killed the empty space below",
    bullets: ['\u2605 **Visual bug from v10.0.3+:** William was seeing a clear empty area between the nav pill and the viewport bottom (visible on both iPhone and desktop). Cause: `bottom: calc(12px + env(safe-area-inset-bottom))` pushed the pill 12px ABOVE the safe-area -- on iPhone that meant 12+34=46px from the floor, leaving the cosmos-background showing in the lower band.', '**Fix:** `bottom: max(8px, env(safe-area-inset-bottom))`. Now on iPhone the pill floats exactly above the home indicator (safe-area = 34px, no extra gap) -- no more empty space below. On desktop, 8px from the bottom (nicely pinned). In both cases, the nav is the last thing visible on screen.', 'Nothing else changed. Glass, border, blur, saturation, padding, icons — all intact. Just the vertical position.']
  }
}, {
  v: "10.1.0",
  date: "2026-04-15",
  pt: {
    title: "Perf bundle: 4 otimizacoes somadas pra app mais enxuto",
    bullets: ['\u2605 **Pausa animacoes CSS quando o PWA esta em background.** Listener em `visibilitychange` adiciona uma classe `app-hidden` no `<body>` quando o app some de foco; regra CSS `animation-play-state: paused` congela TUDO (mercurySpin, livePulse, bellWiggle, etc.) ate voltar pro foco. iOS PWA backgrounda com throttle fraco, agora para de queimar bateria e CPU quando minimizado.', '\u2605 **`content-visibility: auto` em cada card do History.** Browser pula renderizacao (layout + paint) de cards fora do viewport ate voce scrollar ate eles. Com historico longo (100+ entries) vira ~10x menos trabalho por frame de scroll. `contain-intrinsic-size: auto 76px` preserva o espaco do scroll pra nao pular.', '\u2605 **`content-visibility: auto` em cada pagina do swipe** (Home / Stats / History). As 3 ficam pre-montadas pro swipe ser instantaneo, mas o browser agora so renderiza o conteudo da pagina visivel. Stats com graficos SVG parava de consumir GPU quando voce estava em Home.', '\u2605 **Bundle dos 6 js/ em 1 arquivo (`js/app-libs.js`).** `build/build.mjs` concatena no ordem correta (splash-icon, who-growth, curiosities, wake-lock, device-features, routine-engine) e reescreve `dist/index.html` pra carregar 1 script em vez de 6. SW precache tambem atualizado. Resultado: 6 requisicoes HTTP -> 1, menos overhead de parsing e negociacao HTTP (mesmo com HTTP/2 que multiplexa, parsing sequencial eh mais eficiente).', 'Source continua com 6 arquivos separados (dev-friendly); bundle eh soh no output do build. Zero mudanca de API ou comportamento.']
  },
  en: {
    title: "Perf bundle: 4 stacked optimizations for a leaner app",
    bullets: ['\u2605 **Pause CSS animations when the PWA is backgrounded.** `visibilitychange` listener toggles an `app-hidden` class on `<body>`; CSS rule `animation-play-state: paused` freezes EVERYTHING (mercurySpin, livePulse, bellWiggle, etc.) until the app comes back to focus. iOS PWA throttles backgrounded pages weakly, so now it stops burning battery and CPU when minimized.', '\u2605 **`content-visibility: auto` on every History card.** The browser skips layout + paint of offscreen cards until you scroll into them. With a long history (100+ entries) that\'s ~10x less work per scroll frame. `contain-intrinsic-size: auto 76px` preserves the scroll position so nothing jumps.', '\u2605 **`content-visibility: auto` on every swipe page** (Home / Stats / History). The three pages stay pre-mounted for instant swipe, but the browser now only renders the visible page\'s contents. Stats with its SVG charts stops consuming GPU while you\'re in Home.', '\u2605 **Bundle the 6 js/ files into 1 (`js/app-libs.js`).** `build/build.mjs` concatenates in the correct order (splash-icon, who-growth, curiosities, wake-lock, device-features, routine-engine) and rewrites `dist/index.html` to load 1 script instead of 6. SW precache updated accordingly. Result: 6 HTTP requests -> 1, less parsing overhead and HTTP negotiation (even with HTTP/2 multiplexing, sequential parsing is more efficient).', 'Source keeps the 6 separate files (dev-friendly); bundle only exists in build output. Zero API or behavior change.']
  }
}, {
  v: "10.0.4",
  date: "2026-04-15",
  pt: {
    title: "Resource hints: primeira install do PWA mais rapida",
    bullets: ['\u2605 **Adicionados `<link rel="preload">` no `<head>`** pra React, ReactDOM, Firebase-app e Firestore. Browser agora baixa esses 4 scripts (~200 KB total) EM PARALELO com o parsing do HTML, em vez de esperar chegar na tag `<script>` respectiva. Ganho estimado: 100-300ms de cold start na **primeira abertura** (antes do SW cachear tudo).', '**Adicionados `<link rel="preconnect">`** pra `firestore.googleapis.com` e `fonts.gstatic.com`. Isso faz o browser estabelecer handshake TCP+TLS com esses hosts bem no inicio do carregamento. A primeira query do Firestore fica 100-300ms mais rapida, e o download da fonte Outfit comeca ~200ms antes.', '**DNS-prefetch** como fallback em browsers mais simples que nao suportam preconnect.', 'Tudo eh no-op em **2a+ aberturas:** o SW cache do v10.0.1 ja tem todos esses recursos localmente. A melhoria eh soh no primeiro install do PWA (ou se voce limpar o cache).']
  },
  en: {
    title: "Resource hints: first PWA install is faster",
    bullets: ['\u2605 **Added `<link rel="preload">` in the `<head>`** for React, ReactDOM, Firebase-app, and Firestore. The browser now downloads these 4 scripts (~200 KB total) IN PARALLEL with HTML parsing, instead of waiting to reach each `<script>` tag. Estimated gain: 100-300ms of cold start on **first open** (before SW caches everything).', '**Added `<link rel="preconnect">`** for `firestore.googleapis.com` and `fonts.gstatic.com`. This makes the browser establish the TCP+TLS handshake with these hosts very early in the page load. The first Firestore query is 100-300ms faster, and the Outfit font download starts ~200ms earlier.', '**DNS-prefetch** as a fallback for simpler browsers that don\'t support preconnect.', 'All a no-op on **2nd+ opens:** the v10.0.1 SW cache already has all these resources locally. The improvement only applies to the first PWA install (or if you clear the cache).']
  }
}, {
  v: "10.0.3",
  date: "2026-04-15",
  pt: {
    title: "Nav Liquid Glass: referencia direta ao Instagram atual",
    bullets: ['\u2605 **Reframe do v10.0.2:** William mandou print do nav do Instagram e ele NAO eh edge-to-edge -- eh um pill flutuante IGUAL AO NOSSO, soh que com vidro muito mais translucido e highlights de glass no topo. v10.0.2 errou o alvo indo pra "colado no chao" quando o que faltava era intensificar o efeito glass do pill.', '**Translucencia real:** fundo caiu de `rgba(14,18,48,0.82)` pra `rgba(38,44,90,0.38)` (tom de fundo mais claro tb, puxando pro liquid glass) e top de `rgba(8,10,28,0.88)` pra `rgba(14,18,48,0.58)`. Agora da pra ver o conteudo borrado por tras.', '**Rim brilhante no topo:** adicionado `0 1px 0 0 rgba(255,255,255,0.24) inset` -- linha branca sutil de 1px no topo interno simulando refracao de luz em vidro iOS. Complementado com `0 -1px 2px rgba(0,0,0,0.18) inset` pra sombra interna no bottom, dando profundidade.', '**Blur + saturacao intensificados:** `blur(22px) saturate(180%)` -> `blur(26px) saturate(200%)`. Cores atras ficam mais vivas no blur, feel iOS autentico.', '**Pill mais wide:** antes era content-sized (~260px), agora `width: calc(100% - 24px)` com `maxWidth: 420` e `justify-content: space-around`. Icones espalhados em 85% da largura, matching proporcao do IG.', '**Posicionamento flutuante:** `bottom: calc(12px + env(safe-area-inset-bottom))`. Sobe um pouco do chao (12px acima da safe-area) igual IG faz -- nao eh colado nem flutuando alto demais.', '**Border mais visivel:** `rgba(255,255,255,0.08)` -> `rgba(255,255,255,0.14)`. Delineamento de vidro mais claro, casa com o rim brilhante.', '**Perf preservada:** blur subiu soh 4px (22->26). Custo de backdrop-filter eh quadratico no raio, entao 26 eh ~40% mais caro que 22 (nao 4x). Aceitavel no iPhone 16 Pro Max.']
  },
  en: {
    title: "Nav Liquid Glass: direct reference to current Instagram",
    bullets: ['\u2605 **v10.0.2 reframe:** William sent Instagram\'s nav screenshot and it is NOT edge-to-edge -- it is a floating pill JUST LIKE OURS, only with much more translucent glass and top glass highlights. v10.0.2 missed the target going "flush to the floor" when what was missing was intensifying the glass effect of the pill itself.', '**Real translucency:** background dropped from `rgba(14,18,48,0.82)` to `rgba(38,44,90,0.38)` (lighter base tone, pulling toward liquid glass), and top from `rgba(8,10,28,0.88)` to `rgba(14,18,48,0.58)`. You can actually see blurred content behind now.', '**Bright top rim:** added `0 1px 0 0 rgba(255,255,255,0.24) inset` -- subtle 1px white line on the inner top simulating light refraction on iOS glass. Complemented with `0 -1px 2px rgba(0,0,0,0.18) inset` for bottom inner shadow, adding depth.', '**Blur + saturation intensified:** `blur(22px) saturate(180%)` -> `blur(26px) saturate(200%)`. Colors behind come through livelier in the blur, authentic iOS feel.', '**Wider pill:** was content-sized (~260px), now `width: calc(100% - 24px)` with `maxWidth: 420` and `justify-content: space-around`. Icons spread across 85% of width, matching IG\'s proportion.', '**Floating position:** `bottom: calc(12px + env(safe-area-inset-bottom))`. Lifts slightly off the floor (12px above safe-area) like IG does -- not pinned, not floating too high.', '**More visible border:** `rgba(255,255,255,0.08)` -> `rgba(255,255,255,0.14)`. Clearer glass outline, pairs with the bright rim.', '**Perf preserved:** blur only bumped 4px (22->26). backdrop-filter cost is quadratic in radius, so 26 is ~40% more expensive than 22 (not 4x). Acceptable on iPhone 16 Pro Max.']
  }
}, {
  v: "10.0.2",
  date: "2026-04-15",
  pt: {
    title: "Nav edge-to-edge: colado no home indicator + blur translucido",
    bullets: ['\u2605 **Nav bar reposicionado pra colar no home indicator** -- `bottom: max(4px, env(safe-area-inset-bottom))`. Antes ficava flutuando 14px acima da safe-area, desperdicando espaco util. Agora cola estilo Instagram reels.', '\u2605 **Conteudo passa por tras do nav com blur visivel.** Opacidade do fundo da nav abaixada de 0.96/0.97 pra **0.82/0.88** (translucido o suficiente pra o contorno dos cards por tras aparecer borrado no blur). Blur aumentado de 16px pra **22px** e adicionado `saturate(180%)` -- filtro iOS classico que intensifica cores atras do blur sem custo perceptivel de GPU.', '**Meio-termo consciente com a perf da v9.9.6.** O prompt original pedia blur(30px) + opacidade 0.72 (estilo Instagram puro), mas na v9.9.6 eu baixei pra blur(16px) + 0.96 pra resolver travamento em iPhone PWA. Dessa vez: blur(22px) + 0.82/0.88 eh o meio-termo que devolve a sensacao glass sem voltar pro cenario travado.', '**TimerBar (nursing + sleep) sobe 16px** -- de `calc(60px + safe-area)` pra `calc(76px + max(4px, safe-area))`. Ganha respiro entre o timer e a nav.', '**Bottom spacer agora eh dinamico** com `env(safe-area-inset-bottom)`: `calc(140px + safe-area)` quando tem timer ativo, `calc(74px + safe-area)` sem. Ultimo item do scroll nao fica mais coberto pelo home indicator em nenhum iPhone.']
  },
  en: {
    title: "Edge-to-edge nav: pinned to home indicator + translucent blur",
    bullets: ['\u2605 **Nav bar repositioned flush with the home indicator** -- `bottom: max(4px, env(safe-area-inset-bottom))`. Before, it floated 14px above safe-area, wasting usable space. Now it hugs the bottom like Instagram reels.', '\u2605 **Content scrolls behind the nav with visible blur.** Nav background opacity dropped from 0.96/0.97 to **0.82/0.88** (translucent enough for card outlines behind to appear blurred through). Blur bumped from 16px to **22px** and added `saturate(180%)` -- classic iOS filter that intensifies colors behind the blur with no perceptible GPU cost.', '**Intentional middle ground with v9.9.6 perf.** The original prompt asked for blur(30px) + opacity 0.72 (pure Instagram style), but v9.9.6 dropped to blur(16px) + 0.96 to fix iPhone PWA stutter. This time: blur(22px) + 0.82/0.88 is the middle ground that brings back the glass feel without regressing to the janky state.', '**TimerBar (nursing + sleep) moves up 16px** -- from `calc(60px + safe-area)` to `calc(76px + max(4px, safe-area))`. Gets breathing room between timer and nav.', '**Bottom spacer is now dynamic** using `env(safe-area-inset-bottom)`: `calc(140px + safe-area)` when an active timer is present, `calc(74px + safe-area)` without. Last scroll item no longer gets covered by the home indicator on any iPhone.']
  }
}, {
  v: "10.0.1",
  date: "2026-04-15",
  pt: {
    title: "Service Worker com cache: 2o+ cold start quase instantaneo",
    bullets: ['\u2605 **Primeiro open depois da instalacao:** baixa tudo normal (React, Firebase, Outfit font, scripts do app) e joga no cache do Service Worker. 2a vez em diante: o browser pega os scripts do cache local em **milissegundos**, sem tocar em unpkg.com, gstatic.com ou fonts.googleapis.com.', '**Stale-while-revalidate:** cada fetch retorna imediatamente do cache (instantaneo) E ao mesmo tempo vai na rede em background pra atualizar o cache. Entao voce nunca espera por scripts que ja viu -- mas tambem nao fica preso numa versao antiga; o proximo open ja pega a atualizacao.', '**Cache versionado por APP_VERSION:** o build step injeta o numero da versao dentro do `sw.js` (placeholder `__APP_VERSION__` vira `10.0.1`, `10.0.2`, etc.). Toda nova release muda o `CACHE_NAME`, o que faz o SW novo purgar o cache velho automaticamente no activate. Nunca fica cache entalado de versao antiga.', '**Firestore NUNCA eh cacheado** -- chamadas pra `firestore.googleapis.com`, `firebaseinstallations.googleapis.com` e afins passam direto pra rede. Dado em tempo real continua em tempo real.', '**Precache no install:** 11 assets locais (`index.html`, todos `js/*.js`, 3 icones, manifest) + 6 CDNs (React, ReactDOM, 3 scripts Firebase, CSS do Outfit). Total ~500 KB cacheado local.', 'Push notifications continuam funcionando identico. Soh foi adicionado handler de `fetch` + precache -- nao mexi no codigo de push/notificationclick.']
  },
  en: {
    title: "Service Worker with caching: 2nd+ cold start near-instant",
    bullets: ['\u2605 **First open after install:** downloads everything normally (React, Firebase, Outfit font, app scripts) and drops them into the Service Worker cache. 2nd time onward: the browser pulls scripts from the local cache in **milliseconds**, without touching unpkg.com, gstatic.com or fonts.googleapis.com.', '**Stale-while-revalidate:** each fetch returns from cache immediately (instant) AND hits the network in the background to refresh the cache. So you never wait for scripts you have seen before -- but you also never get stuck on an old version; the next open already picks up the update.', '**Cache versioned by APP_VERSION:** the build step injects the version number into `sw.js` (placeholder `__APP_VERSION__` becomes `10.0.1`, `10.0.2`, etc.). Every new release changes `CACHE_NAME`, which makes the new SW purge the old cache automatically on activate. Never stuck on stale version cache.', '**Firestore is NEVER cached** -- calls to `firestore.googleapis.com`, `firebaseinstallations.googleapis.com` and similar pass straight through to the network. Real-time data stays real-time.', '**Precache on install:** 11 local assets (`index.html`, all `js/*.js`, 3 icons, manifest) + 6 CDNs (React, ReactDOM, 3 Firebase scripts, Outfit CSS). Total ~500 KB cached locally.', 'Push notifications keep working identically. Only the `fetch` handler + precache was added -- push/notificationclick code untouched.']
  }
}, {
  v: "10.0.0",
  date: "2026-04-15",
  pt: {
    title: "Build step: JSX pre-compilado, app muito mais rapido (esp. iPhone)",
    bullets: ['\u2605 **Antes:** o navegador baixava o `@babel/standalone` (~1.5 MB) e transpilava ~450 KB de JSX toda vez que voce abria o PWA no iPhone. Num iPhone 16 Pro Max esse trabalho custa 300-700ms de cold start. Em PWA instalado (sem cache de CDN), essa etapa repetia sempre.', '\u2605 **Agora:** o JSX eh pre-compilado antes do deploy via GitHub Actions. O `<script type="text/babel">` vira `<script>` com JavaScript puro ja transformado. A tag do `@babel/standalone` foi removida do HTML servido. O navegador so parseia JS nativo, que eh muito mais rapido que transpilar + executar.', '**Ganho estimado:** cold start ~60% mais rapido em PWA no iPhone. Nao mudou nada visualmente.', '**Stack mantida:** continua sendo HTML + React CDN + Firebase CDN. Soh a camada de transpilacao saiu do runtime e foi pro build. Nao tem bundler (Vite/webpack), nao tem npm em producao, nao tem TypeScript. O `build/build.mjs` tem ~60 linhas -- simples e auditavel.', '**Novo fluxo de deploy:** push pra main -> GitHub Action instala `@babel/core` + `preset-react`, roda o build, gera `dist/`, e deploya pelo action oficial do Pages. `dist/` esta no gitignore -- so o source fica versionado.', '**Pre-requisito uma vez so:** em Repo Settings -> Pages, mudar "Source" de "Deploy from a branch" para "GitHub Actions". Sem esse flip, o Pages continua servindo o index.html source antigo e essa melhoria nao tem efeito.']
  },
  en: {
    title: "Build step: precompiled JSX, much faster app (esp. iPhone)",
    bullets: ['\u2605 **Before:** the browser downloaded `@babel/standalone` (~1.5 MB) and transpiled ~450 KB of JSX every time you opened the PWA on iPhone. On an iPhone 16 Pro Max that work costs 300-700ms of cold start. In installed PWA mode (no CDN cache), this step repeated every open.', '\u2605 **Now:** JSX is precompiled before deploy via GitHub Actions. The `<script type="text/babel">` becomes a `<script>` with plain already-transformed JavaScript. The `@babel/standalone` tag is stripped from the served HTML. The browser only parses native JS, which is much faster than transpile + execute.', '**Expected gain:** cold start ~60% faster in PWA on iPhone. Nothing changed visually.', '**Stack preserved:** still HTML + React CDN + Firebase CDN. Only the transpilation layer moved out of runtime into the build. No bundler (Vite/webpack), no npm in production, no TypeScript. The `build/build.mjs` is ~60 lines -- simple and auditable.', '**New deploy flow:** push to main -> GitHub Action installs `@babel/core` + `preset-react`, runs the build, emits `dist/`, and deploys via the official Pages action. `dist/` is gitignored -- only source is versioned.', '**One-time prerequisite:** in Repo Settings -> Pages, change "Source" from "Deploy from a branch" to "GitHub Actions". Without that flip, Pages keeps serving the old source index.html and this improvement has no effect.']
  }
}, {
  v: "9.9.8",
  date: "2026-04-15",
  pt: {
    title: "Fixes: despertares retroativos no engine + curiosity semanal uma vez so",
    bullets: ['\u2605 **Engine agora conta wakings retroativas (routine-engine v2.2.0 \u2192 v2.2.1).** O `SleepBlock` do historico sempre mostrou eventos (mamadas, fraldas) que caem dentro do intervalo da bedtime como despertares -- mesmo sem voce clicar "Night Wake" explicitamente. O engine, porem, so contava as wakings explicitas. Resultado: a inbox dizia "Media 1 despertar/noite" enquanto voce via 3 na tela.', '**Agora o engine espelha a logica do SleepBlock:** qualquer evento (exceto sleep/nap/wakeup/nightwaking/growth) com timestamp dentro de `[bedStart, bedStart+durationMin]`, nao linkado explicitamente a uma waking, e contado como despertar retroativo.', '**Consequencias:** `avgPerNight` passa a refletir a realidade (sobe de ~1 pra ~2-3 no caso da Louise), `mostCommonTime` migra do "primeiro estiramento bem no inicio da noite" pro cluster real de madrugada, e `mostCommonType` fica mais confiavel por ter mais amostras.', '**`awakeMin` intencionalmente NAO muda** -- continua somando so a duracao das wakings explicitas. Evento retroativo nao sabe duracao (nao tem `durationMin`), entao nao queremos inflar o tempo "awake in sleep" com chute.', '\u2605 **Curiosity semanal agora aparece uma vez so por semana.** Antes ela repetia todo dia da semana ("Week 5 · Crying at its peak" por 7 dias seguidos, chato). Agora mostra apenas no dia em que o bebe transiciona pra nova semana (`totalDays % 7 === 0`) -- day 35 (Week 5), day 42 (Week 6), day 49 (Week 7), etc.', 'Curiosities **diarias** (days 1-30) seguem iguais: uma por dia, 30 dias seguidos. Mudanca eh so no bloco semanal.']
  },
  en: {
    title: "Fixes: retroactive wakings in engine + weekly curiosity shows once only",
    bullets: ['\u2605 **Engine now counts retroactive wakings (routine-engine v2.2.0 \u2192 v2.2.1).** The history `SleepBlock` has always shown events (bottles, diapers) that fall inside a bedtime window as wakings -- even when you never pressed "Night Wake" explicitly. The engine, however, only counted explicit wakings. Result: inbox said "Avg 1 waking/night" while you saw 3 on screen.', '**The engine now mirrors the SleepBlock logic:** any event (except sleep/nap/wakeup/nightwaking/growth) with a timestamp inside `[bedStart, bedStart+durationMin]`, not explicitly linked to a waking, counts as a retroactive waking.', '**Effects:** `avgPerNight` now reflects reality (goes from ~1 up to ~2-3 for Louise), `mostCommonTime` shifts from "first stir right at the start of the night" to the real overnight cluster, and `mostCommonType` becomes more reliable with more samples.', '**`awakeMin` intentionally does NOT change** -- still only sums the duration of explicit wakings. Retroactive events have no duration (no `durationMin`), so we avoid inflating "awake in sleep" time with guesses.', '\u2605 **Weekly curiosity now shows once per week.** Before, it repeated every day of the week ("Week 5 · Crying at its peak" for 7 days straight, annoying). Now it only shows on the day the baby transitions into the new week (`totalDays % 7 === 0`) -- day 35 (Week 5), day 42 (Week 6), day 49 (Week 7), etc.', '**Daily** curiosities (days 1-30) unchanged: one per day, 30 days in a row. Change is only in the weekly block.']
  }
}, {
  v: "9.9.7",
  date: "2026-04-15",
  pt: {
    title: "Repositorio reorganizado em estrutura profissional",
    bullets: ['\u2605 **Arquivos JS auxiliares agrupados em `js/`** e **icones em `assets/icons/`** -- antes tudo era flat na raiz do repo, dificil de navegar no GitHub. Historico preservado via `git mv`.', '**Sem mudanca de comportamento.** Todos os 11 paths afetados foram atualizados na mesma commit: 6 `<script src>` no index.html, 1 apple-touch-icon, 2 icones no manifest.json, 2 no sw.js, 2 no firebase-messaging-sw.js.', '**Service workers e manifest NAO foram movidos** -- continuam no root. Motivo: `sw.js` e `firebase-messaging-sw.js` tem scope/path fixo obrigatorio (mover quebraria notificacoes push); `manifest.json` fica no root por convencao PWA.', 'Nova arvore:\n```\nindex.html\nmanifest.json\nsw.js\nfirebase-messaging-sw.js\nREADME.md\njs/\n  curiosities.js, routine-engine.js, who-growth.js,\n  splash-icon.js, wake-lock.js, device-features.js\nassets/icons/\n  icon-192.png, icon-512.png, apple-touch-icon.png\n```', '`CLAUDE.md` atualizado com a nova arvore e a regra de "nao mover SWs/manifest".']
  },
  en: {
    title: "Repository reorganized into professional structure",
    bullets: ['\u2605 **Auxiliary JS files grouped under `js/`** and **icons under `assets/icons/`** -- previously everything was flat in the repo root, hard to navigate on GitHub. History preserved via `git mv`.', '**No behavior change.** All 11 affected paths were updated in the same commit: 6 `<script src>` in index.html, 1 apple-touch-icon, 2 icons in manifest.json, 2 in sw.js, 2 in firebase-messaging-sw.js.', '**Service workers and manifest were NOT moved** -- they stay at root. Reason: `sw.js` and `firebase-messaging-sw.js` have mandatory fixed scope/path (moving would break push notifications); `manifest.json` stays at root per PWA convention.', 'New tree:\n```\nindex.html\nmanifest.json\nsw.js\nfirebase-messaging-sw.js\nREADME.md\njs/\n  curiosities.js, routine-engine.js, who-growth.js,\n  splash-icon.js, wake-lock.js, device-features.js\nassets/icons/\n  icon-192.png, icon-512.png, apple-touch-icon.png\n```', '`CLAUDE.md` updated with the new tree and the rule "do not move SWs/manifest".']
  }
}, {
  v: "9.9.6",
  date: "2026-04-15",
  pt: {
    title: "Performance iPhone: app fluido de verdade em PWA",
    bullets: ['\u2605 **iOS Safari em PWA sofre muito com `backdrop-filter` de raio alto** -- especialmente em elementos sempre visiveis como a nav bar. O custo eh quadratico no raio do blur: blur(50px) nao custa 2x um blur(25px), custa ~4x. Em iPhone 16 Pro Max com PWA instalado, blurs pesados sobre conteudo animado (timer ao vivo, ring girando) travam o compositor da GPU.', '**6 backdrop-filters reduzidos** pra raios dentro do que iOS compila rapido:', '- Sheet do "+" (a que mais abre): **50px -> 22px**', '- Main nav bar (sempre visivel): **40px -> 16px**', '- Modal (confirmacoes, changelog): **40px -> 18px**', '- Profile contextual nav: **30px -> 16px**', '- ProfilePage full-screen: **28px -> 16px**', '- NursingSidePicker: **30px -> 18px**', '**Opacidade dos fundos aumentada sutilmente** (88%/92% -> 94%/97%) pra compensar visualmente o blur menor -- o glassmorphism continua la, mas o iOS nao precisa mais queimar GPU por frame pra calcular.', 'Nada visual foi perdido de forma perceptivel. Nenhum shadow foi tocado, nenhuma animacao foi removida, nenhuma cor mudou. Soh o filter radius.', '**Medicao grosseira esperada:** scroll, abrir sheet, trocar de aba e tap feedback devem ficar visivelmente mais fluidos em PWA no iPhone.']
  },
  en: {
    title: "iPhone performance: truly fluid app in PWA mode",
    bullets: ['\u2605 **iOS Safari in PWA mode suffers badly with high-radius `backdrop-filter`** -- especially on always-visible elements like the nav bar. Cost is quadratic in blur radius: blur(50px) is not 2x a blur(25px), it is ~4x. On iPhone 16 Pro Max in installed PWA, heavy blurs over animated content (live timer, spinning ring) stall the GPU compositor.', '**6 backdrop-filters reduced** to radii iOS compiles fast:', '- "+" Sheet (most frequently opened): **50px -> 22px**', '- Main nav bar (always visible): **40px -> 16px**', '- Modal (confirmations, changelog): **40px -> 18px**', '- Profile contextual nav: **30px -> 16px**', '- ProfilePage full-screen: **28px -> 16px**', '- NursingSidePicker: **30px -> 18px**', '**Background opacity slightly increased** (88%/92% -> 94%/97%) to visually compensate for the lower blur -- glassmorphism still there, but iOS no longer needs to burn GPU per frame to compute it.', 'Nothing perceptibly visual was lost. No shadow was touched, no animation removed, no color changed. Just the filter radius.', '**Expected rough measure:** scrolling, opening sheets, switching tabs and tap feedback should feel visibly smoother in PWA on iPhone.']
  }
}, {
  v: "9.9.5",
  date: "2026-04-15",
  pt: {
    title: "Inbox mais limpa: hints de despertares em 1 card so",
    bullets: ['\u2605 **Antes uma manha com dados de despertares podia gerar 4-5 hints diferentes na inbox** -- "Media 1.3 despertares/noite", "Padrao de horario detectado", "Motivo dos despertares", "Mais despertares ultimamente" -- criando sensacao de redundancia e ate contradicao visual.', '**Agora ha 1 hint composto unico:** titulo **"Padrao das noites (N noites)"** e uma linha que agrega media + horario mais comum + motivo mais comum + tendencia (ex: *"Media 1.3 despertares/noite, mais frequente ~04:15, geralmente mamadas (67%) \u00b7 \u2191 mais que a semana passada"*). Leitura de 1 glance em vez de 4.', '**"Dormindo a noite toda" continua como hint separado** -- eh marco positivo (bebe 4+ meses com 0 despertares em 3+ noites) e merece o destaque proprio, nao perde a identidade.', '**Hint sobe pra `warn` (vermelho/laranja)** quando media \u2265 3 despertares/noite E tendencia piorando -- combo que realmente merece atencao. Senao, fica `info` (neutro).', 'Protecao contra falso-positivo de STTN em recem-nascidos (< 16 semanas) mantida: nessa idade, 0 despertares significa que nao registrou, nao que dormiu a noite toda.', '**Mudanca so no `routine-engine.js` (v2.1.0 -> v2.2.0).** API publica do engine (`getDayInsights`, `detectPattern`) nao mudou. Resto do app nao foi tocado.']
  },
  en: {
    title: "Cleaner inbox: wakings hints consolidated into 1 card",
    bullets: ['\u2605 **Before, a morning with wakings data could generate 4-5 separate hints** -- "Avg 1.3 wakings/night", "Waking pattern detected", "Waking cause pattern", "More wakings lately" -- creating a feeling of redundancy and even visual contradiction.', '**Now there is 1 single composite hint:** title **"Night pattern (N nights)"** and a line aggregating avg + most common time + most common cause + trend (e.g. *"Avg 1.3 wakings/night, usually around 04:15, mostly feeds (67%) \u00b7 \u2191 more than last week"*). 1-glance readability instead of 4.', '**"Sleeping through the night" stays as a separate hint** -- it is a positive milestone (4+ month baby with 0 wakings over 3+ nights) and deserves its own spotlight, not blended in.', '**Hint escalates to `warn` (red/orange)** when avg \u2265 3 wakings/night AND trend is worsening -- the combo that actually deserves attention. Otherwise stays `info` (neutral).', 'False-positive STTN protection for newborns (< 16 weeks) kept: at that age, 0 wakings means "not tracked", not "slept through".', '**Change is in `routine-engine.js` only (v2.1.0 -> v2.2.0).** Engine public API (`getDayInsights`, `detectPattern`) unchanged. Rest of the app was not touched.']
  }
}, {
  v: "9.9.4",
  date: "2026-04-15",
  pt: {
    title: "Nav bar minimalista (passo 2 da nav redesign)",
    bullets: ['\u2605 **Nav mais fina e limpa, estilo Instagram.** Pill flutuante ficou ~40% menor em altura, sem labels de texto, so icones. Item ativo agora eh apenas uma bolha roxa discreta atras do icone (rgba(139,124,246,0.22)) em vez do gradient + borda + shadow que existia antes. Icone ativo cresce sutilmente (20px -> 22px) e fica branco puro em vez de lilas.', '**Botao "+" no mesmo grid dos outros.** Antes era um FAB circular grande (54x54) saltando 6px pra cima do pill. Agora e um pill-button 48x44 no mesmo alinhamento visual dos outros 4 itens, mantendo o gradient roxo que identifica a acao principal. Rotaciona 45deg quando ativo (vira X) sem mais o scale(1.05) que parecia exagerado.', '\u2605 **Tap feedback instantaneo.** Todos os botoes da nav agora respondem no toque com um scale(0.88) suave via CSS `:active` (antes nao tinha feedback nenhum, parecia que nao clicava). O "+" tem scale(0.92) pra nao exagerar no botao grande. Sensacao de app nativo em vez de site.', '**Fix: tap passando pela parte de tras quando sheet aberta.** Z-index do componente `Sheet` subiu de 100 para 200, garantindo que ele cubra de verdade a nav (z:50) e qualquer outro elemento flutuante. Backdrop fica solido pra cliques, sem vazar pro conteudo abaixo.', '**Safe area melhor.** Bottom da nav agora eh `calc(14px + env(safe-area-inset-bottom))` em vez de 6px fixo -- fica elevada o suficiente no iPhone com home indicator sem cobrir o conteudo.', '**Navbar contextual do Profile (Cancelar/Salvar) NAO mudou.** Ela tem layout proprio e foi mantida intacta.']
  },
  en: {
    title: "Minimalist nav bar (nav redesign step 2)",
    bullets: ['\u2605 **Thinner, cleaner nav, Instagram style.** Floating pill is ~40% shorter, no text labels, icons only. Active item is now just a subtle purple bubble behind the icon (rgba(139,124,246,0.22)) instead of the previous gradient + border + shadow combo. Active icon grows slightly (20px -> 22px) and turns pure white instead of lilac.', '**"+" button aligned with the others.** Previously a big circular FAB (54x54) popping 6px above the pill. Now a pill-button 48x44 on the same visual baseline as the other 4 items, keeping the purple gradient that marks it as the primary action. Rotates 45deg when active (becomes X), no more scale(1.05) that looked over the top.', '\u2605 **Instant tap feedback.** Every nav button now reacts to touch with a soft scale(0.88) via CSS `:active` (before there was no feedback at all -- it felt like taps werent registering). "+" uses scale(0.92) to stay subtle on the larger button. Feels like a native app instead of a website.', '**Fix: taps bleeding through to content behind when sheet open.** `Sheet` component z-index bumped from 100 to 200, ensuring it actually covers the nav (z:50) and any other floating element. Backdrop is solid for clicks, no more leaking through to content underneath.', '**Better safe area.** Nav bottom is now `calc(14px + env(safe-area-inset-bottom))` instead of fixed 6px -- sits high enough on iPhones with home indicator without covering content.', '**Profile contextual navbar (Cancel/Save) DID NOT change.** It has its own layout and was left intact.']
  }
}, {
  v: "9.9.3",
  date: "2026-04-15",
  pt: {
    title: "Teste de workflow Claude Code",
    bullets: ["Bump vazio para validar o fluxo de deploy via Claude Code rodando local."]
  },
  en: {
    title: "Claude Code workflow test",
    bullets: ["Empty bump to validate the deploy flow via Claude Code running locally."]
  }
}, {
  v: "9.9.2",
  date: "2026-04-15",
  pt: {
    title: "Swipe horizontal entre Home/Stats/History (passo 1)",
    bullets: ['\u2605 **Swipe estilo Instagram entre Home, Stats e History.** Arrasta o dedo pra esquerda ou direita em qualquer area da tela (fora dos botoes e das entries) e o conteudo segue o dedo em tempo real. Solta passando de 15% da largura ou com flick rapido (>40px com velocidade >0.4 px/ms) -- pula pra proxima aba.', '**Pre-montagem das 3 paginas:** elas ficam montadas lado-a-lado num container largo. Trocar de aba (seja por swipe ou tap) e instantaneo: o React nao destroi nem cria nada, so um translate3d no container.', '**Touch events nativos** (`onTouchStart/Move/End`) em vez de pointer events. Pointer events no iOS Safari sao pouco confiaveis sob backdrop-filter pesado. Touch events sao garantidos a 60fps pelo Safari.', '**idxRef pra evitar stale closure:** o handler de touch sempre le o valor atual do indice, mesmo durante swipes rapidos consecutivos.', '**Resistencia rubber-band nas bordas:** tentar arrastar antes de Home ou depois de History gera resistencia em vez de mover.', '**Threshold inicial de 6px** -- toques curtos em botoes seguem funcionando normal. Se o movimento inicial for mais vertical que horizontal, swipe desiste e libera scroll.', '**Profile NAO faz parte do swipe nesta versao.** Continua acessivel via tap no avatar do header (abre como overlay, igual antes). Profile entrara no swipe num passo futuro depois de validar essa base.', '**Nav bar NAO mudou nesta versao.** Continua a mesma da v9.8.2. Redesign minimalista vira em passo separado.', '**Sheet do "+" NAO mudou nesta versao.** Polimento de animacao de fechamento vira em passo separado.', 'Sob o capo: o `key={page}` que forcava remount foi removido. Animacao `pageSwitch` substituida pela transicao de translate do container (`.28s cubic-bezier(0.2,0.9,0.3,1)`).']
  },
  en: {
    title: "Horizontal swipe between Home/Stats/History (step 1)",
    bullets: ['\u2605 **Instagram-style swipe between Home, Stats and History.** Drag your finger left or right anywhere on screen (outside buttons and entries) and content follows in real time. Release past 15% of width or with quick flick (>40px with velocity >0.4 px/ms) -- jumps to next tab.', '**Pre-mounting of all 3 pages:** they stay mounted side-by-side in a wide container. Switching tabs (via swipe or tap) is instant: React does not destroy or create anything, just a translate3d on the container.', '**Native touch events** (`onTouchStart/Move/End`) instead of pointer events. Pointer events on iOS Safari are unreliable under heavy backdrop-filter. Touch events are guaranteed at 60fps by Safari.', '**idxRef to avoid stale closure:** the touch handler always reads the current index value, even during rapid consecutive swipes.', '**Rubber-band edge resistance:** trying to drag before Home or after History generates resistance instead of moving.', '**6px initial threshold** -- short button taps keep working normally. If initial movement is more vertical than horizontal, swipe gives up and releases scroll.', '**Profile is NOT part of the swipe in this version.** Still accessible via tap on header avatar (opens as overlay, same as before). Profile will join the swipe in a future step after validating this base.', '**Nav bar did NOT change in this version.** Same as v9.8.2. Minimalist redesign comes in a separate step.', '**The "+" sheet did NOT change in this version.** Closing animation polish comes in a separate step.', 'Under the hood: the `key={page}` that forced remount was removed. `pageSwitch` animation replaced with container translate transition (`.28s cubic-bezier(0.2,0.9,0.3,1)`).']
  }
}, {
  v: "9.8.2",
  date: "2026-04-15",
  pt: {
    title: "Sheet: drag de qualquer lugar + botões param de travar",
    bullets: ['★ **Puxar pra baixo agora funciona de qualquer lugar da sheet.** Antes o drag só respondia tocando exatamente em cima dos tracinhos do topo (~38px de área). Agora dá pra começar o gesto em qualquer ponto — igual iPhone nativo, Apple Music, Health, etc.', '★ **Botões deixam de travar.** Antes o drag handler capturava o pointer imediatamente no touch-down, então um toque feito no topo da sheet era "roubado" e o botão não recebia o clique. Resultado: botão parecia que travou. Agora o drag só captura o pointer depois de cruzar o limiar de 8px — toques curtos clicam normalmente.', '**Padrão iOS de gesture recognizer.** Implementado com threshold + commit explícito: enquanto o dedo se move menos de 8px, nada acontece (clique funciona); passou de 8px pra baixo, aí sim vira drag e a sheet acompanha o dedo.', '**Movimento pra cima ignorado.** Se o dedo começa subindo, o drag é descartado de cara (não tem como "rasgar" a sheet pra cima).', '**Scroll interno preservado.** Se a sheet tem conteúdo rolável e o `scrollTop > 0`, drag é cancelado — scroll ganha prioridade. Só quando tá no topo da sheet que drag pra baixo a fecha.', 'Threshold (8px), dismissal (28% da altura ou velocidade > 0.55px/ms) e animação de snap de volta preservados da v9.6.0.', 'Aplicado no componente `Sheet` genérico — cobre o sheet do "+" no Home, o sheet do AddForm e qualquer outro que use esse componente.']
  },
  en: {
    title: "Sheet: drag from anywhere + buttons stop freezing",
    bullets: ['★ **Swipe-down now works from anywhere on the sheet.** Before, drag only responded when touching exactly on the handle bar (~38px area). Now the gesture can start from any point — like native iPhone, Apple Music, Health, etc.', '★ **Buttons stop freezing.** Before, the drag handler captured the pointer immediately on touch-down, so a tap at the top of the sheet was "stolen" and the button never received the click. Result: button looked frozen. Now drag only captures the pointer after crossing the 8px threshold — short taps click normally.', '**iOS-style gesture recognizer.** Implemented with threshold + explicit commit: while the finger moves less than 8px, nothing happens (tap works); past 8px downward, drag takes over and the sheet follows the finger.', '**Upward motion ignored.** If the finger starts moving up, drag is dismissed immediately (can\'t "tear" the sheet upward).', '**Internal scroll preserved.** If the sheet has scrollable content and `scrollTop > 0`, drag is cancelled — scroll wins. Only when at the top does swipe-down close the sheet.', 'Threshold (8px), dismissal (28% of height or velocity > 0.55px/ms) and snap-back animation preserved from v9.6.0.', 'Applied to the generic `Sheet` component — covers the "+" sheet on Home, the AddForm sheet, and any other that uses the component.']
  }
}, {
  v: "9.8.1",
  date: "2026-04-13",
  pt: {
    title: "Fix: delete no live bedtime + evento retroativo no lugar errado",
    bullets: ['★ **Bug do botão de excluir no bedtime ao vivo não funcionar.** O botão de lixo dentro dos eventos aninhados (Bottle, Diaper, Medicamento) do bedtime LIVE virava no-op — nada acontecia ao clicar. Causa: a chamada do `SleepBlock` do live bedtime não estava passando os handlers `onDelete`/`onEdit` (só a do histórico passava). Fix: props passados corretamente, delete e edit dos eventos do live bedtime funcionam igual ao histórico.', '★ **Bug do evento retroativo sendo linkado ao bedtime errado.** Se você registrasse um evento com horário passado (ex: simeticona das 17:30) enquanto o Night Wake estava ativo, o app linkava o evento ao bedtime atual mesmo com o horário completamente fora do range. Resultado: simeticona de 17:30 aparecia dentro do bedtime que começou 20:47 — conceitualmente errado.', '**Fix do registro:** `addEntry` agora valida se o horário do evento (`date+time`) está dentro do range do bedtime atual antes de linkar. Se o horário for fora, o evento é registrado normalmente sem virar filho do bedtime. Tolerância de 1min pra variação de relógio.', '**Fix retroativo (dados já salvos):** o `SleepBlock` agora filtra os eventos linkados (`wakings[i].events`) pra só renderizar os que têm horário dentro do range do bedtime. Eventos com link corrompido (pré-v9.8.1) somem do bloco e aparecem no "Today" normalmente, onde podem ser deletados.', '**Filtro do Today atualizado:** eventos com `nightWake` setado só são escondidos do Today se o horário realmente cai dentro do live bedtime. Eventos órfãos (link corrompido + horário fora) passam a aparecer no Today com acesso normal a delete/edit — antes ficavam invisíveis.', 'Nenhuma migração necessária. Os docs corrompidos no Firestore continuam com o campo `nightWake` preenchido mas são ignorados visualmente. Se você quiser limpar, basta deletar e recriar.']
  },
  en: {
    title: "Fix: delete on live bedtime + retroactive event in wrong place",
    bullets: ['★ **Delete button on live bedtime not working bug.** The trash button inside nested events (Bottle, Diaper, Medicine) of the LIVE bedtime was a no-op — nothing happened on tap. Root cause: the `SleepBlock` call for the live bedtime wasn\'t passing `onDelete`/`onEdit` handlers (only the history one did). Fix: props passed correctly, delete and edit of live bedtime events now works just like history.', '★ **Retroactive event being linked to wrong bedtime bug.** If you logged an event with a past time (e.g., simethicone from 17:30) while Night Wake was active, the app linked the event to the current bedtime even though the time was completely out of range. Result: 17:30 simethicone appearing inside a bedtime that started 20:47 — conceptually wrong.', '**Logging fix:** `addEntry` now validates the event time (`date+time`) is inside the current bedtime range before linking. If the time is outside, the event is registered normally without becoming a child of the bedtime. 1-minute clock skew tolerance.', '**Retroactive fix (already-saved data):** `SleepBlock` now filters linked events (`wakings[i].events`) to only render those with a time inside the bedtime range. Events with corrupted links (pre-v9.8.1) disappear from the block and show up in "Today" normally, where they can be deleted.', '**Today filter updated:** events with `nightWake` set are only hidden from Today if their time actually falls inside the live bedtime. Orphan events (corrupted link + time outside) now show up in Today with normal delete/edit access — before they were invisible.', 'No migration needed. Corrupted docs in Firestore keep the `nightWake` field set but are visually ignored. To clean up, just delete and recreate.']
  }
}, {
  v: "9.8.0",
  date: "2026-04-13",
  pt: {
    title: "Notificações editáveis por remédio + edit de lembretes",
    bullets: ['★ **Título e corpo customizados por notificação.** Cada lembrete de medicamento agora aceita dois campos opcionais: **título** e **corpo** da notificação que vai disparar. Assim dá pra trocar o "Lembrete" genérico por "Hora da Louisinha!" e o "Vitamina D · 2 gotas" por "Vitamina D pra nenê crescer forte. 2 gotinhas na boca".', '★ **Edit de lembretes existentes.** Antes só dava pra deletar e recriar. Agora cada item da lista tem um **botão de lápis** ao lado do X. Toca pra abrir um card de edição inline (banner roxo "Editando ...") com todos os campos editáveis: nome, dose, horário, título e corpo. Cancelar volta sem salvar, Salvar persiste.', '**Link "personalizar mensagem"** no form de "Adicionar novo" — colapsado por padrão pra não poluir o fluxo rápido. Quem só quer adicionar nome+horário vê a mesma UI de antes; quem quer personalizar clica e expande.', '**Indicador "mensagem personalizada"** aparece discretamente abaixo da dose nos items que têm texto custom salvo, com ícone de lápis em roxo.', '**Feeding reminder (mamada)** não mudou na UI — continua com toggle + intervalo. A mudança do texto da notificação (ex: "Hora da mamada · última foi 12:30, fazem 1h50") é do lado do **worker** (Cloudflare), entregue junto.', 'Os campos `titulo` e `corpo` só vão pro Firestore quando preenchidos — doc do reminder fica sem esses campos se você não personalizar. Backward compat total com lembretes antigos.', 'Itens e form de "Adicionar novo" ficam meio-opacos e não-clicáveis enquanto você estiver editando outro lembrete — pra evitar ação acidental no item errado.']
  },
  en: {
    title: "Per-reminder editable notifications + edit existing reminders",
    bullets: ['★ **Custom title and body per notification.** Each medication reminder now accepts two optional fields: notification **title** and **body**. So you can swap the generic "Reminder" for "Time for Louisinha!" and the bland "Vitamin D · 2 drops" for "Vitamin D to help our baby grow strong. 2 drops in the mouth".', '★ **Edit existing reminders.** Before you could only delete and recreate. Now each item in the list has a **pencil button** next to the X. Tap to open an inline edit card (purple banner "Editing ...") with all fields editable: name, dose, time, title and body. Cancel discards, Save persists.', '**"Customize message" link** on the "Add new" form — collapsed by default to keep the fast flow clean. Those who only want to add name+time see the same UI as before; those who want to personalize tap and expand.', '**"Custom message" indicator** appears discreetly below the dose on items that have custom text saved, with a purple pencil icon.', '**Feeding reminder** (bottle) UI is unchanged — still toggle + interval. The change in its notification text (e.g., "Time for a bottle · last was 12:30, 1h50 ago") is on the **worker** side (Cloudflare), delivered alongside.', 'The `titulo` and `corpo` fields only go to Firestore when filled — the reminder doc stays without those fields if you don\'t personalize. Full backward compat with old reminders.', 'Items and "Add new" form become semi-opaque and non-clickable while you\'re editing another reminder — to prevent accidental action on the wrong item.']
  }
}, {
  v: "9.7.0",
  date: "2026-04-13",
  pt: {
    title: "Crescimento: form unificado + vírgula + edit",
    bullets: ['★ **Vírgula aceita finalmente.** Os campos de peso, comprimento e perímetro agora aceitam **vírgula ou ponto** (ex: `53,5` ou `53.5` — ambos funcionam). Antes o input numérico do iOS rejeitava vírgula silenciosamente, o que era um saco em pt-BR.', '★ **Form unificado com data.** O form de nova medição agora tem **campo de data** no topo (default hoje) e os 3 campos de medição logo abaixo, todos opcionais. Fim da fragmentação: um cadastro = uma consulta, com os valores que você tiver.', '★ **Merge automático por data.** Se você registrar no mesmo dia que já tem medição, o app **atualiza a entry existente** em vez de criar outra. Campos preenchidos sobrescrevem silenciosamente; campos vazios mantêm o valor anterior. Aviso amarelo aparece no form quando detecta a situação.', '★ **Edit em medições antigas.** Cada linha do histórico agora é clicável (com ícone de lápis). Toca pra abrir o form no modo edit com os valores preenchidos. Pode também alterar a data da medição se registrou com data errada. Botão "Excluir" discreto no fim do form de edit.', '**Botões "+ Registrar" dos percentile cards removidos** — eram a fonte da fragmentação. Agora só existe um ponto de entrada: o botão "+ Medição" no header. Se ainda não tem nenhuma medição, os cards mostram só o placeholder, sem affordance de cadastro próprio.', 'A linha de **Nascimento** no histórico continua read-only (editável só pelo Perfil → dados de nascimento), conforme o fluxo original.', 'Validação: o botão Salvar só fica ativo quando pelo menos 1 campo está preenchido (no modo edit, também considera os valores já existentes).']
  },
  en: {
    title: "Growth: unified form + comma + edit",
    bullets: ['★ **Comma finally accepted.** The weight, length and head fields now accept **comma or dot** (e.g., `53,5` or `53.5` — both work). Before, the iOS numeric input silently rejected commas, which was painful in pt-BR.', '★ **Unified form with date.** The new measurement form now has a **date field** at the top (default today) and the 3 measurement fields below, all optional. No more fragmentation: one registration = one consultation, with whatever values you have.', '★ **Automatic date-based merge.** If you register on a day that already has a measurement, the app **updates the existing entry** instead of creating a new one. Filled fields silently overwrite; empty fields keep the previous value. A yellow notice shows up in the form when this situation is detected.', '★ **Edit on old measurements.** Each row in the history is now clickable (with a pencil icon). Tap to open the form in edit mode with values pre-filled. You can also change the date if you registered with the wrong one. Discreet "Delete" button at the bottom of the edit form.', '**"+ Register" buttons on percentile cards removed** — they were the source of fragmentation. Now there\'s a single entry point: the "+ Measurement" button in the header. If there\'s no measurement yet, cards just show a placeholder, with no local registration affordance.', 'The **Birth** row in the history remains read-only (editable only via Profile → birth data), matching the original flow.', 'Validation: the Save button is only active when at least 1 field is filled (in edit mode it also considers existing values).']
  }
}, {
  v: "9.6.18",
  date: "2026-04-12",
  pt: {
    title: "Fade do bottom removido",
    bullets: ['★ **Na v9.6.17 eu removi só o fade do topo** e mantive o do bottom achando que ficaria legal. Mas na prática ficou parecendo bug — a área logo antes da navbar ficava escurecida/transparente, dando a impressão de artefato visual, não de efeito desejado.', 'Removi o fade do bottom também. Transição Profile → navbar agora é simples e limpa, sem nenhum gradient overlay confundindo. Mercúrio continua girando no botão Home, tudo o resto da UI mantido.', '**Lição:** efeitos de fade só funcionam bem quando têm motivo claro — tipo cortar conteúdo em lista longa. Em Profile de settings, cada card tem border e margin próprios, não precisa de "melt" artificial.']
  },
  en: {
    title: "Bottom fade removed",
    bullets: ['★ **In v9.6.17 I only removed the top fade** and kept the bottom one thinking it would look nice. But in practice it looked like a bug — the area right before the navbar was darkened/transparent, giving the impression of a visual artifact, not a desired effect.', 'Removed the bottom fade too. Profile → navbar transition is now simple and clean, no gradient overlay confusing things. Mercury keeps spinning on the Home button, everything else in the UI kept.', '**Lesson:** fade effects only work well when they have a clear purpose — like cutting content in a long list. In a settings Profile, each card has its own border and margin, no need for artificial "melt".']
  }
}, {
  v: "9.6.17",
  date: "2026-04-12",
  pt: {
    title: "Fix: mercúrio congelado + fade do topo tapando título",
    bullets: ['★ **Bug do mercúrio não girando.** No iPhone, a animação do anel cromado ficava congelada — iOS Safari às vezes suspende animações CSS quando a camada tem múltiplas propriedades pesadas (gradient + box-shadow + animation no mesmo elemento). Fix: separei o glow em um elemento dedicado (box-shadow estático) e adicionei `will-change:transform` no elemento que gira, promovendo pra camada GPU. Agora roda suave no iOS.', '★ **Fade do topo tapando o título "Feeding reminder".** A barra de gradient que criava o fade superior ficava em cima do primeiro card visível, escurecendo o título. Removi completamente o fade do topo — mantive só o do bottom (que é onde realmente faz sentido, escondendo a transição com a navbar).', 'O fade do bottom continua funcionando igual: cards "derretem" ao tocar a área da navbar, visualmente limpo.']
  },
  en: {
    title: "Fix: frozen mercury + top fade covering title",
    bullets: ['★ **Mercury not spinning bug.** On iPhone, the chromed ring animation was frozen — iOS Safari sometimes suspends CSS animations when the layer has multiple heavy properties (gradient + box-shadow + animation on same element). Fix: separated the glow into a dedicated element (static box-shadow) and added `will-change:transform` on the spinning element, promoting it to GPU layer. Now runs smooth on iOS.', '★ **Top fade covering "Feeding reminder" title.** The gradient bar creating the top fade was on top of the first visible card, darkening the title. Removed the top fade completely — kept only the bottom (which is where it actually makes sense, hiding the transition to the navbar).', 'The bottom fade still works the same: cards "melt" when touching the navbar area, visually clean.']
  }
}, {
  v: "9.6.16",
  date: "2026-04-12",
  pt: {
    title: "Fix: Home vazando atrás do Profile",
    bullets: ['★ **Bug da v9.6.15.** O `mask-image` que eu apliquei no container do Profile mascarava o background também. Onde a máscara ficava transparente nas bordas, os cards da Home (Sleep 8h26m, Diapers 4, etc) vazavam por trás, ficando visíveis no fim da tela do Profile.', '**Fix:** substituído `mask-image` por **overlays de gradient** em `position:fixed` — duas barrinhas sobre o conteúdo (uma no topo, uma no bottom) que vão do background opaco a transparente. Efeito visual igual ao fade, sem mascarar o background.', 'Cards continuam "derretendo" nas bordas, mas agora sobre um fundo sólido que esconde completamente o que está por trás. Sem vazamento.']
  },
  en: {
    title: "Fix: Home bleeding through Profile",
    bullets: ['★ **v9.6.15 bug.** The `mask-image` I applied on the Profile container was masking the background too. Where the mask was transparent at the edges, Home cards (Sleep 8h26m, Diapers 4, etc) bled through, becoming visible at the end of the Profile screen.', '**Fix:** replaced `mask-image` with **gradient overlays** in `position:fixed` — two strips on top of the content (one at top, one at bottom) going from opaque background to transparent. Same visual fade effect, without masking the background.', 'Cards still "melt" at the edges, but now over a solid background that fully hides what\'s behind. No bleed-through.']
  }
}, {
  v: "9.6.15",
  date: "2026-04-12",
  pt: {
    title: "Mercúrio líquido + fade mask no Profile",
    bullets: ['★ **Botão Home com contorno de mercúrio líquido.** Anel cromado com gradient metálico (roxo/lavanda/branco) em rotação contínua de 3s ao redor do botão, com glow difuso. Efeito de mercúrio escorrendo sem fim ao redor da casinha.', '★ **Fade mask no scroll do Profile.** Conteúdo agora desvanece suavemente nas bordas superior (24px) e inferior (80px) via CSS `mask-image`, em vez de cortar chapado. Cards "derretem" ao tocar as bordas, indicando que tem mais coisa pra rolar. Padrão Apple Music / Messages.', 'Estrutura do botão: wrapper 60×60 com conic-gradient rotativo absoluto + disco escuro interno 2.5px menor que revela o anel como borda + button clicável transparente no topo. Três camadas, zero impacto nos handlers.', 'Animação `mercurySpin 3s linear infinite` (keyframe novo). Roda sempre, mesmo sem scroll. Drena pouquíssima bateria porque é transform GPU-acelerado.', 'Modo edição (Cancelar | Salvar) mantém o visual da v9.6.14 — sem mercúrio porque não cabe no design expandido.']
  },
  en: {
    title: "Liquid mercury + fade mask in Profile",
    bullets: ['★ **Home button with liquid mercury outline.** Chromed ring with metallic gradient (purple/lavender/white) in continuous 3s rotation around the button, with diffuse glow. Endlessly flowing mercury effect around the home icon.', '★ **Fade mask on Profile scroll.** Content now fades smoothly at the top (24px) and bottom (80px) edges via CSS `mask-image`, instead of flat cutoff. Cards "melt" when touching the edges, indicating there\'s more to scroll. Apple Music / Messages pattern.', 'Button structure: 60×60 wrapper with absolute rotating conic-gradient + inner dark disc 2.5px smaller revealing the ring as a border + transparent clickable button on top. Three layers, zero impact on handlers.', '`mercurySpin 3s linear infinite` animation (new keyframe). Always spinning, even without scrolling. Barely drains battery because it\'s a GPU-accelerated transform.', 'Edit mode (Cancel | Save) keeps the v9.6.14 visual — no mercury because it doesn\'t fit the expanded design.']
  }
}, {
  v: "9.6.14",
  date: "2026-04-12",
  pt: {
    title: "Nav do Profile: pill compacta + hide on scroll",
    bullets: ['★ **Botão Voltar virou uma pill redonda pequena** (50×50px) com só o ícone da casinha, centralizada. Sem texto "Back to Home" — fica discreto, não ocupa a largura inteira da tela.', '★ **Hide on scroll.** Ao rolar a página pra baixo, a pill desliza pra fora com animação suave. Ao rolar pra cima, volta. Padrão iOS nativo. No topo da página (scrollY < 40px) sempre aparece.', '**Modo edição mantém o comportamento anterior:** com edições pendentes, a navbar "Cancelar | Salvar" **não esconde ao rolar** (é crítica demais pra sumir). Sempre visível até você decidir o que fazer.', 'Transições suaves `.28s cubic-bezier` pra não ficar tremendo. Threshold de 6px pra ignorar micro-scrolls acidentais.']
  },
  en: {
    title: "Profile nav: compact pill + hide on scroll",
    bullets: ['★ **Back button is now a small round pill** (50×50px) with just the home icon, centered. No "Back to Home" text — discreet, doesn\'t take the full screen width.', '★ **Hide on scroll.** Scrolling down slides the pill out with a smooth animation. Scrolling up brings it back. Native iOS pattern. At the top of the page (scrollY < 40px) it\'s always visible.', '**Edit mode keeps the previous behavior:** with pending edits, the "Cancel | Save" navbar **does not hide on scroll** (too critical to disappear). Always visible until you decide what to do.', 'Smooth `.28s cubic-bezier` transitions to avoid jitter. 6px threshold to ignore accidental micro-scrolls.']
  }
}, {
  v: "9.6.13",
  date: "2026-04-12",
  pt: {
    title: "Toggle Haptic removido",
    bullets: ['★ **Toggle "Vibração tátil" removido do Profile.** Motivo: o iOS Safari não implementa a `navigator.vibrate()` da Web Vibration API — vibração por código de PWA/site simplesmente não existe no iPhone, é decisão da Apple. O toggle funcionava (persistia no Firestore) mas as chamadas `Haptic.medium()` viravam no-op no iOS. Melhor tirar pra não criar falsa expectativa.', 'As chamadas internas `Haptic.*()` espalhadas pelo app ficam como no-ops — não removi elas pra não mexer em centenas de lugares. Se um dia a Apple habilitar suporte, é só reativar globalmente.', 'Campo `hapticEnabled` continua indo pro Firestore como `false` pra não quebrar clientes antigos que ainda leem o campo.']
  },
  en: {
    title: "Haptic toggle removed",
    bullets: ['★ **"Haptic feedback" toggle removed from Profile.** Reason: iOS Safari doesn\'t implement `navigator.vibrate()` from the Web Vibration API — vibration from PWA/website code simply doesn\'t exist on iPhone, it\'s an Apple decision. The toggle worked (persisted to Firestore) but the `Haptic.medium()` calls became no-ops on iOS. Better to remove it than create false expectations.', 'Internal `Haptic.*()` calls scattered through the app become no-ops — I didn\'t remove them to avoid touching hundreds of places. If Apple ever enables support, it\'s just a matter of re-enabling globally.', '`hapticEnabled` field still goes to Firestore as `false` to avoid breaking older clients that still read the field.']
  }
}, {
  v: "9.6.12",
  date: "2026-04-12",
  pt: {
    title: "Intervalo de mamada no dirty state",
    bullets: ['★ **Antes**: o campo de minutos do lembrete de mamada salvava automaticamente quando você tirava o dedo do campo (onBlur). Isso tinha um problema silencioso — se você tocasse fora por acidente enquanto rolava a página, o número ficava salvo sem confirmação e a navbar nunca mostrava "Salvar".', '**Agora**: mudar o intervalo entra no mesmo sistema de dirty state dos outros campos. A navbar transiciona pra "Cancelar | Salvar" e só persiste quando você tocar Salvar. Pode cancelar e voltar pro valor anterior a qualquer momento.', 'Toggles (ativar/desativar lembrete, Keep screen on, Haptic, Idioma, Notifications) continuam salvando automaticamente ao toque — consistência total com o resto dos toggles do app.', 'Salvar agora persiste perfil **e** intervalo do feeding reminder numa única ação com haptic único.']
  },
  en: {
    title: "Feeding interval in dirty state",
    bullets: ['★ **Before**: the feeding reminder minutes field autosaved when you tapped off (onBlur). This had a silent issue — if you tapped off accidentally while scrolling, the number got saved without confirmation and the navbar never showed "Save".', '**Now**: changing the interval joins the same dirty state system as the other fields. The navbar transitions to "Cancel | Save" and only persists when you tap Save. You can cancel and go back to the previous value at any time.', 'Toggles (enable/disable reminder, Keep screen on, Haptic, Language, Notifications) keep autosaving on tap — full consistency with the rest of the app\'s toggles.', 'Save now persists profile **and** feeding reminder interval in a single action with a single haptic.']
  }
}, {
  v: "9.6.11",
  date: "2026-04-12",
  pt: {
    title: "Fix: navbar sumindo no Profile",
    bullets: ['★ **Bug da v9.6.10.** A navbar do Profile só aparecia quando havia edição pendente. Sem edições, o Profile ficava sem nenhuma navbar (bug do overlay `zIndex:210` cobrindo a navbar `zIndex:50`) e sem o botão Salvar antigo (removido). Você ficava preso no Profile sem como voltar a não ser rolando pro topo e tocando no `<`.', '**Fix:** a navbar no Profile agora aparece **sempre**. Quando não há edição, mostra um botão único "Voltar ao Home" (flutuante, estilo pill). Quando há edição, transiciona pra "Cancelar | Salvar" como na v9.6.10.', 'zIndex ajustado pra 250 pra garantir que sobreponha o overlay do Profile. Padding-bottom do Profile aumentado pra não esconder conteúdo atrás da navbar.']
  },
  en: {
    title: "Fix: navbar disappearing in Profile",
    bullets: ['★ **v9.6.10 bug.** The Profile navbar only appeared when there were pending edits. Without edits, Profile had no navbar at all (overlay `zIndex:210` covering the navbar `zIndex:50`) and no old Save button (removed). You got stuck in Profile with no way back except scrolling to the top and tapping `<`.', '**Fix:** the Profile navbar now appears **always**. With no edits, shows a single "Back to Home" button (floating pill style). With edits, transitions to "Cancel | Save" as in v9.6.10.', 'zIndex adjusted to 250 to ensure it overlays the Profile overlay. Profile padding-bottom increased to avoid hiding content behind the navbar.']
  }
}, {
  v: "9.6.10",
  date: "2026-04-12",
  pt: {
    title: "Navbar contextual no Profile",
    bullets: ['★ **Acabou a rolagem infinita pra salvar.** A navbar inferior (Home/Stats/+/History/Profile) agora transiciona pra modo "Salvar/Cancelar" assim que você muda qualquer campo de input no Profile — nome, data de nascimento, meta de ml, dados de nascimento.', '**Dirty state automático.** O app detecta quando algum campo mudou em relação ao salvo e faz a navbar trocar sozinha. Se você volta ao valor original, navbar volta ao normal.', '**Cancelar** reverte todos os campos pro valor original (com haptic). **Salvar** persiste no Firestore e volta pra navbar normal.', '**Toggles continuam autosalvando.** Keep screen on, Haptic, Idioma, Notificações, feeding reminder — todos esses não disparam o modo edição, continuam salvando no toque como antes.', '**Botão "Salvar alterações" antigo removido** do fim da página (redundante com a navbar nova). Atalho "View growth" continua lá e salva automaticamente se houver edições pendentes antes de navegar.', 'Animação `slideUp` na transição da navbar, dot âmbar pulsante no botão Salvar pra indicar edição pendente.']
  },
  en: {
    title: "Contextual navbar in Profile",
    bullets: ['★ **No more endless scrolling to save.** The bottom navbar (Home/Stats/+/History/Profile) now transitions to "Save/Cancel" mode as soon as you change any input field in Profile — name, birth date, ml goal, birth data.', '**Automatic dirty state.** The app detects when any field has changed from its saved value and swaps the navbar on its own. If you revert to the original value, navbar returns to normal.', '**Cancel** reverts all fields to their original values (with haptic). **Save** persists to Firestore and returns the navbar to normal mode.', '**Toggles keep autosaving.** Keep screen on, Haptic, Language, Notifications, feeding reminder — none of these trigger edit mode, they still save on tap as before.', '**Old "Save changes" button removed** from the bottom of the page (redundant with the new navbar). "View growth" shortcut stays there and autosaves if there are pending edits before navigating.', '`slideUp` animation on navbar transition, pulsing amber dot on the Save button to indicate pending edits.']
  }
}, {
  v: "9.6.9",
  date: "2026-04-10",
  pt: {
    title: "Fix: editor de wakings em bedtime live",
    bullets: ['★ **Bug fix.** Na v9.6.8 o editor rotulava qualquer waking fechado como "Histórico", inclusive dentro do bedtime atual (live). Ao salvar, tentava gravar em `entry.wakings` — mas o live bedtime nem existe como entry ainda, então o save não tinha efeito.', 'Agora o editor distingue 3 casos: **Ao vivo** (waking aberto, salva via `FB.saveTimer`), **Bedtime atual** (waking fechado dentro do bedtime em andamento, salva em `activeTimer.wakings[]`), **Histórico** (bedtime encerrado, salva em `entry.wakings[]`).', 'O badge no canto direito do editor agora indica corretamente qual dos 3 contextos você está editando.', 'Remover waking também passou a rotear certo (live bedtime → `activeTimer`, histórico → `entry`).']
  },
  en: {
    title: "Fix: waking editor in live bedtime",
    bullets: ['★ **Bug fix.** In v9.6.8 the editor labeled any closed waking as "History", including ones inside the current (live) bedtime. On save, it tried to write to `entry.wakings` — but the live bedtime doesn\'t exist as an entry yet, so the save had no effect.', 'Now the editor distinguishes 3 cases: **Live** (open waking, saves via `FB.saveTimer`), **Current bedtime** (closed waking inside the ongoing bedtime, saves to `activeTimer.wakings[]`), **History** (closed bedtime, saves to `entry.wakings[]`).', 'The badge in the top right of the editor now correctly indicates which of the 3 contexts you\'re editing.', 'Removing a waking also routes correctly now (live bedtime → `activeTimer`, history → `entry`).']
  }
}, {
  v: "9.6.8",
  date: "2026-04-10",
  pt: {
    title: "Editor de wakings (live e histórico)",
    bullets: ['★ **Chips dos wakings agora são tappáveis.** Resolve o caso "esqueci de tocar em voltou a dormir" — no SleepBlock (vivo ou histórico), tap no chip "☀ 00:50 · 2h29m" abre um editor inline com campos de Início e Fim.', '**Live wakings**: o campo Fim vem pré-preenchido com o horário atual (destacado em azul). Ajusta pro momento em que ela realmente voltou a dormir e toca "Encerrar" — o waking fecha retroativamente com a duração correta.', '**Histórico**: qualquer waking de qualquer bedtime passado pode ser editado (ajustar início/fim/duração) ou removido via botão de lixeira.', 'Preview de duração ao vivo conforme você digita. Se Fim < Início, botão Salvar desabilita e mostra "inválido".', 'Eventos linkados (bottle/diaper dentro do waking) ficam intactos mesmo se o waking for removido — eles não somem, só perdem o link.', 'Sync em tempo real entre os dois iPhones, como qualquer outra edição.']
  },
  en: {
    title: "Waking editor (live and history)",
    bullets: ['★ **Waking chips are now tappable.** Solves the "forgot to tap went back to sleep" case — in SleepBlock (live or history), tapping the chip "☀ 00:50 · 2h29m" opens an inline editor with Start and End fields.', '**Live wakings**: the End field is pre-filled with the current time (highlighted in blue). Adjust to when she actually went back to sleep and tap "End" — the waking closes retroactively with the correct duration.', '**History**: any waking from any past bedtime can be edited (adjust start/end/duration) or removed via trash button.', 'Live duration preview as you type. If End < Start, the Save button disables and shows "invalid".', 'Linked events (bottle/diaper inside the waking) stay intact even if the waking is removed — they don\'t disappear, just lose the link.', 'Real-time sync between both iPhones, like any other edit.']
  }
}, {
  v: "9.6.7",
  date: "2026-04-10",
  pt: {
    title: "Lembrete de mamada (push após intervalo)",
    bullets: ['★ **Novo card no Profile: "Lembrete de mamada".** Push notification dispara quando passar o intervalo configurado desde a última mamadeira registrada. Default: **290 minutos (4h50)**.', '★ **Só dispara entre 07:00 e 22:00.** À noite o app fica em silêncio — vocês confiam no choro da Louise pra acordar, sem o app interferindo na rotina de sono.', '**Dispara uma vez por mamada.** Quando o push é enviado, o worker marca o `entryId` da mamadeira de referência. Não dispara de novo até que uma mamadeira nova seja registrada (que reseta o contador).', '**Amamentação não conta** como reset — só mamadeiras (`bottle`). Decisão proposital pra que o intervalo conte só o que é mensurável em ml.', 'Card no Profile fica logo abaixo do "Lembretes de medicamento", com o mesmo vocabulário visual. Toggle pra ativar/desativar + campo único de minutos com conversão ao vivo (`290 → 4h 50min`).', 'Schema novo no Firestore: `config/reminders/items/{id}` com `tipo:"feedingInterval"`. Os lembretes de medicamento existentes (sem campo `tipo` ou com `tipo:"scheduled"`) continuam funcionando exatamente como antes — backward compat total.', '**Worker `louise-pro-fcm` atualizado.** Nova função que lê a última entry do tipo `bottle`, calcula minutos decorridos, valida janela diurna BRT, checa anti-spam via `lastFiredEntryId`, dispara FCM. Os lembretes de medicamento continuam sendo processados pela rota antiga sem alteração.']
  },
  en: {
    title: "Feeding reminder (push after interval)",
    bullets: ['★ **New card in Profile: "Feeding reminder".** Push notification fires when the configured interval since the last logged bottle is exceeded. Default: **290 minutes (4h50)**.', '★ **Only fires between 07:00 and 22:00.** Silent at night — you trust Louise\'s crying to wake you up, without the app interfering with the sleep routine.', '**Fires once per bottle.** When the push is sent, the worker marks the `entryId` of the reference bottle. It does not fire again until a new bottle is logged (which resets the counter).', '**Nursing does NOT count** as reset — only bottles (`bottle`). Intentional decision so the interval only counts what is measurable in ml.', 'Card sits in Profile right below "Medication reminders", with the same visual vocabulary. Toggle to enable/disable + single minutes field with live conversion (`290 → 4h 50min`).', 'New Firestore schema: `config/reminders/items/{id}` with `tipo:"feedingInterval"`. Existing medication reminders (no `tipo` field or `tipo:"scheduled"`) keep working exactly as before — full backward compat.', '**`louise-pro-fcm` Worker updated.** New function that reads the latest `bottle` entry, computes elapsed minutes, validates the BRT daytime window, checks anti-spam via `lastFiredEntryId`, fires FCM. Medication reminders keep being processed by the old route untouched.']
  }
}, {
  v: "9.6.6",
  date: "2026-04-10",
  pt: {
    title: "Calibração das âncoras do Ring (meio-termo)",
    bullets: ['★ **Ajuste fino das âncoras sol e lua do Ring.** A v9.6.5 exagerou no reforço (disco 44px, ícone 20px, borda 72%, glow duplo 24+48px) — o print mostrou que elas dominavam visualmente e a lua ficava tapando o dot de mamadeira na posição 20:30 (inverso do bug original).', '**Valores aplicados (meio-termo entre v9.6.4 que sumia e v9.6.5 que dominava):**', '• Disco: 44px → **40px** (volta ao original)', '• Ícone: 20px → **18px** (volta ao original)', '• Borda: `rgba(cor,0.72)` → **`rgba(cor,0.55)`** (entre o 0.35 original e o 0.72 da v9.6.5)', '• Fundo radial: 42% → **28%** centro, 14% → **8%** borda', '• Glow: duplo 24+48px → **simples 18px 30%** (entre o 16px/15% original e o duplo da v9.6.5)', '• Inset highlight: **removido** (era adição da v9.6.5, dava peso a mais)', '• Label: 10px peso 800 `#c4b5fd`/`#fde68a` → **9px peso 700 `#a78bfa`/`#fbbf24`** (volta ao original)', '★ **`zIndex:5` mantido nas duas âncoras** — essa foi a parte **estrutural** do fix, não cosmética. Sem ela a lua some atrás do dot de mamadeira no mesmo horário, e esse era o bug original do print da v9.6.4. Só as propriedades visuais voltaram ao peso correto.', 'Nada mais tocado. Ícone `bed` nos contextos de registro continua igual à v9.6.5.']
  },
  en: {
    title: "Ring anchors calibration (middle ground)",
    bullets: ['★ **Fine-tuning of sun and moon Ring anchors.** v9.6.5 overdid the reinforcement (disc 44px, icon 20px, border 72%, double glow 24+48px) — the print showed them dominating visually and the moon covering the bottle dot at 20:30 (inverse of the original bug).', '**Applied values (middle ground between v9.6.4 that hid and v9.6.5 that dominated):**', '• Disc: 44px → **40px** (back to original)', '• Icon: 20px → **18px** (back to original)', '• Border: `rgba(color,0.72)` → **`rgba(color,0.55)`** (between original 0.35 and v9.6.5 0.72)', '• Radial background: 42% → **28%** center, 14% → **8%** edge', '• Glow: double 24+48px → **single 18px 30%** (between original 16px/15% and v9.6.5 double)', '• Inset highlight: **removed** (was a v9.6.5 addition, added extra weight)', '• Label: 10px weight 800 `#c4b5fd`/`#fde68a` → **9px weight 700 `#a78bfa`/`#fbbf24`** (back to original)', '★ **`zIndex:5` kept on both anchors** — this was the **structural** part of the fix, not cosmetic. Without it the moon hides behind the bottle dot at the same time, and that was the original v9.6.4 print bug. Only the visual properties went back to the correct weight.', 'Nothing else touched. `bed` icon in registration contexts stays the same as v9.6.5.']
  }
}, {
  v: "9.6.5",
  date: "2026-04-10",
  pt: {
    title: "Ícone bed pra sleep + âncoras do Ring reforçadas",
    bullets: ['★ **Novo ícone `bed` do Lucide** (licença ISC, a mesma do `bottle-baby`, `bath` e `ruler`). Path: `M2 4v16 M2 8h18a2 2 0 0 1 2 2v10 M2 17h20 M6 8v9`. Cabeceira à esquerda, colchão horizontal, travesseiro à esquerda. Adicionado ao componente `Icon` seguindo o padrão stroke do Feather/Lucide.', '★ **Sono/bedtime agora usa `bed` em 8 contextos de registro** (onde o ícone representa a ação concreta de registrar sono):', '• Quick button "Sono" na Home', '• EntryRow do histórico (via `TYPES.sleep.icon`)', '• Sheet orb do "+ Adicionar" (via `TYPES.sleep.icon`)', '• SleepBlock header (o card grande de bedtime expandido)', '• Centro do Ring durante timer de bedtime (ícone ao lado de "Boa noite")', '• TimerBar ativa de bedtime', '• Ícone sobre o arco ativo no Ring (live timer)', '• Card "Sono real/dia" no Stats + resumo do dia no Histórico', '★ **Moon é mantido** em 2 contextos de "marco temporal" onde o vocabulário visual de noite funciona melhor:', '• Âncora lua do Ring (marco do fim do dia — sol/lua é o par natural de ciclo diário)', '• Badge "noite" de eventos dentro do SleepBlock', '★ **Âncoras sol e lua do Ring reforçadas (Opção B do mockup).** Bug do print: a âncora lua ficava em `zIndex:1` e sumia atrás do dot de mamadeira quando os horários coincidiam. Fixes aplicados nas duas âncoras (simetria sol + lua):', '• `zIndex` de 1 → 5 (agora fica acima dos dots de evento)', '• Disco de 40px → 44px', '• Ícone de 18px → 20px', '• Borda de `rgba(cor,0.35)` → `rgba(cor,0.72)` (mais do que o dobro de presença)', '• Fundo radial de 18% → 42% (lua) e 18% → 40% (sol)', '• Glow duplo novo: `0 0 24px 45-50%` + `0 0 48px 20-22%` (antes era só `0 0 16px 15%`)', '• `0 1px 0 rgba(255,255,255,0.18) inset` pro highlight de cima', '• Label de 9px peso 700 → 10px peso 800, cor mais clara (`#c4b5fd` pra lua, `#fde68a` pro sol)', '**Nenhuma mudança de conteúdo, layout ou estrutura.** Só o ícone do sleep em contextos de registro e o reforço visual das duas âncoras.']
  },
  en: {
    title: "Bed icon for sleep + reinforced Ring anchors",
    bullets: ['★ **New `bed` icon from Lucide** (ISC license, same as `bottle-baby`, `bath` and `ruler`). Path: `M2 4v16 M2 8h18a2 2 0 0 1 2 2v10 M2 17h20 M6 8v9`. Headboard on the left, horizontal mattress, pillow on the left. Added to the `Icon` component following the Feather/Lucide stroke pattern.', '★ **Sleep/bedtime now uses `bed` in 8 registration contexts** (where the icon represents the concrete act of logging sleep):', '• "Sleep" quick button on Home', '• History EntryRow (via `TYPES.sleep.icon`)', '• "+ Add" sheet orb (via `TYPES.sleep.icon`)', '• SleepBlock header (the big expanded bedtime card)', '• Ring center during bedtime timer (icon next to "Goodnight")', '• Active bedtime TimerBar', '• Icon on top of the active arc in the Ring (live timer)', '• "Real sleep/day" card in Stats + day summary in History', '★ **Moon is kept** in 2 "temporal marker" contexts where the visual vocabulary of night works better:', '• Ring moon anchor (end-of-day marker — sun/moon is the natural pair for daily cycle)', '• "Night" badge on events inside the SleepBlock', '★ **Sun and moon Ring anchors reinforced (Option B from mockup).** Print bug: moon anchor was at `zIndex:1` and hid behind the bottle dot when times coincided. Fixes applied to both anchors (sun + moon symmetry):', '• `zIndex` from 1 → 5 (now sits above event dots)', '• Disc from 40px → 44px', '• Icon from 18px → 20px', '• Border from `rgba(color,0.35)` → `rgba(color,0.72)` (more than double presence)', '• Radial background from 18% → 42% (moon) and 18% → 40% (sun)', '• New double glow: `0 0 24px 45-50%` + `0 0 48px 20-22%` (was only `0 0 16px 15%`)', '• `0 1px 0 rgba(255,255,255,0.18) inset` for top highlight', '• Label from 9px weight 700 → 10px weight 800, lighter color (`#c4b5fd` for moon, `#fde68a` for sun)', '**No content, layout or structure changes.** Just the sleep icon in registration contexts and visual reinforcement of the two anchors.']
  }
}, {
  v: "9.6.4",
  date: "2026-04-10",
  pt: {
    title: "Tummy time no Stats (card 4x1 + gráfico próprio)",
    bullets: ['★ **Novo card pequeno "Tummy/dia"** na grid de stats do topo, ao lado de Fraldas/dia, Mamadas/dia e Sonecas/dia. Grid mudou de 3 colunas pra 4 colunas pra comportar. Mostra a média de sessões por dia (ex: `3.4`) em âmbar, com a mesma escala dos vizinhos.', '**Ajuste de tipografia:** pra caber 4 cards na linha sem quebrar no iPhone, reduzi o número principal de 26px pra 22px, label de 10px pra 9px, e padding lateral de 12px pra 8px. Os outros 3 cards (Fraldas, Mamadas, Sonecas) também foram ajustados pra ficar consistente.', '★ **Novo gráfico de tummy time** no final do Stats, logo depois do card da Simeticona. Mesma estrutura visual do card de Simeticona: header com ícone (`baby`) + título + média por dia no canto direito, barras âmbar (`linear-gradient(180deg,${T.amber},#d97706)`) com glow sutil, altura proporcional aos minutos/dia, labels de minutos em cima (ex: `12m`) quando o período é ≤14 dias.', '**Estado vazio:** se não tiver nenhum tummy time no período selecionado, mostra "Nenhum tummy time neste período" com fonte itálica (mesma mensagem de fallback do card de Simeticona).', '**Métrica escolhida:** minutos totais por dia, não número de sessões. Faz mais sentido pra tummy time porque o que importa é o tempo acumulado (diretriz AAP é 20-30min/dia até 3 meses), não quantas vezes você parou e começou. O card pequeno no topo mostra sessões/dia pra dar o outro lado da informação.', '**Cálculo:** `tumMin` por dia vem de `Math.round(tumEntries.reduce((s,e)=>s+(e.durationMin||0),0))` — aplica Math.round no total pra absorver as frações de minuto que tummy time persiste (ex: duas sessões de 4.266min viram `9min` em vez de `8.533333min`).', 'Nenhuma outra tela tocada. Home, History, Profile, Ring, AddForm, Sheet, EntryRow — tudo igual.']
  },
  en: {
    title: "Tummy time in Stats (4x1 card + its own chart)",
    bullets: ['★ **New small "Tummy/day" card** in the top stats grid, alongside Diapers/day, Feeds/day and Naps/day. Grid changed from 3 columns to 4 columns to fit. Shows average sessions per day (e.g. `3.4`) in amber, same scale as its neighbors.', '**Typography tuning:** to fit 4 cards in a row without wrapping on iPhone, I reduced the main number from 26px to 22px, label from 10px to 9px, and side padding from 12px to 8px. The other 3 cards (Diapers, Feeds, Naps) were also adjusted for consistency.', '★ **New tummy time chart** at the bottom of Stats, right after the Simeticona card. Same visual structure as the Simeticona card: header with icon (`baby`) + title + average/day on the right, amber bars (`linear-gradient(180deg,${T.amber},#d97706)`) with subtle glow, height proportional to minutes/day, minute labels on top (e.g. `12m`) when the period is ≤14 days.', '**Empty state:** if there is no tummy time in the selected period, shows "No tummy time in this period" in italic (same fallback message as the Simeticona card).', '**Metric choice:** total minutes per day, not session count. Makes more sense for tummy time because what matters is the accumulated time (AAP guideline is 20-30min/day up to 3 months), not how many times you stopped and started. The small card on top shows sessions/day to give the other side of the info.', '**Calculation:** `tumMin` per day comes from `Math.round(tumEntries.reduce((s,e)=>s+(e.durationMin||0),0))` — applies Math.round to the total to absorb the fractional minutes that tummy time persists (e.g. two sessions of 4.266min become `9min` instead of `8.533333min`).', 'No other screens touched. Home, History, Profile, Ring, AddForm, Sheet, EntryRow — everything else the same.']
  }
}, {
  v: "9.6.3",
  date: "2026-04-10",
  pt: {
    title: "Fix: tummy time no Ring vira dot (não arco) + fmtDur robusto",
    bullets: ['★ **Tummy time no Ring virou um dot, não mais um arco.** A v9.6.1 fez ele entrar como arco igual a soneca, mas o resultado ficou ruim: sessões de tummy time são curtíssimas (3-5 min = ~0.5% do dia), então o arco ficava microscópico enquanto o ícone e o label ficavam tamanho normal, sobrepondo os arcos vizinhos. Além disso apareceu um label bizarro `4.266666666666667min` no anel. Agora tummy time é um **ponto no tempo** (como mamadeira, fralda, amamentação), que é honesto — é um evento curto, não uma faixa temporal.', '★ **`fmtDur` agora arredonda valores fracionários.** A função assumia inteiros e fazia `Math.floor(m/60)` + `m%60`. Tummy time persiste duração como `Math.round(mins*60)/60` (frações de minuto pra preservar segundos), então passava 4.2666... e saía `"4.266666666666667min"`. Agora passa por `Math.round(m)` antes de dividir, então vira `"4min"` ou `"4h16m"` como esperado. Mudança pontual — é possível que outros lugares do app que chamavam `fmtDur(durationMin)` em tummytime (Stats, History summary, etc) também tivessem números estranhos, e esse fix corrige todos de uma vez.', 'O EntryRow do tummy time **continua mostrando "3min 42s"** com segundos (usa lógica própria, não o `fmtDur`), isso não foi tocado.', 'Nenhuma outra mudança. Transições, swipe, Ring center, tudo continua igual.']
  },
  en: {
    title: "Fix: tummy time becomes a dot (not arc) in Ring + robust fmtDur",
    bullets: ['★ **Tummy time in the Ring is now a dot, no longer an arc.** v9.6.1 made it render as an arc like a nap, but the result looked bad: tummy time sessions are very short (3-5 min = ~0.5% of the day), so the arc was microscopic while the icon and label were normal-sized, overlapping neighboring arcs. Plus a weird label `4.266666666666667min` was appearing. Now tummy time is a **point in time** (like bottle, diaper, nursing), which is honest — it is a short event, not a time range.', '★ **`fmtDur` now rounds fractional values.** The function assumed integers and did `Math.floor(m/60)` + `m%60`. Tummy time persists duration as `Math.round(mins*60)/60` (fractions of a minute to preserve seconds), so 4.2666... came out as `"4.266666666666667min"`. Now it goes through `Math.round(m)` before dividing, yielding `"4min"` or `"4h16m"` as expected. Pointful fix — likely other places in the app that called `fmtDur(durationMin)` on tummytime (Stats, History summary, etc) also had weird numbers, and this fix corrects all of them at once.', 'The tummy time EntryRow **still shows "3min 42s"** with seconds (uses its own logic, not `fmtDur`) — untouched.', 'No other changes. Transitions, swipe, Ring center — everything else stays the same.']
  }
}, {
  v: "9.6.2",
  date: "2026-04-09",
  pt: {
    title: "Swipe bidirecional no histórico (deletar e editar)",
    bullets: ['★ **Swipe pra esquerda agora deleta direto.** Antes você arrastava o item pra esquerda e aparecia um botão de lixo vermelho — pra deletar mesmo precisava de um segundo toque no botão. Agora não precisa mais: arrasta até **60% da largura do row**, solta, e deleta. Ou arrasta até **85%+** e ele commita sozinho sem nem precisar soltar (igual o Mail do iOS).', '★ **Swipe pra direita abre o editor.** Novo: arrastar o row da esquerda pra direita revela um overlay azul com ícone de lápis. Mesma mecânica do delete — solta acima de 60% pra abrir, ou arrasta até 85%+ pra abrir sem soltar.', '**Auto-commit em 85%:** quando você passa do segundo threshold, o row dispara haptic médio, desliza pro fim da tela em 180ms, e a ação acontece. Não precisa pensar em soltar.', '**Snap-back em <60%:** se soltar antes do primeiro threshold, o row volta pro lugar com a curva `cubic-bezier(0.22,1,0.36,1)` (mesma das outras transições do app).', '**Haptic em 3 momentos:** light quando você cruza o threshold de 60% durante o drag (avisa "se soltar agora, vai"), light de novo se voltar pra trás do threshold, e medium quando a ação efetivamente dispara.', '**Lock de eixo:** os primeiros 8px de movimento decidem se é gesto horizontal (swipe) ou vertical (scroll da lista). Se vertical dominar, o drag é abortado e o scroll funciona normal. Sem conflito.', '**Pointer events** em vez de touch events — funciona em iPhone, iPad, mouse de desktop, tudo no mesmo handler. Usa `setPointerCapture` pra que o dedo possa sair da área do row durante o drag sem perder o gesto.', '**Click guard:** se você clicar no ícone ou no nome do evento sem ter arrastado (`Math.abs(dx)<5`), continua abrindo o editor como antes. Só bloqueia o click "fantasma" que poderia disparar logo após um swipe.', 'Removidos os antigos `useState` de `swipe`/`swiping` e os handlers `onTouchStart`/`onTouchMove`/`onTouchEnd` baseados em touch events. O overlay vermelho fixo de 70px com botão tappable também sumiu — agora o overlay cresce dinamicamente acompanhando o dedo.']
  },
  en: {
    title: "Bidirectional swipe in history (delete and edit)",
    bullets: ['★ **Swipe left now deletes directly.** Before, you swiped the item left and a red trash button appeared — to actually delete you needed a second tap on the button. No more: swipe past **60% of the row width**, release, and it deletes. Or swipe past **85%+** and it commits on its own without needing to release (just like Mail on iOS).', '★ **Swipe right opens the editor.** New: dragging the row from left to right reveals a blue overlay with a pencil icon. Same mechanic as delete — release past 60% to open, or drag past 85%+ to open without releasing.', '**Auto-commit at 85%:** when you cross the second threshold, the row fires medium haptic, slides off-screen in 180ms, and the action happens. No thinking about release.', '**Snap-back below 60%:** releasing before the first threshold snaps the row back with `cubic-bezier(0.22,1,0.36,1)` (same as other app transitions).', '**Haptic in 3 moments:** light when you cross the 60% threshold during drag (warns "release now and it goes"), light again if you go back below the threshold, and medium when the action actually fires.', '**Axis lock:** the first 8px of movement decide whether it is a horizontal gesture (swipe) or vertical (list scroll). If vertical dominates, the drag is aborted and scroll works normally. No conflict.', '**Pointer events** instead of touch events — works on iPhone, iPad, desktop mouse, all on the same handler. Uses `setPointerCapture` so your finger can leave the row area during the drag without losing the gesture.', '**Click guard:** if you tap the icon or event name without dragging (`Math.abs(dx)<5`), it still opens the editor as before. Only blocks the "phantom" click that could fire right after a swipe.', 'Removed the old `useState` for `swipe`/`swiping` and the `onTouchStart`/`onTouchMove`/`onTouchEnd` handlers based on touch events. The fixed 70px red overlay with tappable button is also gone — the overlay now grows dynamically following your finger.']
  }
}, {
  v: "9.6.1",
  date: "2026-04-09",
  pt: {
    title: "Fix: tummy time no Ring + label do timer",
    bullets: ['★ **Tummy time finalizado agora aparece como arco no Ring**, igual as sonecas. Antes ele só aparecia como arco enquanto o timer estava rodando, mas sumia depois de salvar — porque o filtro `sleepEvs` do Ring incluía só `type==="nap"`. Adicionado `||e.type==="tummytime"` no filtro. A cor sai automaticamente como âmbar (vinda do `TYPES.tummytime.color`), igual ao arco vivo.', '★ **Centro do Ring durante timer de tummy time não mostra mais "Bedtime / Boa noite" em roxo.** Bug do `else` final do switch de `activeTimer.type` que capturava qualquer tipo não-tratado e caía no fallback de bedtime. Adicionado branch explícito pra `tummytime` antes do `else`, com label `"Tummy time"` e cores âmbar (`#d97706` → `#fbbf24`), matching o resto do vocabulário visual do tummy time no app.', 'Esses dois bugs eram pré-existentes (vieram lá da v9.3.0 quando tummy time foi adicionado), não tem nada a ver com as transições da v9.6.0 — só aproveitei a sessão pra corrigir agora que vocês reportaram.']
  },
  en: {
    title: "Fix: tummy time in Ring + timer label",
    bullets: ['★ **Finished tummy time now appears as an arc in the Ring**, just like naps. Before it only showed as an arc while the timer was running, but disappeared after saving — because the Ring `sleepEvs` filter only included `type==="nap"`. Added `||e.type==="tummytime"` to the filter. The color comes out as amber automatically (from `TYPES.tummytime.color`), matching the live arc.', '★ **Ring center during tummy time timer no longer shows "Bedtime / Boa noite" in purple.** Bug in the final `else` of the `activeTimer.type` switch that caught any untreated type and fell into the bedtime fallback. Added an explicit branch for `tummytime` before the `else`, with `"Tummy time"` label and amber colors (`#d97706` → `#fbbf24`), matching the rest of the tummy time visual vocabulary in the app.', 'These two bugs were pre-existing (came from v9.3.0 when tummy time was added), unrelated to the v9.6.0 transitions — I just took advantage of the session to fix them now that you reported them.']
  }
}, {
  v: "9.6.0",
  date: "2026-04-09",
  pt: {
    title: "Cross-fade entre abas + drag-to-dismiss no sheet",
    bullets: ['★ **Troca de abas com cross-fade suave.** Antes a troca entre Home, Stats, Hist. e Config era um corte seco — o conteúdo sumia e o novo aparecia instantaneamente. Agora cada aba entra com **fade + micro-slide de 6px de baixo pra cima em 400ms**, usando a curva `cubic-bezier(0.22,1,0.36,1)`. Dá uma sensação muito mais nativa, tipo trocar de tab num app da Apple.', 'Implementação: wrapper `<div key={page}>` com `animation:"pageSwitch .4s both"` envolvendo as 4 condicionais de página. O `key` muda a cada troca, React remonta o wrapper e a animação toca. Removido o `animation:"fadeIn .3s"` interno da Home que antes só cobria ela (agora o wrapper cobre todas as abas de forma uniforme).', '★ **Drag-to-dismiss no sheet do "+".** Agora dá pra fechar o sheet arrastando ele pra baixo pelo handle, em vez de precisar acertar o backdrop escuro. Muito mais natural no iPhone.', '**Como funciona:** tocar no topo do sheet (zona do handle, ~43px de altura total) e arrastar pra baixo faz o sheet acompanhar o dedo em tempo real. O backdrop escurece proporcionalmente. Soltar acima do threshold dispara o fechamento com haptic leve; soltar antes do threshold faz o sheet voltar pro lugar com a mesma curva suave da entrada.', '**Threshold de dismiss:** arrastar mais de **28% da altura do sheet** OU fazer um flick rápido pra baixo (velocidade > **0.55 px/ms**) fecha.', '**Rubber-band pra cima:** se tentar arrastar pra cima (inverso do esperado), o sheet oferece resistência e para em ~20px, matching o padrão iOS.', '**Respeita scroll interno:** se o sheet estiver com conteúdo rolável e o scroll não estiver no topo, o drag não engata — só começa quando `scrollTop === 0`, pra não conflitar com o scroll.', '**Pointer capture:** usa `setPointerCapture` no pointerdown, então mesmo que o dedo saia da área do handle durante o drag, o gesto continua respondendo até soltar.', 'Aplicado ao componente `Sheet` genérico, então **cobre todos os sheets que usam esse componente**: o sheet de "+ Adicionar" do Home e o sheet do AddForm. O `NursingSidePicker` tem implementação própria e **não foi tocado** nessa versão.', '**Nenhuma mudança de conteúdo, layout, ícone, cor ou estrutura.** Só transições e gestos.']
  },
  en: {
    title: "Tab cross-fade + drag-to-dismiss sheet",
    bullets: ['★ **Smooth cross-fade between tabs.** Tab switching (Home, Stats, Hist., Settings) used to be a hard cut — content would disappear and the new one would pop in instantly. Now each tab enters with a **fade + 6px micro-slide-up over 400ms**, using `cubic-bezier(0.22,1,0.36,1)` easing. Feels much more native, like switching tabs in an Apple app.', 'Implementation: `<div key={page}>` wrapper with `animation:"pageSwitch .4s both"` wrapping the 4 page conditionals. The `key` changes on each switch, React remounts the wrapper and the animation fires. Removed the old `animation:"fadeIn .3s"` that was only on Home (the wrapper now covers all tabs uniformly).', '★ **Drag-to-dismiss on the "+" sheet.** You can now close the sheet by dragging it down by the handle, instead of having to tap the dark backdrop. Much more natural on iPhone.', '**How it works:** touching the top area of the sheet (handle zone, ~43px tall total) and dragging down makes the sheet follow your finger in real time. The backdrop dims proportionally. Releasing past the threshold triggers dismissal with a light haptic; releasing before the threshold snaps the sheet back with the same smooth entrance curve.', '**Dismiss threshold:** dragging past **28% of the sheet height** OR a quick downward flick (velocity > **0.55 px/ms**) closes it.', '**Rubber-band upward:** if you try to drag up (the wrong direction), the sheet gives resistance and caps at ~20px, matching iOS behavior.', '**Respects inner scroll:** if the sheet has scrollable content and scroll is not at the top, the drag does not engage — it only starts when `scrollTop === 0`, to avoid conflicting with scrolling.', '**Pointer capture:** uses `setPointerCapture` on pointerdown, so even if your finger leaves the handle area during the drag, the gesture keeps responding until release.', 'Applied to the generic `Sheet` component, so it **covers every sheet that uses this component**: the "+ Add" sheet from Home and the AddForm sheet. The `NursingSidePicker` has its own implementation and was **not touched** in this version.', '**No content, layout, icon, color, or structure changes.** Transitions and gestures only.']
  }
}, {
  v: "9.5.0",
  date: "2026-04-09",
  pt: {
    title: "Escolha de lado na amamentação (nursing side picker)",
    bullets: ['★ **Novo fluxo pra iniciar amamentação.** Tocar no quick button de Amam. agora abre um **mini-sheet minimalista** pra escolher o lado manualmente — Esquerdo ou Direito — em vez de iniciar direto no lado que o sistema achava que era o próximo. O sistema errava às vezes (a Louise nem sempre alterna direitinho, um peito pode estar mais cheio, etc), então agora é a mãe que decide na hora.', '★ **Design bem enxuto:** ícone de amamentação no topo (círculo 58px com gradient azul) + 2 botões gigantes com "L" e "R" em 52px + mini-label "Esquerdo" / "Direito". Sem título extra, sem badge "sugerido", sem metadados da última mamada — só o essencial.', '★ **Animação em cascata (~800ms)** com easings profissionais:', '• Backdrop escurece com blur (400ms)', '• Sheet sobe de baixo com leve overshoot (500ms, `cubic-bezier(0.22,1.1,0.36,1)`)', '• Grab handle aparece (scaleX 0.5→1, delay 50ms)', '• Ícone entra com scale 0.6→1 elástico (delay 120ms, `cubic-bezier(0.34,1.4,0.5,1)`)', '• Botão L: scale 0.88→1 + slide up 18px (delay 220ms)', '• Botão R: mesmo movimento 80ms depois (delay 300ms)', 'Nada aparece brusco — cada elemento entra em sequência construindo a sheet por partes.', 'Tap fora da sheet ou no backdrop fecha sem iniciar. Tap em L ou R dispara haptic medium, fecha a sheet com animação reversa, e inicia o timer de nursing no lado escolhido.', 'Removido o indicador "L→" / "R→" que ficava no canto do quick button (era a dica do lado sugerido — não precisa mais já que é a mãe quem escolhe toda vez).', 'O `nextNursingSide` e `lastNursingSide` continuam sendo computados no estado global, mas não são mais usados pela quick button. Podem voltar a ser úteis no futuro se a gente quiser mostrar o último lado no próprio sheet.']
  },
  en: {
    title: "Nursing side picker (choose L/R when starting)",
    bullets: ['★ **New flow to start nursing.** Tapping the Nurse quick button now opens a **minimalist mini-sheet** to manually choose the side — Left or Right — instead of starting directly on the side the system thought was next. The system was sometimes wrong (Louise doesn\'t always alternate cleanly, one breast may be fuller, etc), so now mom decides in the moment.', '★ **Very lean design:** nursing icon on top (58px circle with blue gradient) + 2 giant buttons with "L" and "R" in 52px + mini-label "Left" / "Right". No extra title, no "suggested" badge, no last-feed metadata — just the essential.', '★ **Staged animation (~800ms)** with professional easings:', '• Backdrop darkens with blur (400ms)', '• Sheet slides up with slight overshoot (500ms, `cubic-bezier(0.22,1.1,0.36,1)`)', '• Grab handle appears (scaleX 0.5→1, 50ms delay)', '• Icon enters with elastic scale 0.6→1 (120ms delay, `cubic-bezier(0.34,1.4,0.5,1)`)', '• Left button: scale 0.88→1 + slide up 18px (220ms delay)', '• Right button: same motion 80ms later (300ms delay)', 'Nothing appears abruptly — each element enters in sequence, constructing the sheet in layers.', 'Tap outside the sheet or on the backdrop closes without starting. Tap on L or R fires medium haptic, closes the sheet with reverse animation, and starts the nursing timer on the chosen side.', 'Removed the "L→" / "R→" indicator that used to sit in the corner of the quick button (it was the hint for the suggested side — not needed anymore since mom chooses every time).', 'The `nextNursingSide` and `lastNursingSide` are still computed in global state but no longer used by the quick button. They may become useful again in the future if we want to show the last side inside the sheet itself.']
  }
}, {
  v: "9.4.0",
  date: "2026-04-09",
  pt: {
    title: "Quick buttons 2×3 + ícones Lucide + tummy time no Ring",
    bullets: ['★ **Novo layout de quick buttons: grid 2×3.** Agora o Home tem **6 atalhos** em vez de 4: Mamadeira · Amamentação · Fralda na primeira linha, Sono · Soneca · Tummy time na segunda. Os botões ficaram maiores e mais fáceis de tocar, e finalmente você tem um atalho pra fralda sem precisar abrir o Sheet (que era estranho porque fralda acontece 8-10x por dia).', '★ **Tummy time agora aparece no Ring quando ativo**, exatamente como a soneca. Arco âmbar crescendo em tempo real, ícone `baby` respirando no meio (glowBreathe), comet tip no final. Mesma linguagem visual do nap — só muda a cor (roxo → âmbar) e o ícone (cloud → baby).', '★ **3 ícones redesenhados usando a biblioteca Lucide** (licença ISC, a mesma fonte do ícone `baby` que entrou na v9.3.0):', '• **Mamadeira** — trocou o desenho tosco de frasco vertical pela versão do **Lucide Lab** (`bottle-baby`): mamadeira estilizada em diagonal, com marcas de graduação. Muito mais profissional.', '• **Banho** — trocou a banheira improvisada pela **`bath`** oficial do Lucide: tampa, torneira, perninhas e chão. Ícone reconhecível imediatamente.', '• **Régua** (crescimento) — trocou a régua diagonal simplista pela **`ruler`** oficial do Lucide: corpo retangular rotacionado 45° com tick marks visíveis.', 'Os ícones `breast` (amamentação) e `diaper` (fralda) continuam como estavam — Lucide não tem equivalentes diretos pra eles e os atuais ainda são reconhecíveis. `moon`, `sun`, `cloud`, `zap`, `thermo`, `pill` já eram estilo Feather/Lucide desde o início e continuam.', 'Modo Night Wake continua com seus 2 botões especiais (Mamadeira + Fralda) em flex row — layout e comportamento mantidos pra não atrapalhar o fluxo de madrugada.']
  },
  en: {
    title: "2×3 quick buttons + Lucide icons + tummy time in Ring",
    bullets: ['★ **New quick button layout: 2×3 grid.** Home now has **6 shortcuts** instead of 4: Bottle · Nursing · Diaper on the first row, Sleep · Nap · Tummy time on the second. Buttons are bigger and easier to tap, and you finally get a diaper shortcut without having to open the Sheet (which was weird given diapers happen 8-10x per day).', '★ **Tummy time now appears in the Ring when active**, exactly like naps. Amber arc growing in real time, `baby` icon breathing in the middle (glowBreathe), comet tip at the end. Same visual language as nap — only the color (purple → amber) and icon (cloud → baby) change.', '★ **3 icons redesigned using the Lucide library** (ISC license, same source as the `baby` icon from v9.3.0):', '• **Bottle** — replaced the clunky vertical flask drawing with the **Lucide Lab** version (`bottle-baby`): stylized diagonal baby bottle with tick marks. Much more professional.', '• **Bath** — replaced the improvised tub with the official **`bath`** from Lucide: lid, faucet, little legs, and floor. Immediately recognizable.', '• **Ruler** (growth) — replaced the oversimplified diagonal ruler with the official **`ruler`** from Lucide: rectangular body rotated 45° with visible tick marks.', 'The `breast` (nursing) and `diaper` icons are unchanged — Lucide has no direct equivalents and the current ones are still recognizable. `moon`, `sun`, `cloud`, `zap`, `thermo`, `pill` were already Feather/Lucide style from the start and remain.', 'Night Wake mode keeps its 2 special buttons (Bottle + Diaper) in flex row — layout and behavior preserved to not mess with the late-night flow.']
  }
}, {
  v: "9.3.0",
  date: "2026-04-09",
  pt: {
    title: "Tummy time + editar início de bedtime ao vivo",
    bullets: ['★ **Novo tipo: Tummy time.** Adicionado como 10º item no Sheet "+ Adicionar", cor âmbar. Form simples com data, hora e duração em minutos+segundos (formato diferente do sleep porque sessões são curtas).', '★ **Timer ao vivo de tummy time** com botão "Iniciar timer" no AddForm. Formato `mm:ss` no TimerBar ativo, mesmo vocabulário visual dos outros active timers (gradient duplo + radial highlight + sombra colorida). Wake lock ativa durante o timer pra tela não apagar enquanto você acompanha.', '★ **Ícone profissional de bebê** da biblioteca **Lucide** (open-source, licença ISC) — carinha com sorriso. Depois de várias tentativas desenhando do zero que ficavam parecendo inseto, fui buscar numa lib profissional e adaptei pro sistema de gradients do app.', '★ **Editar início de bedtime/soneca/tummy time ao vivo.** Novo botão de lápis no TimerBar ativo. Toca → abre modal com campos de data e hora pra mudar o início. Mostra preview da nova duração em tempo real. Se tiver despertares registrados (night wakings), eles **permanecem no horário real** em que aconteceram — non-destructive.', '**Proteção contra dados inválidos:** não permite mover o início pra depois do primeiro waking, nem pro futuro, nem pra mais de 30h atrás. Botão "Salvar" fica desabilitado em caso inválido, com mensagem de erro clara.', '**Novo indicador "desde HH:MM"** no TimerBar ativo — mostra o horário real de início ao lado do tempo decorrido. Facilita conferir se o bedtime começou na hora certa antes de precisar editar.', 'EntryRow do tummy time mostra a duração formatada como "3min 42s" ou "5min" (sem segundos quando é zero).']
  },
  en: {
    title: "Tummy time + edit live bedtime start",
    bullets: ['★ **New type: Tummy time.** Added as the 10th item in the "+ Add" Sheet, amber color. Simple form with date, time and duration in minutes+seconds (different format from sleep because sessions are short).', '★ **Live tummy time timer** with "Start timer" button in AddForm. `mm:ss` format in the active TimerBar, same visual vocabulary as other active timers (double gradient + radial highlight + colored shadow). Wake lock activates during the timer so the screen stays on while you watch.', '★ **Professional baby icon** from the **Lucide** library (open-source, ISC license) — smiling face. After multiple from-scratch attempts that looked like insects, I went and grabbed it from a professional lib and adapted it to the app\'s gradient system.', '★ **Edit live bedtime/nap/tummy time start.** New pencil button on the active TimerBar. Tap → opens a modal with date and time fields to change the start. Shows new duration preview in real time. If night wakings are registered, they **stay at their actual time** — non-destructive.', '**Protection against invalid data:** doesn\'t allow moving the start after the first waking, into the future, or more than 30h back. "Save" button is disabled on invalid input, with clear error message.', '**New "since HH:MM" indicator** on the active TimerBar — shows the actual start time next to the elapsed time. Makes it easy to check if bedtime started at the right time before needing to edit.', 'Tummy time EntryRow shows duration formatted as "3min 42s" or "5min" (no seconds when it\'s zero).']
  }
}, {
  v: "9.2.0",
  date: "2026-04-08",
  pt: {
    title: "Fase 3: Apple Polish completo + Heartbeat Glow no splash",
    bullets: ['★ **Última leva do Apple Polish.** Mais 11 componentes refeitos seguindo o vocabulário visual confident estabelecido nas v9.0.0 e v9.1.0. Agora o app inteiro tem polish consistente.', '★ **Splash de abertura agora pulsa como coração.** A logo (window.LOUISE_ICON, a mesma de sempre) ganhou animação **Heartbeat Glow**: 2 batidas próximas (lub-dub) a cada 1.4s, com um halo roxo respirando em ciclo separado de 2.8s atrás da logo. As estrelas, anéis sutis e a entrada com scale-up continuam — o `splashFloat` (float vertical) foi substituído pelo heartbeat.', '**Modal genérico** (changelog, sleep info, confirmações): gradient interno + radial highlight + glow roxo sutil ao redor, raio 24→26px, X button 28→32px, padding mais generoso.', '**Sheet bottom drawer**: gradient interno, raio 28→32px, handle 44×5, glow roxo. Os ícones grandes do "+ Adicionar" foram **mantidos como estavam** — eles já tinham um design elaborado de 70px com radial gradient e drop shadow colorido, melhor que tudo no resto do app.', '**InboxPanel** (notificações slide-in): bell box 36→42px com gradient duplo, title 17→19px com tracking. "HOJE · TUE 7" perde o all-caps → "Hoje · Ter 7". Items da lista ganham mesmo tratamento do EntryRow (stripe absoluto reto, gradient interno, ícone 38px com gradient duplo).', '**Bottom nav pill**: gradient vertical + blur 30px, glow roxo flutuando ao redor. Item ativo com gradient + ring + sombra colorida (era só bg flat 12% alpha). **Botão "+" central** 50→54px com gradient vertical, inset highlight branco e ring roxo translúcido ao redor.', '**Card de Reminders** (lembretes de medicamento): gradient interno, header com icon-wrap 32px gradient duplo, items com stripe colorido absoluto, time-badge com gradient, botão "Adicionar" com gradient + sombra colorida.', '**CuriosityCard** do Home: gradient + radial highlight + sombra de glow colorida, icon-wrap 32px com borda colorida, title 13→15px peso 700, body 11→12px mais legível.', '**Toast** (notificações curtas tipo "Mamadeira registrada · Desfazer"): gradient interno, raio 14→18px, padding maior, botão "Desfazer" com gradient vertical + sombra colorida.', '**TimerBar nursing** (case L/R do timer de amamentação): gradient interno + radial highlight + sombra colorida profunda, ícone 36→44px, time 18→20px com tracking -0.6, botões pause e stop com gradient + inset highlight.', '**LastFeedCard** (Home): stripe colorido absoluto, gradient interno, ícone 40→46px com gradient duplo + borda colorida, valor principal 18→20px com tracking.', '**WeeklyCard** (Home, comparação semana atual vs anterior): gradient interno + inset highlight, ícones com background gradient duplo + borda colorida, valores percentuais com tabular numerals e tracking negativo.', '**UpdateToast** (toast roxo de versão nova): radial highlight no topo, ícone 36→42px com gradient duplo + borda branca, sombras mais profundas, botão "Ver novidades" com inset shadow.']
  },
  en: {
    title: "Phase 3: Complete Apple Polish + Heartbeat Glow splash",
    bullets: ['★ **Final Apple Polish wave.** 11 more components rebuilt following the confident visual vocabulary established in v9.0.0 and v9.1.0. The entire app now has consistent polish.', '★ **Splash screen now pulses like a heart.** The logo (window.LOUISE_ICON, the same one as always) got the **Heartbeat Glow** animation: 2 close beats (lub-dub) every 1.4s, with a purple halo breathing on a separate 2.8s cycle behind the logo. Stars, subtle rings and the scale-up entry remain — `splashFloat` (vertical float) was replaced by the heartbeat.', '**Generic Modal** (changelog, sleep info, confirmations): internal gradient + radial highlight + subtle purple glow around, 24→26px radius, 28→32px X button, more generous padding.', '**Sheet bottom drawer**: internal gradient, 28→32px radius, 44×5 handle, purple glow. Big "+ Add" icons were **kept as they were** — they already had an elaborate 70px design with radial gradient and colored drop shadow, better than everything else in the app.', '**InboxPanel** (slide-in notifications): bell box 36→42px with double gradient, 17→19px title with tracking. "TODAY · TUE 7" loses all-caps → "Today · Tue 7". List items get the same treatment as EntryRow (straight absolute stripe, internal gradient, 38px icon with double gradient).', '**Bottom nav pill**: vertical gradient + blur 30px, purple glow floating around. Active item with gradient + ring + colored shadow (was just flat 12% alpha bg). **Central "+" button** 50→54px with vertical gradient, white inset highlight and translucent purple ring around.', '**Reminders card** (medication reminders): internal gradient, header with 32px double-gradient icon-wrap, items with absolute colored stripe, time-badge with gradient, "Add" button with gradient + colored shadow.', '**Home CuriosityCard**: gradient + radial highlight + colored glow shadow, 32px icon-wrap with colored border, 13→15px title weight 700, 11→12px body more readable.', '**Toast** (short notifications like "Bottle logged · Undo"): internal gradient, 14→18px radius, more padding, "Undo" button with vertical gradient + colored shadow.', '**TimerBar nursing** (L/R nursing timer case): internal gradient + radial highlight + deep colored shadow, 36→44px icon, 18→20px time with -0.6 tracking, pause and stop buttons with gradient + inset highlight.', '**Home LastFeedCard**: absolute colored stripe, internal gradient, 40→46px icon with double gradient + colored border, 18→20px main value with tracking.', '**Home WeeklyCard** (current vs previous week comparison): internal gradient + inset highlight, icons with double-gradient background + colored border, percentage values with tabular numerals and negative tracking.', '**UpdateToast** (purple toast for new version): radial highlight on top, 36→42px icon with double gradient + white border, deeper shadows, "See what\'s new" button with inset shadow.']
  }
}, {
  v: "9.1.0",
  date: "2026-04-08",
  pt: {
    title: "Apple Polish Full Sweep + fix do gráfico Simeticona",
    bullets: ['★ **Continuação do redesign Apple-style começado na v9.0.0.** Aplicado o tratamento "confident" em mais 7 componentes que ainda estavam no estilo antigo. Agora o app tem polish consistente em quase tudo.', '★ **Bug do stripe colorido reto corrigido.** Na v9.0.0 a borda esquerda dos itens da lista (verde nas mamadeiras, roxo nos sonos, etc) estava ficando torta/cortada por causa da combinação de `borderLeft` + `overflow:hidden` + `transform` do swipe-to-delete. Refeita como **div absoluto de 4px com gradient**, garantindo que a linha sempre fica reta de cima a baixo.', '★ **Bug do gráfico de Simeticona corrigido.** Os labels "2" no topo das barras estavam sendo cortados pelo `overflow:hidden` do contêiner. Removido o overflow, altura aumentada de 80→100px.', '**EntryRow** (itens da History) refeito: stripe colorido reto, background mais sólido, ícone 42px com gradient duplo, título 15px peso 600, horário 16px peso 700 com tracking -0.4 e tabular numerals.', '**SleepBlock header** com mesma técnica do stripe + ícone 50px, time-range 18px com tracking, padding generoso.', '**Card "Today" da History** com gradient interno, raio 20px, botões de navegação 38px com inset, stats com weight 600 e tabular numerals.', '**Filter pills** (All/Milk/Sleep/Diaper/Meds): padding +50%, raio 12px, todos com background sutil, ativo com gradient + glow + ring colorido.', '**Active timer** (Bedtime/Nap em andamento): gradient duplo + radial highlight + sombra colorida profunda, ícone 50px, time 26px com tracking -1px.', '**Profile toggles** (Notificações, Manter tela ligada, Vibração tátil): card maior, switches 52×32 com gradient vertical e sombra colorida, knob 24px com sombra mais marcada, separadores mais sutis.', '**InsightCards** do Home: gradient + radial highlight + ícone 42px com borda colorida, sombra colorida sutil de glow, título 15px com cor mais vibrante.']
  },
  en: {
    title: "Apple Polish Full Sweep + Simeticone chart fix",
    bullets: ['★ **Continuation of the Apple-style redesign started in v9.0.0.** Applied the "confident" treatment to 7 more components that were still in the old style. The app now has consistent polish across almost everything.', '★ **Straight colored stripe bug fixed.** In v9.0.0 the left border of list items (green on bottles, purple on sleeps, etc.) was rendering crooked/cut due to the combination of `borderLeft` + `overflow:hidden` + swipe-to-delete `transform`. Rebuilt as an **absolute 4px div with gradient**, ensuring the line always stays straight top to bottom.', '★ **Simeticone chart bug fixed.** The "2" labels on top of the bars were being cut off by the container `overflow:hidden`. Removed the overflow, height bumped from 80→100px.', '**EntryRow** (History list items) rebuilt: straight colored stripe, more solid background, 42px icon with double gradient, 15px title 600 weight, 16px time 700 weight with -0.4 tracking and tabular numerals.', '**SleepBlock header** with the same stripe technique + 50px icon, 18px time-range with tracking, generous padding.', '**History "Today" card** with internal gradient, 20px radius, 38px nav buttons with inset, stats with weight 600 and tabular numerals.', '**Filter pills** (All/Milk/Sleep/Diaper/Meds): +50% padding, 12px radius, all with subtle background, active with gradient + glow + colored ring.', '**Active timer** (Bedtime/Nap in progress): double gradient + radial highlight + deep colored shadow, 50px icon, 26px time with -1px tracking.', '**Profile toggles** (Notifications, Keep screen on, Haptic feedback): larger card, 52×32 switches with vertical gradient and colored shadow, 24px knob with more pronounced shadow, subtler separators.', '**Home InsightCards**: gradient + radial highlight + 42px icon with colored border, subtle colored glow shadow, 15px title with more vibrant color.']
  }
}, {
  v: "9.0.0",
  date: "2026-04-08",
  pt: {
    title: "MAJOR: Apple Polish · redesign sutil em todo o app",
    bullets: ['★ **Redesign visual estilo Apple aplicado em todo o app.** Seguindo o mockup "Confident" aprovado anteriormente. A identidade do Louise Pro continua a mesma (escuro, roxo, ícones SVG, starfield) — só ficou mais "premium".', '**Inputs do AddForm** ganharam padding generoso (17×18px), raio 16px, fonte 17px com peso 600 e tracking negativo, background mais claro, borda super sutil (`rgba(255,255,255,0.06)`), inset highlight no topo. Sente como app nativo iOS.', '**Labels dos campos** perderam o all-caps. Antes: "DIA · TODAY" todo em maiúsculas. Agora: "Dia · Hoje" em sentence case (mais Apple). Cor mais clara e tracking ajustado.', '**Cards de stat** (Diapers/dia, Mamadas/dia, Sonecas/dia na Stats) ganharam raio 20px, padding maior, valores 26px com tracking negativo e tabular numerals. Os números viraram protagonistas.', '**Itens de lista** (entries da History/Home) ganharam ícones 38px com borda colorida sutil, padding generoso, raio 16px, tracking negativo nos horários. Mantém o borderLeft característico.', '**Botões "Salvar"** ganharam gradient vertical (luz vinda de cima), inset highlight branco no topo, sombras de 2 camadas (próxima + profunda), raio 18px, fonte 17px. Mais "physical".', '**Tokens novos:** `T.gBSoft` (border sutil) e `T.insetTop` (inset highlight) — centralizados pra reusar e manter consistência. Não toquei no `T.gB` original (51 usos pelo app) pra não quebrar nada fora do escopo do redesign.']
  },
  en: {
    title: "MAJOR: Apple Polish · subtle redesign across the app",
    bullets: ['★ **Apple-style visual redesign applied across the entire app.** Following the "Confident" mockup approved earlier. Louise Pro\'s identity stays the same (dark, purple, SVG icons, starfield) — it just got more "premium".', '**AddForm inputs** got generous padding (17×18px), 16px radius, 17px font with 600 weight and negative tracking, lighter background, super subtle border (`rgba(255,255,255,0.06)`), inset highlight on top. Feels like a native iOS app.', '**Field labels** lost the all-caps. Before: "DAY · TODAY" all caps. Now: "Day · Today" in sentence case (more Apple). Lighter color and adjusted tracking.', '**Stat cards** (Diapers/day, Feedings/day, Naps/day in Stats) got 20px radius, more padding, 26px values with negative tracking and tabular numerals. Numbers became the protagonists.', '**List items** (History/Home entries) got 38px icons with subtle colored border, generous padding, 16px radius, negative tracking on the timestamps. Keeps the characteristic borderLeft.', '**Save buttons** got a vertical gradient (light from above), white inset highlight on top, 2-layer shadows (close + deep), 18px radius, 17px font. More "physical".', '**New tokens:** `T.gBSoft` (subtle border) and `T.insetTop` (inset highlight) — centralized to reuse and maintain consistency. Didn\'t touch the original `T.gB` (51 usages across the app) to avoid breaking anything outside the redesign scope.']
  }
}, {
  v: "8.5.11",
  date: "2026-04-08",
  pt: {
    title: "Fix definitivo dos inputs colidindo (Safari WebKit)",
    bullets: ['★ **Bug do retângulo transbordando finalmente resolvido.** A v8.5.10 aplicou `min-width:0` no Fld mas isso não foi suficiente. A causa real era que o `1fr` puro do CSS Grid no Safari WebKit tem um bug onde **paradoxalmente** força os items a respeitarem o tamanho intrínseco do conteúdo (em inputs date/time, isso é o tamanho do texto formatado tipo "8 Apr 2026").', '**Fix em 2 partes:** (1) trocar todos os `gridTemplateColumns:"1fr 1fr"` por `"minmax(0,1fr) minmax(0,1fr)"` — força as colunas a poderem encolher até zero, o que faz o Safari calcular o `fr` corretamente. (2) adicionar `WebkitAppearance:"none"` em todos os inputs do app — remove o padding interno nativo do iOS Safari que escapa do controle CSS.', 'Aplicado em **7 grids** do app: AddForm (data+hora), ProfilePage (peso/comp/cabeça do nascimento), GrowthPage (nova medição), Stats (cards de média), Home (cards de quick stats) e mais. Todos respeitam minmax(0,1fr) agora.', 'Aplicado em **3 objetos `inp`**: AddForm, ProfilePage, GrowthPage — todos os formulários do app passam pelo fix.']
  },
  en: {
    title: "Definitive fix for colliding inputs (Safari WebKit)",
    bullets: ['★ **The overflowing rectangle bug is finally fixed.** v8.5.10 applied `min-width:0` to Fld but that wasn\'t enough. The real cause was that bare `1fr` in CSS Grid on Safari WebKit has a bug where it **paradoxically** forces items to respect content intrinsic size (for date/time inputs, that\'s the size of the formatted text like "8 Apr 2026").', '**2-part fix:** (1) replace all `gridTemplateColumns:"1fr 1fr"` with `"minmax(0,1fr) minmax(0,1fr)"` — forces columns to be able to shrink to zero, which makes Safari calculate `fr` correctly. (2) add `WebkitAppearance:"none"` to all app inputs — removes the iOS Safari native internal padding that escapes CSS control.', 'Applied to **7 grids** in the app: AddForm (date+time), ProfilePage (birth weight/length/head), GrowthPage (new measurement), Stats (average cards), Home (quick stats cards) and more. All respect minmax(0,1fr) now.', 'Applied to **3 `inp` objects**: AddForm, ProfilePage, GrowthPage — all the app\'s forms go through the fix.']
  }
}, {
  v: "8.5.10",
  date: "2026-04-08",
  pt: {
    title: "Fix de inputs colidindo no AddForm + bug bilíngue do GrowthPage",
    bullets: ['★ **Bug visual no AddForm corrigido.** O retângulo do campo "Dia" estava encostando/sobrepondo o retângulo do campo "Hora" quando eles ficavam lado a lado num grid 2 colunas. Causa: inputs nativos do iOS (date/time) ignoram parcialmente o `width:100%` do contêiner e transbordam o gap.', 'Fix em 3 camadas: **(1)** componente `Fld` agora tem `min-width:0` (força grid items a respeitar o `1fr` em vez do conteúdo), **(2)** todos os inputs ganharam `box-sizing:border-box` (padding/borda dentro do width), **(3)** todos ganharam `max-width:100%` como segunda guarda contra o iOS.', 'O fix se propaga **automaticamente** pra todos os formulários do app: AddForm, ProfilePage (data de nascimento), GrowthPage (nova medição) — porque todos usam o `Fld` e o `inp` compartilhados.', '**Bonus:** corrigido bug bilíngue no botão "Save measurement" do GrowthPage — em modo EN ele mostrava "Save medição" (mistura PT+EN). Agora respeita o idioma corretamente.']
  },
  en: {
    title: "Fix for colliding inputs in AddForm + bilingual bug in GrowthPage",
    bullets: ['★ **Visual bug in AddForm fixed.** The "Day" field rectangle was touching/overlapping the "Time" field rectangle when they sat side by side in a 2-column grid. Cause: iOS native inputs (date/time) partially ignore the container `width:100%` and overflow the gap.', '3-layer fix: **(1)** the `Fld` component now has `min-width:0` (forces grid items to respect `1fr` instead of content), **(2)** all inputs got `box-sizing:border-box` (padding/border inside the width), **(3)** all got `max-width:100%` as a second guard against iOS.', 'The fix propagates **automatically** to every form in the app: AddForm, ProfilePage (birth date), GrowthPage (new measurement) — because they all use the shared `Fld` and `inp`.', '**Bonus:** fixed bilingual bug in the "Save measurement" button of GrowthPage — in EN mode it was showing "Save medição" (PT+EN mix). Now respects the language correctly.']
  }
}, {
  v: "8.5.9",
  date: "2026-04-08",
  pt: {
    title: "Bug bilíngue no formulário de adicionar evento",
    bullets: ['★ **Labels do AddForm misturavam idiomas.** O label "Dia · Today" aparecia com português + inglês juntos quando o app estava em inglês. Causa: o "Dia · " estava hard-coded em PT mas concatenava com o `dateLbl` que respeitava o idioma — gerando o mix.', 'Corrigidos também os labels do formulário de Amamentação ("Lado" e "Duração (min)") que estavam fixos em português, e o resumo "Duração: Xh Ym (próximo dia)" no modo end-time do sleep.', 'Agora todos os labels do AddForm respeitam o toggle PT/EN do Profile.']
  },
  en: {
    title: "Bilingual bug in the add-event form",
    bullets: ['★ **AddForm labels were mixing languages.** The label "Dia · Today" appeared with Portuguese + English together when the app was in English. Cause: "Dia · " was hard-coded in PT but concatenated with `dateLbl` which respected the language — generating the mix.', 'Also fixed the Nursing form labels ("Lado" and "Duração (min)") that were fixed in Portuguese, and the "Duração: Xh Ym (próximo dia)" summary in the sleep end-time mode.', 'All AddForm labels now respect the PT/EN toggle in Profile.']
  }
}, {
  v: "8.5.8",
  date: "2026-04-06",
  pt: {
    title: "Filtros específicos mostram tudo do dia (incluindo eventos da noite)",
    bullets: ['★ **Bug corrigido nos filtros da History.** Ao filtrar por Diaper, Milk ou Meds, eventos que estavam dentro de um bedtime (registrados via Night Wake) não apareciam na lista — mesmo sendo contados no resumo do card "Today". Agora quando você seleciona um filtro específico, a lista mostra **todos** os eventos daquele tipo no dia, em ordem cronológica plana.', '★ **Badge "noite" nos eventos da madrugada.** Para você não perder o contexto, eventos que aconteceram durante um bedtime agora ganham um badgezinho azul discreto com ícone de lua ao lado do título (🌙 noite). Visível só quando está num filtro específico.', 'Filtros "All" e "Sleep" continuam com o agrupamento por bedtime (o SleepBlock expansível) — porque faz sentido ver a noite como unidade quando você quer a visão geral do dia.']
  },
  en: {
    title: "Specific filters now show everything (including night events)",
    bullets: ['★ **Bug fixed in History filters.** When filtering by Diaper, Milk or Meds, events that were inside a bedtime (logged via Night Wake) weren\'t showing up in the list — even though they were counted in the "Today" card summary. Now when you pick a specific filter, the list shows **every** event of that type in the day, in flat chronological order.', '★ **"Night" badge on overnight events.** So you don\'t lose context, events that happened during a bedtime now get a subtle blue badge with a moon icon next to the title (🌙 night). Only visible when you are on a specific filter.', '"All" and "Sleep" filters still keep the bedtime grouping (the expandable SleepBlock) — because it makes sense to see the night as a unit when you want the overall view of the day.']
  }
}, {
  v: "8.5.7",
  date: "2026-04-06",
  pt: {
    title: "Quebra de fraldas wet/dirty e remoção da timeline inútil",
    bullets: ['★ **Card "Today" da History agora mostra quebra de fraldas.** Ao lado do total de ml e de sono, aparecem dois novos stats: **gota azul** (quantas fraldas tiveram xixi) e **cocô marrom** (quantas tiveram cocô). Fraldas "both" contam nos dois lados — o que faz sentido quando você pensa "quantos xixis" e "quantos cocôs" no dia.', '★ **Timeline mini removida.** Aquela barra horizontal com segmentos roxos/verdes logo abaixo dos filtros da History foi removida. Estava com bug de label (todos os horários mostravam o mesmo valor), visualmente difícil de ler e duplicava a informação que o Ring do Home já mostra bem melhor.', 'Bonus técnico: a remoção elimina o único IIFE dentro de JSX que sobrava no código, ficando 100% Babel-safe conforme a regra do projeto.']
  },
  en: {
    title: "Diaper wet/dirty breakdown and useless timeline removal",
    bullets: ['★ **History "Today" card now shows diaper breakdown.** Next to the total ml and sleep, two new stats appear: **blue droplet** (how many diapers had pee) and **brown poop** (how many had poop). "Both" diapers count on both sides — which makes sense when you think "how many pees" and "how many poops" in a day.', '★ **Mini timeline removed.** That horizontal bar with purple/green segments right below the History filters was removed. It had a label bug (all timestamps showed the same value), was visually hard to read, and duplicated info that the Home Ring already shows much better.', 'Technical bonus: removing it eliminates the last IIFE inside JSX in the codebase, making it 100% Babel-safe per the project rule.']
  }
}, {
  v: "8.5.6",
  date: "2026-04-06",
  pt: {
    title: 'Bug do "Dormindo a noite toda" e gráfico de Simeticona',
    bullets: ['★ **Bug crítico corrigido no engine de insights.** O alerta "Dormindo a noite toda" estava aparecendo pra Louise (1 mês de idade) — biologicamente impossível. A causa: o engine contava noites com sleep registrado mas **sem o tracking de Night Wake** como "0 despertares". Agora ele só conta noites onde o Night Wake foi de fato usado.', '★ **Camada extra de proteção:** o insight "Dormindo a noite toda" agora exige **idade mínima de 16 semanas** (4 meses). Antes disso, é fisiologicamente esperado que o bebê acorde pra mamar — então mesmo se o tracking mostrar zero despertares, o insight não aparece.', '**Recap da v8.5.5** (caso esteja vindo de uma versão antiga): novo card de Simeticona na aba Stats — gráfico de doses por dia em barras laranjas, com média/dia e horário da última dose no header.']
  },
  en: {
    title: 'Bug fix on "Sleeping through the night" + Simeticone chart',
    bullets: ['★ **Critical bug fix in the insight engine.** The "Sleeping through the night" hint was firing for Louise (1 month old) — biologically impossible. The cause: the engine was counting nights with sleep logged but **no Night Wake tracking** as "0 wakings". Now it only counts nights where Night Wake was actually used.', '★ **Extra safety net:** the "Sleeping through the night" insight now requires a **minimum age of 16 weeks** (4 months). Before that, it is physiologically expected for babies to wake up to feed — so even if tracking shows zero wakings, the insight stays hidden.', '**Recap from v8.5.5** (in case you are coming from an older version): new Simeticone card on the Stats tab — doses-per-day bar chart in orange, with daily average and last dose time in the header.']
  }
}, {
  v: "8.5.5",
  date: "2026-04-06",
  pt: {
    title: "Gráfico de Simeticona na aba Stats",
    bullets: ['★ **Novo card de Simeticona no fim da Stats.** Mostra o número de doses por dia em barras laranjas, igual aos cards de leite e sono. Acompanha o seletor 7d/14d/30d/all.', 'Header com 2 infos: **doses/dia** (média do período) e **última dose** (horário + tempo desde então).', 'Detecção case-insensitive — qualquer remédio cujo nome contenha "simet" entra na contagem (Simeticona, simeticona etc).', 'Empty state amigável: se não tiver nenhuma dose no período, mostra texto centralizado em vez de gráfico vazio.']
  },
  en: {
    title: "Simeticone chart on Stats tab",
    bullets: ['★ **New Simeticone card at the end of Stats.** Shows the number of doses per day as orange bars, same style as milk and sleep cards. Follows the 7d/14d/30d/all selector.', 'Header with 2 stats: **doses/day** (period average) and **last dose** (time + time-since).', 'Case-insensitive detection — any medicine whose name contains "simet" counts (Simeticona, Simeticone etc).', 'Friendly empty state: if no doses in the period, shows centered text instead of an empty chart.']
  }
}, {
  v: "8.5.4",
  date: "2026-04-06",
  pt: {
    title: "Sleep em progresso aparece no Home, History só finalizado",
    bullets: ['★ **Bedtime/nap em andamento agora aparece no Home**, no topo da lista "Hoje", como bloco ao vivo (pulsante azul, "ao vivo"). Antes só aparecia na aba History.', '★ **Aba History agora só mostra sonos finalizados.** Enquanto o sleep está rolando, ele fica reservado pro Home. Ao terminar, vira entry consolidada e aparece nos dois lugares (com Edit/lixeira).', 'Ajuste de coerência: a lista do Home também passa a esconder eventos que caem dentro de qualquer bedtime (igual a History já fazia desde a v8.5.3), pra não duplicar com o que aparece dentro do bloco.']
  },
  en: {
    title: "In-progress sleep now shows on Home, History only finalized",
    bullets: ['★ **In-progress bedtime/nap now appears on Home**, at the top of the "Today" list, as a live block (pulsing blue, "live"). Previously it only appeared in the History tab.', '★ **History tab now only shows finalized sleeps.** While the sleep is running, it stays reserved for Home. Once it ends, it becomes a consolidated entry and appears in both places (with Edit/trash).', 'Consistency tweak: the Home list also now hides events that fall inside any bedtime (matching what History already did since v8.5.3), so they do not duplicate with what shows inside the block.']
  }
}, {
  v: "8.5.3",
  date: "2026-04-06",
  pt: {
    title: "Eventos da madrugada agora ficam dentro do bedtime e podem ser editados",
    bullets: ['★ **Qualquer evento registrado durante a madrugada agora aparece dentro do bloco do bedtime** — não só mamada e fralda. Vale para remédio, temperatura, banho. A regra é: se o tipo do evento não é sleep/nap/wakeup/nightwaking/growth e o horário cai dentro do range da noite, ele entra.', '★ **Detecção retroativa.** Eventos antigos sem o link explícito (registrados antes desta versão ou cadastrados manualmente sem ativar Night Wake) também são detectados pelo horário e mostrados dentro do bloco. Não some nada — só reorganiza.', '★ **Editar e excluir eventos aninhados.** Cada item da lista "Atividade da noite" agora é tocável (abre o form de edição) e tem uma lixeirinha do lado pra excluir. Resolve o caso clássico: cadastrei fralda dupla por engano, agora consigo apagar uma.', 'Eventos que caem dentro do bedtime mas fora dos ranges dos despertares aparecem numa seção "Outros eventos" no fim do bloco — não somem, só ficam separados visualmente.']
  },
  en: {
    title: "Night events nest inside bedtime and can be edited",
    bullets: ['★ **Any event logged during the night now appears inside the bedtime block** — not just bottle and diaper. Works for medicine, temperature, bath. Rule: if the type is not sleep/nap/wakeup/nightwaking/growth and the time falls inside the night range, it nests.', '★ **Retroactive detection.** Old events without the explicit link (logged before this version or added manually without Night Wake on) are also detected by time and shown inside the block. Nothing disappears — just reorganized.', '★ **Edit and delete nested events.** Each item in the "Night activity" list is now tappable (opens the edit form) and has a small trash button to delete. Solves the classic case: logged a double diaper by mistake, can now remove one.', 'Events that fall inside the bedtime but outside any waking range appear in a "Other events" section at the end of the block — not hidden, just visually separated.']
  }
}, {
  v: "8.5.2",
  date: "2026-04-06",
  pt: {
    title: "Toggles do Profile agora salvam na hora",
    bullets: ['★ **Bug corrigido nos toggles.** Notificações, Manter tela ligada e Vibração tátil só salvavam quando você apertava o botão "Salvar" lá embaixo. Se saísse antes, o estado voltava ao reload. Agora **cada toggle persiste no Firestore na hora** — sem precisar tocar em Salvar.', 'Texto do toggle de Notificações reescrito: era "Toque para ativar quando disponível" (confuso) e "Sistema pronto — nenhuma notificação enviada ainda" (desatualizado, da época antes dos lembretes funcionarem). Agora é direto: **"Toque para ativar"** quando off, e **"Notificações ativas — cadastre lembretes abaixo"** quando on.']
  },
  en: {
    title: "Profile toggles now save instantly",
    bullets: ['★ **Toggle bug fixed.** Notifications, Keep screen on, and Haptic feedback were only saved when you tapped the Save button at the bottom. If you left before, state reverted on reload. Now **each toggle persists to Firestore immediately** — no need to tap Save.', 'Notifications toggle text rewritten: was "Tap to enable when available" (confusing) and "System ready — no notifications sent yet" (outdated, from before reminders worked). Now direct: **"Tap to enable"** when off, and **"Notifications on — add reminders below"** when on.']
  }
}, {
  v: "8.5.1",
  date: "2026-04-06",
  pt: {
    title: "Correção: sono no Home descontava errado",
    bullets: ['★ **Bug corrigido.** O card "Sono" no Home estava somando o tempo total na cama, incluindo os despertares noturnos. Agora mostra **só o sono real** (tempo na cama menos despertares), igual ao card de Stats.', 'Os Stats e o histórico de SleepBlock já estavam corretos — só o totalizador do Home tinha esse bug.']
  },
  en: {
    title: "Fix: Home sleep total counted wake time",
    bullets: ['★ **Bug fixed.** The "Sleep" card on Home was summing total time in bed, including night wakings. Now shows **real sleep only** (time in bed minus wakings), matching the Stats card.', 'Stats and SleepBlock history were already correct — only the Home totalizer had this bug.']
  }
}, {
  v: "8.5.0",
  date: "2026-04-06",
  pt: {
    title: "Lembretes de medicamento com push notification",
    bullets: ['★ **Cadastro de lembretes no Profile.** Nova seção "Lembretes de medicamento" — cadastra nome, dose e horário, salva no Firestore e sincroniza entre os dois iPhones.', '★ **Push notification de verdade no horário marcado.** Um Cloudflare Worker chamado louise-pro-fcm acorda a cada minuto, checa os lembretes e dispara FCM pros tokens cadastrados. Funciona mesmo com o app fechado (iOS 16.4+ instalado como PWA).', 'Título da notificação = nome do remédio. Corpo = "Hora de dar: [dose]".', '**Ambos os dispositivos recebem** simultaneamente — você e a esposa não dependem um do outro pra lembrar.', 'Tudo de graça: plano Spark do Firebase + Cloudflare Workers Free. Sem cartão, sem Cloud Functions.', 'Pra excluir um lembrete, toca no X ao lado dele. Pra pausar, exclui e cadastra de novo depois.']
  },
  en: {
    title: "Medication reminders with push notifications",
    bullets: ['★ **Reminder management in Profile.** New "Medication reminders" section — add name, dose, time. Saved to Firestore, syncs across both iPhones.', '★ **Real push notifications at the scheduled time.** A Cloudflare Worker named louise-pro-fcm wakes up every minute, checks reminders, fires FCM to registered tokens. Works even with the app closed (iOS 16.4+ installed as PWA).', 'Notification title = medicine name. Body = "Hora de dar: [dose]".', '**Both devices receive** simultaneously — you and your partner do not depend on each other to remember.', 'Fully free: Firebase Spark plan + Cloudflare Workers Free. No credit card, no Cloud Functions.', 'Tap the X next to a reminder to delete it. To pause, delete and re-add later.']
  }
}, {
  v: "8.4.11",
  date: "2026-04-06",
  pt: {
    title: "Ícone ativo no Ring mais discreto",
    bullets: ['★ **Indicação do último evento ficou calma.** O ícone ativo (último registrado) tinha 5 sinais visuais empilhados — tamanho aumentado, anel sólido grosso, anel tracejado giratório, glow forte e dots embaixo. Agora tem **apenas 1 anel fino externo** com uma respiração de opacidade lenta (3.5s).', 'Mesma cor accent do tipo do evento (verde pra mamada, rosa pra fralda etc), mas sem dominar a tela.', 'Tamanho **igual aos outros ícones** — sem aumento.', 'Sonecas continuam intactas (já estavam no ponto certo).']
  },
  en: {
    title: "Calmer active icon in the Ring",
    bullets: ['★ **Last event indicator turned down.** The active icon (most recent) had 5 visual signals stacked — bigger size, thick solid ring, spinning dashed ring, strong glow and dots below. Now it has **just 1 thin outer ring** with a slow opacity breath (3.5s).', 'Same accent color as the event type (green for bottle, pink for diaper, etc), but no longer dominates the screen.', '**Same size as other icons** — no enlargement.', 'Naps left untouched (they were already perfect).']
  }
}, {
  v: "8.4.10",
  date: "2026-04-06",
  pt: {
    title: "Curiosidades na inbox de notificações",
    bullets: ['★ **Curiosidade do dia agora fica na inbox** até as 23:59. Se você não vir o card no Home pela manhã, pode abrir o sininho a qualquer hora do dia e ler com calma.', 'Visual **distinguível das outras notificações**: borda lateral lavanda, fundo com gradiente sutil, label "CURIOSIDADE DO DIA" no topo e ícone de sol com glow.', 'Continua **também no Home** — o card rápido segue aparecendo no horário usual, sem mudança.', 'Reseta automaticamente à meia-noite junto com o resto da inbox.']
  },
  en: {
    title: "Curiosities in the notifications inbox",
    bullets: ['★ **Daily curiosity now lives in the inbox** until 23:59. If you miss the card on Home in the morning, you can open the bell anytime during the day and read it calmly.', 'Visually **distinguishable from other notifications**: lavender side border, subtle gradient background, "DAILY CURIOSITY" label on top and glowing sun icon.', 'Still **also appears on Home** — the quick card continues to show at the usual time, unchanged.', 'Auto-resets at midnight along with the rest of the inbox.']
  }
}, {
  v: "8.4.9",
  date: "2026-04-06",
  pt: {
    title: "Wake up automático ao parar o bedtime",
    bullets: ['★ **Wake up automático.** Quando você para o timer do bedtime, o evento "Acordou" é criado automaticamente — com o resumo de quanto a Louise dormiu na noite (sono real, descontando despertares).', 'O botão **Wake up no Ring continua existindo** como rede de segurança, mas agora é raramente necessário.', 'Se você tocar o botão Wake up por hábito logo depois de parar o bedtime, o app detecta e **não duplica** — mostra um toast "Já acordou agora há pouco".']
  },
  en: {
    title: "Auto wake up when stopping bedtime",
    bullets: ['★ **Auto wake up.** When you stop the bedtime timer, the "Woke up" event is created automatically — with the summary of how much Louise slept that night (real sleep, minus wakings).', 'The **Wake up button on the Ring still exists** as a safety net, but is rarely needed now.', 'If you tap the Wake up button out of habit right after stopping the bedtime, the app detects it and **doesn\'t duplicate** — shows a toast "Already woke up just now".']
  }
}, {
  v: "8.4.8",
  date: "2026-04-06",
  pt: {
    title: "Fix de wakings cruzando meia-noite + resumo no Wake up",
    bullets: ['★ **Bug crítico corrigido.** Quando um bedtime cruzava a meia-noite, os despertares eram **duplicados** nas duas metades, fazendo o tempo "acordada" aparecer contado em dobro nas Stats e atribuído ao dia errado.', 'A correção do **splitMidnight** atribui cada despertar à metade certa baseado no horário em que aconteceu — antes ou depois da meia-noite.', '**Rede de proteção para dados antigos:** o app detecta despertares duplicados em registros pré-v8.4.8 e corrige automaticamente na leitura, sem mexer no Firestore.', '★ **Resumo da noite no Wake up.** Quando você toca "Acordou" depois de um bedtime, o evento agora mostra **"9h57m de sono"** como detalhe — somando a noite completa (incluindo o pedaço de antes da meia-noite).']
  },
  en: {
    title: "Cross-midnight waking fix + sleep summary on Wake up",
    bullets: ['★ **Critical bug fixed.** When a bedtime crossed midnight, wakings were **duplicated** across both halves, making the "awake" time appear double in Stats and attributed to the wrong day.', 'The **splitMidnight** fix assigns each waking to the correct half based on when it actually happened — before or after midnight.', '**Safety net for old data:** the app detects duplicated wakings in pre-v8.4.8 records and corrects them automatically on read, without modifying Firestore.', '★ **Night summary on Wake up.** When you tap "Woke up" after a bedtime, the event now shows **"9h57m of sleep"** as detail — counting the complete night (including the pre-midnight portion).']
  }
}, {
  v: "8.4.7",
  date: "2026-04-06",
  pt: {
    title: "Stats: 7d agora significa 7 dias completos",
    bullets: ['★ **Coerência entre seletor e cálculo.** Quando você seleciona "7d", agora a média é exatamente dos últimos 7 dias completos — não mais 6.', 'O dia de hoje continua aparecendo no gráfico como **8ª barra de contexto** (destacada visualmente), mas não entra no cálculo da média.', 'Mesmo princípio para 14d (14 completos + hoje) e 30d (30 completos + hoje).', 'Subtítulo agora bate certinho: **"Últimos 7 dias completos"** quando você seleciona 7d.']
  },
  en: {
    title: "Stats: 7d now means 7 complete days",
    bullets: ['★ **Selector and calculation now match.** When you pick "7d", the average is exactly the last 7 complete days — no longer 6.', 'Today still shows in the chart as an **8th context bar** (visually highlighted), but doesn\'t count toward the average.', 'Same principle for 14d (14 complete + today) and 30d (30 complete + today).', 'Subtitle now matches the selector: **"Last 7 complete days"** when you pick 7d.']
  }
}, {
  v: "8.4.6",
  date: "2026-04-06",
  pt: {
    title: "Médias honestas: hoje não polui mais o cálculo",
    bullets: ['★ **Fix de cálculo de médias.** As médias do Stats agora excluem o dia atual (que ainda não terminou) — antes ele puxava as médias pra baixo de manhã e pra cima à noite, criando ilusão de tendência.', 'Hoje continua aparecendo no gráfico (com destaque visual), só não conta no cálculo da média.', 'Novo subtítulo embaixo do seletor de período: **"Últimos 6 dias completos"** — deixa transparente o que está sendo calculado.', 'Trends (comparação vs período anterior) agora comparam períodos completos com períodos completos — apples to apples.', 'Fallback inteligente: se você só tem dados de hoje (primeiros dias usando o app), a média mostra hoje mesmo, com nota "Apenas hoje · ainda em curso".']
  },
  en: {
    title: "Honest averages: today no longer skews stats",
    bullets: ['★ **Average calculation fix.** Stats averages now exclude the current day (still in progress) — it used to pull averages down in the morning and up at night, creating fake trends.', 'Today still appears in the chart (with visual highlight), it just doesn\'t count toward the average.', 'New subtitle under the period selector: **"Last 6 complete days"** — makes it transparent what\'s being calculated.', 'Trends (vs previous period) now compare complete periods to complete periods — apples to apples.', 'Smart fallback: if you only have data from today (first days using the app), the average shows today anyway, with a note "Today only · still in progress".']
  }
}, {
  v: "8.4.5",
  date: "2026-04-06",
  pt: {
    title: "Bedtime ao vivo no History",
    bullets: ['★ **Bedtime ao vivo.** Durante a noite, o History agora mostra um card "EM ANDAMENTO" no topo com o sono em curso, atualizando a cada 30 segundos.', 'Mamadas, fraldas e outros eventos registrados durante Night Wake **aparecem na hora** dentro do bloco — antes ficavam invisíveis até de manhã.', 'Despertar em curso aparece com **pill amber "ao vivo"**, despertares fechados ficam azuis.', 'Borda azul pulsante e ribbon "EM ANDAMENTO" indicam claramente que é provisório.', 'Quando o bedtime termina de manhã, o card vira o registro oficial — transição fluida sem mudança visual brusca.']
  },
  en: {
    title: "Live bedtime in History",
    bullets: ['★ **Live bedtime.** During the night, History now shows an "IN PROGRESS" card at the top with the ongoing sleep, refreshing every 30 seconds.', 'Bottles, diapers and other events logged during Night Wake **appear instantly** inside the block — they used to be invisible until morning.', 'Active waking shows with an **amber "live" pill**, closed wakings stay blue.', 'Pulsing blue border and "IN PROGRESS" ribbon clearly mark it as provisional.', 'When the bedtime ends in the morning, the card becomes the official record — smooth transition with no jarring visual change.']
  }
}, {
  v: "8.4.4",
  date: "2026-04-06",
  pt: {
    title: "Vibração e infraestrutura de notificações",
    bullets: ['★ **Vibração tátil** ao registrar eventos, iniciar e parar timers, e ativar Night Wake. Sutil mas confirma cada ação.', 'Novo toggle **Vibração** no Profile (ligado por padrão) — sua esposa pode desligar se preferir.', '**Infraestrutura de push notifications** pronta: Service Worker registrado, permissão pedível pelo Profile, token salvo no Firestore. Nenhuma notificação é enviada ainda — só preparei o terreno pra quando decidirmos o que notificar.', 'Toggle **Notificações** no Profile mostra o estado atual: instalação necessária, permissão negada, ou pronto.', 'Novos arquivos: **device-features.js** (Haptic + PushNotifs helpers) e **sw.js** (Service Worker).']
  },
  en: {
    title: "Haptics and notification infrastructure",
    bullets: ['★ **Haptic feedback** when logging events, starting and stopping timers, and toggling Night Wake. Subtle but confirms each action.', 'New **Haptic feedback** toggle in Profile (enabled by default) — your partner can turn it off if they prefer.', '**Push notification infrastructure** ready: Service Worker registered, permission requestable from Profile, token saved to Firestore. No notifications are sent yet — just laying the groundwork for when we decide what to notify.', '**Notifications** toggle in Profile shows current state: install needed, permission denied, or ready.', 'New files: **device-features.js** (Haptic + PushNotifs helpers) and **sw.js** (Service Worker).']
  }
}, {
  v: "8.4.3",
  date: "2026-04-06",
  pt: {
    title: "Changelog bilíngue e modal de novidades",
    bullets: ['★ **Changelog bilíngue.** As notas de versão agora respeitam o idioma do app — português ou inglês.', 'Novo botão **Ler novidades** no Profile abre um modal elegante com o histórico de todas as versões.', 'Badge **Novo** no botão quando há versões que você ainda não viu.', 'Toast discreto no Home aparece uma única vez após cada atualização, oferecendo abrir as novidades.']
  },
  en: {
    title: "Bilingual changelog and updates modal",
    bullets: ['★ **Bilingual changelog.** Release notes now respect the app language — Portuguese or English.', 'New **Read updates** button in Profile opens an elegant modal with full version history.', '**New** badge on the button when there are versions you haven\'t seen yet.', 'Discreet toast on Home appears once after each update, offering to open the release notes.']
  }
}, {
  v: "8.4.2",
  date: "2026-04-06",
  pt: {
    title: "Sono noturno redesenhado",
    bullets: ['★ **Sono noturno redesenhado.** O bloco do Bedtime agora tem header roxo com label SONO NOTURNO, timeline com marcas de hora e cada despertar como separador visual com os eventos aninhados.', 'Mamadeiras e fraldas de madrugada agora aparecem agrupadas sob cada despertar — antes sumiam da lista.', 'Bloco abre expandido por padrão pra você ver o resumo da noite logo de manhã.', 'Compatível com sonos antigos: sem wakings mostra apenas o header limpo.']
  },
  en: {
    title: "Night sleep redesigned",
    bullets: ['★ **Night sleep redesigned.** The Bedtime block now has a purple header with BEDTIME label, timeline with hour marks, and each waking as a visual separator with nested events.', 'Night-time bottles and diapers now appear grouped under each waking — they used to disappear from the list.', 'Block opens expanded by default so you can see the night summary first thing in the morning.', 'Backward compatible with old sleeps: without wakings it shows just the clean header.']
  }
}, {
  v: "8.4.1",
  date: "2026-04-06",
  pt: {
    title: "Estatísticas descontam wakings",
    bullets: ['★ **Estatísticas corrigidas.** Agora descontam o tempo acordada do total de sono noturno.', 'Card Sono médio mostra 3 valores: sono real (destaque roxo), tempo na cama e tempo acordada com média de wakings por noite.', 'Gráfico de barras empilhado: roxo = sono real, faixa azul fina no topo = tempo acordada.', 'Resumo do dia no Histórico e comparação semanal também usam sono real agora.']
  },
  en: {
    title: "Stats now subtract wakings",
    bullets: ['★ **Stats fixed.** They now subtract awake time from total night sleep.', 'Average Sleep card shows 3 values: real sleep (purple highlight), time in bed, and awake time with average wakings per night.', 'Stacked bar chart: purple = real sleep, thin blue band on top = awake time.', 'Day summary in History and weekly comparison also use real sleep now.']
  }
}, {
  v: "8.4.0",
  date: "2026-04-06",
  pt: {
    title: "Tela sempre acesa",
    bullets: ['★ **Wake Lock.** Durante Night Wake e amamentação, a tela do iPhone não bloqueia mais — útil quando você está com as mãos ocupadas.', 'Novo toggle **Manter tela ligada** no Profile (ligado por padrão).', 'Indicador visual sutil no Ring quando a tela está travada.', 'Falha silenciosa em iOS antigo ou modo economia de bateria.']
  },
  en: {
    title: "Keep screen awake",
    bullets: ['★ **Wake Lock.** During Night Wake and nursing, the iPhone screen no longer locks — useful when your hands are busy.', 'New **Keep screen on** toggle in Profile (enabled by default).', 'Subtle visual indicator on the Ring when the screen is locked on.', 'Silent fallback on older iOS or battery saver mode.']
  }
}, {
  v: "8.3.0",
  date: "2026-04-05",
  pt: {
    title: "Curiosidades expandidas",
    bullets: ['★ **89 curiosidades bilíngues** cobrindo do dia 1 ao mês 12, baseadas em AAP, OMS, NHS, Mayo Clinic, Harvard, CDC, Zero to Three e Stanford.', 'Nova seção semanal (semanas 5 a 52) além das diárias e mensais.', 'Curiosidades diárias (dias 1-30) reescritas com mais profundidade científica.', 'Correção: milestones mensais agora aparecem corretamente no card de curiosidades.']
  },
  en: {
    title: "Curiosities expanded",
    bullets: ['★ **89 bilingual curiosities** covering day 1 through month 12, based on AAP, WHO, NHS, Mayo Clinic, Harvard, CDC, Zero to Three, and Stanford.', 'New weekly section (weeks 5 to 52) in addition to daily and monthly.', 'Daily curiosities (days 1-30) rewritten with more scientific depth.', 'Fix: monthly milestones now appear correctly in the curiosity card.']
  }
}, {
  v: "8.2.0",
  date: "2026-04-05",
  pt: {
    title: "Refactor: arquivos separados",
    bullets: ['★ **Arquitetura modular.** Código estático extraído em 3 arquivos separados pra reduzir tamanho do index.html.', 'index.html reduzido de 220KB pra 180KB (-18%).', 'Splash icon, tabelas de crescimento OMS e curiosidades agora em arquivos dedicados.', 'Zero mudança visual ou funcional — pura reorganização.']
  },
  en: {
    title: "Refactor: separate files",
    bullets: ['★ **Modular architecture.** Static code extracted into 3 separate files to reduce index.html size.', 'index.html reduced from 220KB to 180KB (-18%).', 'Splash icon, WHO growth tables, and curiosities now in dedicated files.', 'Zero visual or functional change — pure reorganization.']
  }
}, {
  v: "8.1.3",
  date: "2026-04-05",
  pt: {
    title: "Night Wake: botões maiores",
    bullets: ['Quick buttons do modo Night Wake reduzidos pra apenas Bottle e Diaper (removido Nursing).', 'De madrugada amamentação raramente se aplica, então a interface fica mais limpa com touch targets maiores.', 'Os 2 botões agora dividem a largura total, ficando mais fáceis de acertar com olhos meio fechados.']
  },
  en: {
    title: "Night Wake: bigger buttons",
    bullets: ['Night Wake mode quick buttons reduced to only Bottle and Diaper (removed Nursing).', 'Nursing rarely applies at night, so the interface is cleaner with bigger touch targets.', 'The 2 buttons now split the full width, making them easier to tap with half-closed eyes.']
  }
}, {
  v: "8.1.2",
  date: "2026-04-05",
  pt: {
    title: "Night Wake: botão amber pulsante",
    bullets: ['Botão Night Wake (estado inativo) agora usa amber quente com pulse sutil.', 'Borda laranja saturada, glow pulsante e ícone com scale animation.', 'Estado ativo continua azul, indicando que o modo waking está ligado.', 'Muito mais visível de madrugada sem ser agressivo.']
  },
  en: {
    title: "Night Wake: pulsing amber button",
    bullets: ['Night Wake button (inactive state) now uses warm amber with subtle pulse.', 'Saturated orange border, pulsing glow, and icon scale animation.', 'Active state remains blue, indicating waking mode is on.', 'Much more visible at night without being aggressive.']
  }
}, {
  v: "8.1.1",
  date: "2026-04-05",
  pt: {
    title: "Fix spam de hints",
    bullets: ['★ **Gates de horário pra hints.** Análises noturnas (sono pela noite, wakings frequentes, etc) só aparecem das 06h-10h.', 'Balanço do dia vs recomendações da OMS só aparece depois das 22h.', 'Hints contextuais (feed overdue, bedtime approaching, bath reminder, excellent nap, diaper check) continuam aparecendo o dia todo.', 'Elimina repetição de insights fora de contexto.']
  },
  en: {
    title: "Hints spam fix",
    bullets: ['★ **Time gates for hints.** Night analyses (sleeping through, frequent wakings, etc) only appear from 6am-10am.', 'Day vs WHO recommendations balance only shows after 10pm.', 'Contextual hints (feed overdue, bedtime approaching, bath reminder, excellent nap, diaper check) keep showing throughout the day.', 'Eliminates repetition of out-of-context insights.']
  }
}, {
  v: "8.1.0",
  date: "2026-04-05",
  pt: {
    title: "Caixa de notificações",
    bullets: ['★ **Inbox de insights.** Sininho discreto no header com badge vermelho mostra hints não-lidos do engine.', 'Painel slide-in com todas as hints do dia agrupadas por tipo (good/info/warn).', 'Dedup inteligente via hintKey estável.', 'Sincroniza entre dispositivos via Firestore. Sem som, sem push — puramente visual.']
  },
  en: {
    title: "Notifications inbox",
    bullets: ['★ **Insights inbox.** Discreet bell in the header with red badge shows unread engine hints.', 'Slide-in panel with all the day\'s hints grouped by type (good/info/warn).', 'Smart dedup via stable hintKey.', 'Syncs between devices via Firestore. No sound, no push — purely visual.']
  }
}, {
  v: "8.0.0",
  date: "2026-04-05",
  pt: {
    title: "Night Wake + 9 Smart Hints",
    bullets: ['★ **Night Wake completo.** Botão toggle durante Bedtime, wakings salvos dentro do sleep, cálculo de sono real.', '9 novos Smart Hints: pre-feed, bedtime approaching, bath reminder, last feed, excellent nap, feed overdue, cluster feeding, diaper check e feed volume vs OMS.', 'Engine agora analisa frequência de wakings, cluster de horário e tendência (melhorando/piorando).', 'Memória completa da rotina pra insights cada vez mais personalizados.']
  },
  en: {
    title: "Night Wake + 9 Smart Hints",
    bullets: ['★ **Complete Night Wake.** Toggle button during Bedtime, wakings saved inside the sleep, real sleep calculation.', '9 new Smart Hints: pre-feed, bedtime approaching, bath reminder, last feed, excellent nap, feed overdue, cluster feeding, diaper check, and feed volume vs WHO.', 'Engine now analyzes waking frequency, time clustering, and trend (improving/worsening).', 'Complete routine memory for increasingly personalized insights.']
  }
}, {
  v: "earlier",
  date: "2026-04-02 → 04-04",
  pt: {
    title: "Versões anteriores (v1.0.0 → v7.0.0)",
    bullets: ['**Routine Engine v2** com 5 estados no ring (calm/opening/sweet/stretching/overdue), horário previsto, blend com WHO/AAP.', '**Ring estilo Napper**: timer ativo com dashes fluindo, último evento com glow, nav bar colada no fundo.', '**UI redesign**: header, quick buttons verticais, summary 2x2, timeline separators, profile redesign.', '**Import Baby+**, splash elegante, swipe-to-delete, curvas de crescimento OMS, percentil, histórico navegável.', '**Base**: timer ao vivo, sync Firebase, algoritmo de sono, meta ML, CSV export, undo, duplicar.']
  },
  en: {
    title: "Earlier versions (v1.0.0 → v7.0.0)",
    bullets: ['**Routine Engine v2** with 5 ring states (calm/opening/sweet/stretching/overdue), predicted time, WHO/AAP blend.', '**Napper-style Ring**: active timer with flowing dashes, last event with glow, nav bar stuck to the bottom.', '**UI redesign**: header, vertical quick buttons, 2x2 summary, timeline separators, profile redesign.', '**Baby+ import**, elegant splash, swipe-to-delete, WHO growth curves, percentile, navigable history.', '**Foundation**: live timer, Firebase sync, sleep algorithm, ML goal, CSV export, undo, duplicate.']
  }
}];
const {
  WHO_GIRLS,
  interpolateLMS,
  calcZScore,
  zToPercentile,
  getPercentile
} = window;
const uid = () => Date.now().toString(36) + Math.random().toString(36).slice(2, 7);
const todayStr = () => {
  const d = new Date();
  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
};
function nowTime() {
  const d = new Date();
  return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
}
function calcAge(b) {
  if (!b) return null;
  const p = b.split("-");
  const bi = new Date(+p[0], +p[1] - 1, +p[2]);
  const n = new Date();
  const n0 = new Date(n.getFullYear(), n.getMonth(), n.getDate());
  let m = (n0.getFullYear() - bi.getFullYear()) * 12 + n0.getMonth() - bi.getMonth(),
    d = n0.getDate() - bi.getDate();
  if (d < 0) {
    m--;
    d += new Date(n0.getFullYear(), n0.getMonth(), 0).getDate();
  }
  const totalDays = Math.floor((n0 - bi) / 864e5);
  return {
    months: Math.max(0, m),
    days: Math.max(0, d),
    totalDays,
    totalWeeks: Math.floor(totalDays / 7)
  };
}
function fmtDur(m) {
  if (!m) return "0min";
  const mi = Math.round(m);
  const h = Math.floor(mi / 60),
    r = mi % 60;
  return h > 0 ? r > 0 ? `${h}h${r}m` : `${h}h` : `${r}min`;
}
function fmtTimer(s) {
  return `${String(Math.floor(s / 60)).padStart(2, "0")}:${String(s % 60).padStart(2, "0")}`;
}
function timeSince(d, t) {
  if (!d || !t) return "";
  const diff = Math.floor((new Date() - new Date(`${d}T${t}`)) / 6e4);
  if (diff < 1) return "now";
  if (diff < 60) return `${diff}min ago`;
  const h = Math.floor(diff / 60),
    m = diff % 60;
  if (h < 24) return m > 0 ? `${h}h${m}m ago` : `${h}h ago`;
  return `${Math.floor(h / 24)}d ago`;
}
function minSince(d, t) {
  if (!d || !t) return null;
  return Math.max(0, Math.floor((new Date() - new Date(`${d}T${t}`)) / 6e4));
}
function realSleepMin(e) {
  if (!e || !e.durationMin) return 0;
  const wakings = e.wakings || [];
  if (wakings.length === 0) return e.durationMin;
  const awake = wakings.reduce((s, w) => s + (w.durationMin || 0), 0);
  return Math.max(0, e.durationMin - awake);
}
function awakeMinIn(e) {
  if (!e || !e.wakings) return 0;
  return e.wakings.reduce((s, w) => s + (w.durationMin || 0), 0);
}
function sumRealSleep(arr) {
  return arr.filter(e => (e.type === "sleep" || e.type === "nap") && e.durationMin).reduce((s, e) => s + realSleepMin(e), 0);
}
function sumAwakeInSleep(arr) {
  return arr.filter(e => e.type === "sleep").reduce((s, e) => s + awakeMinIn(e), 0);
}
function countWakings(arr) {
  return arr.filter(e => e.type === "sleep" && e.wakings).reduce((s, e) => s + e.wakings.length, 0);
}
const NIGHT_NESTED_EXCLUDED = ["sleep", "nap", "wakeup", "nightwaking", "growth"];
function findContainingBedtime(ev, allEntries) {
  if (!ev || !ev.date || !ev.time) return null;
  if (NIGHT_NESTED_EXCLUDED.includes(ev.type)) return null;
  const evMs = new Date(`${ev.date}T${ev.time}`).getTime();
  if (isNaN(evMs)) return null;
  for (const s of allEntries) {
    if (s.type !== "sleep" || !s.durationMin) continue;
    const startMs = new Date(`${s.date}T${s.time}`).getTime();
    if (isNaN(startMs)) continue;
    const endMs = startMs + s.durationMin * 60000;
    if (evMs > startMs && evMs < endMs) return s;
  }
  return null;
}
function dedupeLegacyWakings(entries) {
  if (!entries || !entries.length) return entries;
  const baseGroups = {};
  for (const e of entries) {
    if (e.type !== "sleep" || !e.wakings || !e.wakings.length) continue;
    const baseId = e.id.endsWith("_b") ? e.id.slice(0, -2) : e.id;
    if (!baseGroups[baseId]) baseGroups[baseId] = [];
    baseGroups[baseId].push(e);
  }
  const fixedById = {};
  for (const baseId in baseGroups) {
    const pair = baseGroups[baseId];
    if (pair.length !== 2) continue;
    const p1 = pair.find(e => !e.id.endsWith("_b"));
    const p2 = pair.find(e => e.id.endsWith("_b"));
    if (!p1 || !p2) continue;
    const sameWakings = p1.wakings.length === p2.wakings.length && p1.wakings.every((w, i) => w.time === p2.wakings[i].time && w.durationMin === p2.wakings[i].durationMin);
    if (!sameWakings) continue;
    const [h, m] = (p1.time || "00:00").split(":").map(Number);
    const startMin = h * 60 + m;
    const wBefore = [],
      wAfter = [];
    for (const w of p1.wakings) {
      const [wh, wm] = (w.time || "00:00").split(":").map(Number);
      if (wh * 60 + wm >= startMin) wBefore.push(w);else wAfter.push(w);
    }
    fixedById[p1.id] = {
      ...p1
    };
    fixedById[p2.id] = {
      ...p2
    };
    if (wBefore.length > 0) fixedById[p1.id].wakings = wBefore;else delete fixedById[p1.id].wakings;
    if (wAfter.length > 0) fixedById[p2.id].wakings = wAfter;else delete fixedById[p2.id].wakings;
  }
  return entries.map(e => fixedById[e.id] || e);
}
function dateOffset(b, o) {
  const d = new Date(b + "T12:00:00");
  d.setDate(d.getDate() + o);
  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
}
const {
  CURIOSITIES,
  WEEKLY_CURIOSITIES,
  MILESTONES
} = window;
function getTodayCuriosity(age, lang) {
  if (!age) return null;
  const dayNum = age.totalDays;
  const monthNum = age.months;
  const weekNum = age.totalWeeks;
  let txt = null,
    tagLabel = "";
  if (dayNum >= 1 && dayNum <= 30) {
    const c = CURIOSITIES && CURIOSITIES[dayNum - 1];
    if (c) {
      txt = lang === "en" ? c.en : c.pt;
      tagLabel = lang === "en" ? `Day ${dayNum}` : `Dia ${dayNum}`;
    }
  } else if (monthNum >= 2 && monthNum <= 12 && age.days === 0) {
    const ms = MILESTONES && MILESTONES.find(m => m.m === monthNum);
    if (ms) {
      txt = lang === "en" ? ms.en : ms.pt;
      tagLabel = lang === "en" ? `${monthNum} months` : `${monthNum} meses`;
    }
  }
  if (!txt && weekNum >= 5 && weekNum <= 52 && dayNum % 7 === 0) {
    const idx = weekNum - 5;
    const wc = WEEKLY_CURIOSITIES && WEEKLY_CURIOSITIES[idx];
    if (wc) {
      txt = lang === "en" ? wc.en : wc.pt;
      tagLabel = lang === "en" ? `Week ${weekNum}` : `Semana ${weekNum}`;
    }
  }
  if (!txt) return null;
  return {
    title: txt.t,
    body: txt.b,
    tagLabel
  };
}
const {
  WakeLock
} = window;
const {
  Haptic,
  PushNotifs
} = window;
function splitMidnight(entry) {
  if (!entry.durationMin || entry.type !== "sleep" && entry.type !== "nap") return [entry];
  const [h, m] = (entry.time || "00:00").split(":").map(Number);
  const startMin = h * 60 + m;
  const endMin = startMin + entry.durationMin;
  if (endMin <= 1440) return [entry];
  const beforeMidnight = 1440 - startMin;
  const afterMidnight = entry.durationMin - beforeMidnight;
  const nextDay = dateOffset(entry.date, 1);
  const wakings = entry.wakings || [];
  const wakingsBefore = [];
  const wakingsAfter = [];
  for (const w of wakings) {
    const [wh, wm] = (w.time || "00:00").split(":").map(Number);
    const wMin = wh * 60 + wm;
    if (wMin >= startMin) wakingsBefore.push(w);else wakingsAfter.push(w);
  }
  const part1 = {
    ...entry,
    durationMin: beforeMidnight,
    id: entry.id
  };
  const part2 = {
    ...entry,
    date: nextDay,
    time: "00:00",
    durationMin: afterMidnight,
    id: entry.id + "_b"
  };
  if (wakingsBefore.length > 0) part1.wakings = wakingsBefore;else delete part1.wakings;
  if (wakingsAfter.length > 0) part2.wakings = wakingsAfter;else delete part2.wakings;
  return [part1, part2];
}
const {
  getSleepRec,
  getNapSug,
  analyzeSleepPatterns,
  projectSchedule,
  getDayInsights: _getDayInsights,
  getGuideline,
  toMinutes,
  minToTime,
  WW,
  predict: predictRoutine,
  getInsights: getRoutineInsights,
  analyze: analyzeRoutine,
  getStatus: getRoutineStatus,
  GUIDELINES
} = RoutineEngine;
function getDayInsights(todayE, pattern, guideline) {
  return _getDayInsights(todayE, pattern, guideline, _lang);
}
let _ic = 0;
function Icon({
  name,
  size = 20,
  color = "currentColor",
  fill = "none"
}) {
  const id = "ig" + ++_ic;
  const s = size,
    v = "0 0 24 24",
    sw = 1.5,
    lc = "round",
    lj = "round";
  const gFill = `url(#${id})`;
  const grad = React.createElement("defs", null, React.createElement("linearGradient", {
    id: id,
    x1: "0%",
    y1: "0%",
    x2: "100%",
    y2: "100%"
  }, React.createElement("stop", {
    offset: "0%",
    stopColor: color,
    stopOpacity: "0.4"
  }), React.createElement("stop", {
    offset: "100%",
    stopColor: color,
    stopOpacity: "0.12"
  })));
  const p = {
    width: s,
    height: s,
    viewBox: v,
    fill: "none",
    stroke: color,
    strokeWidth: sw,
    strokeLinecap: lc,
    strokeLinejoin: lj
  };
  const pu = {
    width: s,
    height: s,
    viewBox: v,
    fill: "none",
    stroke: color,
    strokeWidth: 2,
    strokeLinecap: lc,
    strokeLinejoin: lj
  };
  const icons = {
    bottle: React.createElement("svg", p, grad, React.createElement("path", {
      d: "M20 11c1.1-1.4 1.3-3.3.7-4.9l.8-.8a1.5 1.5 0 0 0-2.8-2.8l-.8.8A5.33 5.33 0 0 0 13 4"
    }), React.createElement("path", {
      d: "M11.3 3.7a1 1 0 0 1 1.4 0l7.6 7.6a1 1 0 0 1 0 1.4l-1.6 1.6a1 1 0 0 1-1.4 0L9.7 6.7a1 1 0 0 1 0-1.4Z",
      fill: gFill
    }), React.createElement("path", {
      d: "m10 7l-7.3 7.3c-.9.9-.9 2.5 0 3.4l3.6 3.6c.9.9 2.5.9 3.4 0L17 14M4 13l2 2m1-5l2 2",
      strokeWidth: "2"
    })),
    breast: React.createElement("svg", p, grad, React.createElement("path", {
      d: "M5 6Q5 2 10 2Q15 2 16 6Q17 10 16 13Q15 16 12 17Q9 16 7 13Q5 10 5 6z",
      fill: gFill
    }), React.createElement("circle", {
      cx: "16",
      cy: "10",
      r: "1.2",
      fill: gFill
    }), React.createElement("path", {
      d: "M16 13l1 2.5a1.5 1.5 0 01-3 0L16 13z",
      fill: gFill
    })),
    moon: React.createElement("svg", p, grad, React.createElement("path", {
      d: "M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z",
      fill: gFill
    })),
    bed: React.createElement("svg", pu, React.createElement("path", {
      d: "M2 4v16"
    }), React.createElement("path", {
      d: "M2 8h18a2 2 0 0 1 2 2v10"
    }), React.createElement("path", {
      d: "M2 17h20"
    }), React.createElement("path", {
      d: "M6 8v9"
    })),
    sun: React.createElement("svg", p, grad, React.createElement("circle", {
      cx: "12",
      cy: "12",
      r: "5",
      fill: gFill
    }), React.createElement("path", {
      d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"
    })),
    cloud: React.createElement("svg", p, grad, React.createElement("path", {
      d: "M18 10h1a4 4 0 010 8H7a5 5 0 01-.5-9.96A7 7 0 0118 10z",
      fill: gFill
    })),
    zap: React.createElement("svg", p, grad, React.createElement("polygon", {
      points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2",
      fill: gFill
    })),
    droplet: React.createElement("svg", p, grad, React.createElement("path", {
      d: "M12 2.69l5.66 5.66a8 8 0 11-11.31 0z",
      fill: gFill
    })),
    diaper: React.createElement("svg", p, grad, React.createElement("path", {
      d: "M6 6h12c1 0 1.5.5 1.5 1.5v3c0 4-3 8-7.5 9.5-4.5-1.5-7.5-5.5-7.5-9.5v-3C4.5 6.5 5 6 6 6z",
      fill: gFill
    }), React.createElement("path", {
      d: "M4.5 8.5L3 7.5M19.5 8.5L21 7.5",
      strokeWidth: "1.8"
    }), React.createElement("circle", {
      cx: "12",
      cy: "11",
      r: "1.5",
      fill: gFill,
      stroke: color,
      strokeWidth: "0.8",
      opacity: "0.6"
    })),
    bath: React.createElement("svg", p, grad, React.createElement("path", {
      d: "M10 4L8 6m9 13v2M2 12h20M7 19v2M9 5L7.621 3.621A2.121 2.121 0 0 0 4 5v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5",
      strokeWidth: "2"
    })),
    pill: React.createElement("svg", p, grad, React.createElement("rect", {
      x: "3",
      y: "7",
      width: "18",
      height: "10",
      rx: "5",
      fill: gFill
    }), React.createElement("line", {
      x1: "12",
      y1: "7",
      x2: "12",
      y2: "17",
      stroke: color,
      strokeWidth: "0.8",
      opacity: "0.4"
    })),
    thermo: React.createElement("svg", p, grad, React.createElement("path", {
      d: "M14 14.76V3.5a2 2 0 10-4 0v11.26a4 4 0 104 0z",
      fill: gFill
    }), React.createElement("circle", {
      cx: "12",
      cy: "17",
      r: "1.5",
      fill: color,
      opacity: "0.5"
    })),
    home: React.createElement("svg", pu, React.createElement("path", {
      d: "M3 12l9-8 9 8"
    }), React.createElement("path", {
      d: "M5 10v9a1 1 0 001 1h4v-5h4v5h4a1 1 0 001-1v-9"
    })),
    clock: React.createElement("svg", pu, React.createElement("circle", {
      cx: "12",
      cy: "12",
      r: "9"
    }), React.createElement("polyline", {
      points: "12 7 12 12 15 15"
    })),
    chart: React.createElement("svg", pu, React.createElement("line", {
      x1: "4",
      y1: "20",
      x2: "4",
      y2: "14"
    }), React.createElement("line", {
      x1: "10",
      y1: "20",
      x2: "10",
      y2: "8"
    }), React.createElement("line", {
      x1: "16",
      y1: "20",
      x2: "16",
      y2: "4"
    })),
    gear: React.createElement("svg", p, React.createElement("circle", {
      cx: "12",
      cy: "12",
      r: "3"
    }), React.createElement("path", {
      d: "M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 11-2.83 2.83l-.06-.06a1.65 1.65 0 00-2.82 1.18V21a2 2 0 01-4 0v-.09a1.65 1.65 0 00-1.08-1.51 1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09a1.65 1.65 0 001.51-1.08 1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06a1.65 1.65 0 003.33-.33V3a2 2 0 014 0v.09a1.65 1.65 0 001.08 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06a1.65 1.65 0 00.33 3.33H21a2 2 0 010 4h-.09"
    })),
    plus: React.createElement("svg", {
      width: s,
      height: s,
      viewBox: v,
      fill: "none",
      stroke: color,
      strokeWidth: 2.5,
      strokeLinecap: lc
    }, React.createElement("line", {
      x1: "12",
      y1: "5",
      x2: "12",
      y2: "19"
    }), React.createElement("line", {
      x1: "5",
      y1: "12",
      x2: "19",
      y2: "12"
    })),
    back: React.createElement("svg", {
      width: s,
      height: s,
      viewBox: v,
      fill: "none",
      stroke: color,
      strokeWidth: 2.5,
      strokeLinecap: lc,
      strokeLinejoin: lj
    }, React.createElement("polyline", {
      points: "15 18 9 12 15 6"
    })),
    forward: React.createElement("svg", {
      width: s,
      height: s,
      viewBox: v,
      fill: "none",
      stroke: color,
      strokeWidth: 2.5,
      strokeLinecap: lc,
      strokeLinejoin: lj
    }, React.createElement("polyline", {
      points: "9 18 15 12 9 6"
    })),
    check: React.createElement("svg", {
      width: s,
      height: s,
      viewBox: v,
      fill: "none",
      stroke: color,
      strokeWidth: 2.5,
      strokeLinecap: lc,
      strokeLinejoin: lj
    }, React.createElement("polyline", {
      points: "20 6 9 17 4 12"
    })),
    x: React.createElement("svg", {
      width: s,
      height: s,
      viewBox: v,
      fill: "none",
      stroke: color,
      strokeWidth: 2,
      strokeLinecap: lc
    }, React.createElement("line", {
      x1: "18",
      y1: "6",
      x2: "6",
      y2: "18"
    }), React.createElement("line", {
      x1: "6",
      y1: "6",
      x2: "18",
      y2: "18"
    })),
    list: React.createElement("svg", pu, React.createElement("line", {
      x1: "8",
      y1: "6",
      x2: "21",
      y2: "6"
    }), React.createElement("line", {
      x1: "8",
      y1: "12",
      x2: "21",
      y2: "12"
    }), React.createElement("line", {
      x1: "8",
      y1: "18",
      x2: "21",
      y2: "18"
    })),
    star: React.createElement("svg", {
      width: s,
      height: s,
      viewBox: v,
      fill: fill,
      stroke: color,
      strokeWidth: 1.8,
      strokeLinejoin: lj
    }, React.createElement("polygon", {
      points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
    })),
    bell: React.createElement("svg", p, React.createElement("path", {
      d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9"
    }), React.createElement("path", {
      d: "M13.73 21a2 2 0 01-3.46 0"
    })),
    play: React.createElement("svg", {
      width: s,
      height: s,
      viewBox: v
    }, React.createElement("polygon", {
      points: "5 3 19 12 5 21 5 3",
      fill: color,
      stroke: "none"
    })),
    stop: React.createElement("svg", {
      width: s,
      height: s,
      viewBox: v
    }, React.createElement("rect", {
      x: "5",
      y: "5",
      width: "14",
      height: "14",
      fill: color,
      stroke: "none",
      rx: "2"
    })),
    copy: React.createElement("svg", p, React.createElement("rect", {
      x: "9",
      y: "9",
      width: "13",
      height: "13",
      rx: "2"
    }), React.createElement("path", {
      d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"
    })),
    download: React.createElement("svg", pu, React.createElement("path", {
      d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"
    }), React.createElement("polyline", {
      points: "7 10 12 15 17 10"
    }), React.createElement("line", {
      x1: "12",
      y1: "15",
      x2: "12",
      y2: "3"
    })),
    target: React.createElement("svg", p, React.createElement("circle", {
      cx: "12",
      cy: "12",
      r: "10"
    }), React.createElement("circle", {
      cx: "12",
      cy: "12",
      r: "6"
    }), React.createElement("circle", {
      cx: "12",
      cy: "12",
      r: "2"
    })),
    arrowUp: React.createElement("svg", pu, React.createElement("line", {
      x1: "12",
      y1: "19",
      x2: "12",
      y2: "5"
    }), React.createElement("polyline", {
      points: "5 12 12 5 19 12"
    })),
    arrowDown: React.createElement("svg", pu, React.createElement("line", {
      x1: "12",
      y1: "5",
      x2: "12",
      y2: "19"
    }), React.createElement("polyline", {
      points: "19 12 12 19 5 12"
    })),
    ruler: React.createElement("svg", p, grad, React.createElement("path", {
      d: "M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z",
      fill: gFill
    }), React.createElement("path", {
      d: "M14.5 12.5l2 -2m-5 -1l2 -2m-5 -1l2 -2m7 11l2 -2",
      strokeWidth: "2"
    })),
    gift: React.createElement("svg", p, grad, React.createElement("path", {
      d: "M20 12v6a2 2 0 01-2 2H6a2 2 0 01-2-2v-6",
      fill: gFill
    }), React.createElement("rect", {
      x: "2",
      y: "7",
      width: "20",
      height: "5",
      rx: "2",
      fill: gFill
    }), React.createElement("line", {
      x1: "12",
      y1: "7",
      x2: "12",
      y2: "22"
    }), React.createElement("path", {
      d: "M12 7c-1.5-2-4-2.5-4-1s2 3.5 4 3.5c2 0 4-2 4-3.5s-2.5-1-4 1z",
      fill: gFill
    })),
    trash: React.createElement("svg", p, React.createElement("polyline", {
      points: "3 6 5 6 21 6"
    }), React.createElement("path", {
      d: "M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"
    }), React.createElement("line", {
      x1: "10",
      y1: "11",
      x2: "10",
      y2: "17"
    }), React.createElement("line", {
      x1: "14",
      y1: "11",
      x2: "14",
      y2: "17"
    })),
    poop: React.createElement("svg", p, grad, React.createElement("ellipse", {
      cx: "12",
      cy: "19",
      rx: "8",
      ry: "3",
      fill: gFill
    }), React.createElement("ellipse", {
      cx: "11",
      cy: "14",
      rx: "6",
      ry: "2.5",
      fill: gFill
    }), React.createElement("ellipse", {
      cx: "12",
      cy: "10",
      rx: "4.5",
      ry: "2.2",
      fill: gFill
    }), React.createElement("ellipse", {
      cx: "11",
      cy: "6",
      rx: "2.8",
      ry: "1.8",
      fill: gFill
    })),
    baby: React.createElement("svg", p, grad, React.createElement("path", {
      d: "M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6a9 9 0 0 1-17.6 0a2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1m-3 5h.01",
      fill: gFill
    }), React.createElement("path", {
      d: "M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5m1-4h.01",
      strokeWidth: "2"
    })),
    pencil: React.createElement("svg", pu, React.createElement("path", {
      d: "M12 20h9"
    }), React.createElement("path", {
      d: "M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z"
    }))
  };
  return icons[name] || React.createElement("svg", p, React.createElement("circle", {
    cx: "12",
    cy: "12",
    r: "8"
  }));
}
const T = {
  bg1: "#070b1e",
  bg2: "#0d1133",
  bg3: "#141a42",
  glass: "rgba(22,28,60,0.6)",
  gB: "rgba(90,100,180,0.12)",
  gBSoft: "rgba(255,255,255,0.06)",
  insetTop: "0 1px 0 0 rgba(255,255,255,0.04) inset",
  insetTopStrong: "0 1px 0 0 rgba(255,255,255,0.08) inset",
  text: "#e4e6f5",
  sub: "#a3aac8",
  dim: "#555a80",
  accent: "#8b7cf6",
  green: "#34d399",
  greenS: "rgba(52,211,153,0.1)",
  purple: "#a78bfa",
  purpleS: "rgba(167,139,250,0.1)",
  pink: "#f472b6",
  pinkS: "rgba(244,114,182,0.1)",
  amber: "#fbbf24",
  amberS: "rgba(251,191,36,0.1)",
  orange: "#fb923c",
  orangeS: "rgba(251,146,60,0.1)",
  blue: "#38bdf8",
  blueS: "rgba(56,189,248,0.12)",
  red: "#f87171",
  redS: "rgba(248,113,113,0.1)",
  cyan: "#22d3ee",
  cyanS: "rgba(34,211,238,0.1)"
};
const TYPES = {
  bottle: {
    label: {
      pt: "Mamadeira",
      en: "Bottle"
    },
    icon: "bottle",
    color: T.green,
    bg: T.greenS
  },
  nursing: {
    label: {
      pt: "Amamentação",
      en: "Nursing"
    },
    icon: "breast",
    color: T.blue,
    bg: T.blueS
  },
  sleep: {
    label: {
      pt: "Sono",
      en: "Bedtime"
    },
    icon: "bed",
    color: T.purple,
    bg: T.purpleS
  },
  wakeup: {
    label: {
      pt: "Acordou",
      en: "Woke up"
    },
    icon: "sun",
    color: T.amber,
    bg: T.amberS
  },
  nap: {
    label: {
      pt: "Soneca",
      en: "Nap"
    },
    icon: "cloud",
    color: T.purple,
    bg: T.purpleS
  },
  nightwaking: {
    label: {
      pt: "Acordou à noite",
      en: "Night waking"
    },
    icon: "zap",
    color: T.orange,
    bg: T.orangeS
  },
  diaper: {
    label: {
      pt: "Fralda",
      en: "Diaper"
    },
    icon: "diaper",
    color: T.pink,
    bg: T.pinkS
  },
  medicine: {
    label: {
      pt: "Medicamento",
      en: "Medicine"
    },
    icon: "pill",
    color: T.amber,
    bg: T.amberS
  },
  temperature: {
    label: {
      pt: "Temperatura",
      en: "Temperature"
    },
    icon: "thermo",
    color: T.red,
    bg: T.redS
  },
  bath: {
    label: {
      pt: "Banho",
      en: "Bath"
    },
    icon: "bath",
    color: T.cyan,
    bg: T.cyanS
  },
  tummytime: {
    label: {
      pt: "Tummy time",
      en: "Tummy time"
    },
    icon: "baby",
    color: T.amber,
    bg: T.amberS
  },
  growth: {
    label: {
      pt: "Crescimento",
      en: "Growth"
    },
    icon: "ruler",
    color: "#a3e635",
    bg: "rgba(163,230,53,0.1)"
  }
};
const I = {
  today: {
    pt: "Hoje",
    en: "Today"
  },
  days: {
    pt: "dias",
    en: "days"
  },
  dailyGoal: {
    pt: "Meta diária",
    en: "Daily goal"
  },
  lastNight: {
    pt: "Noite passada",
    en: "Last night"
  },
  sleep: {
    pt: "sono",
    en: "sleep"
  },
  wokeUp: {
    pt: "acordou",
    en: "woke up"
  },
  milk: {
    pt: "leite",
    en: "milk"
  },
  lastFeed: {
    pt: "Última mamada",
    en: "Last feed"
  },
  milkVsWeek: {
    pt: "leite vs sem. passada",
    en: "milk vs last week"
  },
  sleepLabel: {
    pt: "sono",
    en: "sleep"
  },
  repeatLast: {
    pt: "Repetir último",
    en: "Repeat last"
  },
  history: {
    pt: "Histórico",
    en: "History"
  },
  summary: {
    pt: "Resumo",
    en: "Summary"
  },
  growth: {
    pt: "Crescimento",
    en: "Growth"
  },
  profile: {
    pt: "Perfil",
    en: "Profile"
  },
  home: {
    pt: "Início",
    en: "Home"
  },
  save: {
    pt: "Salvar",
    en: "Save"
  },
  update: {
    pt: "Atualizar",
    en: "Update"
  },
  cancel: {
    pt: "Cancelar",
    en: "Cancel"
  },
  close: {
    pt: "Fechar",
    en: "Close"
  },
  addEvent: {
    pt: "Adicionar evento",
    en: "Add event"
  },
  stats: {
    pt: "Estatísticas",
    en: "Statistics"
  },
  settings: {
    pt: "Configurações",
    en: "Settings"
  },
  notifications: {
    pt: "Notificações",
    en: "Notifications"
  },
  backup: {
    pt: "Backup",
    en: "Backup"
  },
  exportData: {
    pt: "Exportar dados",
    en: "Export data"
  },
  importData: {
    pt: "Importar backup",
    en: "Import backup"
  },
  lastBackup: {
    pt: "Último backup",
    en: "Last backup"
  },
  never: {
    pt: "nunca",
    en: "never"
  },
  backupDesc: {
    pt: "Baixa todos os registros, perfil e lembretes como JSON. Backup automático a cada 24h fica salvo no device.",
    en: "Downloads all entries, profile and reminders as JSON. Auto backup every 24h saved on device."
  },
  importConfirm: {
    pt: "Importar vai SUBSTITUIR todos os dados atuais pelos do arquivo. Essa ação não pode ser desfeita. Continuar?",
    en: "Importing will REPLACE all current data with the file's data. This cannot be undone. Continue?"
  },
  exportedJust: {
    pt: "Backup exportado agora",
    en: "Backup just exported"
  },
  importedOk: {
    pt: "Backup restaurado",
    en: "Backup restored"
  },
  importErr: {
    pt: "Arquivo inválido",
    en: "Invalid file"
  },
  delete: {
    pt: "Apagar",
    en: "Delete"
  },
  undo: {
    pt: "Desfazer",
    en: "Undo"
  },
  registered: {
    pt: "registrado",
    en: "registered"
  },
  removed: {
    pt: "removido",
    en: "removed"
  },
  updated: {
    pt: "atualizado",
    en: "updated"
  },
  day: {
    pt: "Dia",
    en: "Day"
  },
  time: {
    pt: "Horário",
    en: "Time"
  },
  duration: {
    pt: "Duração",
    en: "Duration"
  },
  endTime: {
    pt: "Horário fim",
    en: "End time"
  },
  wokeAt: {
    pt: "Acordou às",
    en: "Woke at"
  },
  amount: {
    pt: "Quantidade (ml)",
    en: "Amount (ml)"
  },
  notes: {
    pt: "Observações",
    en: "Notes"
  },
  side: {
    pt: "Lado",
    en: "Side"
  },
  left: {
    pt: "Esquerdo",
    en: "Left"
  },
  right: {
    pt: "Direito",
    en: "Right"
  },
  both: {
    pt: "Ambos",
    en: "Both"
  },
  type: {
    pt: "Tipo",
    en: "Type"
  },
  wet: {
    pt: "Xixi",
    en: "Wet"
  },
  dirty: {
    pt: "Cocô",
    en: "Dirty"
  },
  all: {
    pt: "Tudo",
    en: "All"
  },
  noEntries: {
    pt: "Nenhum registro",
    en: "No entries"
  },
  tapToAdd: {
    pt: "Toque + para registrar",
    en: "Tap + to add"
  },
  language: {
    pt: "Idioma",
    en: "Language"
  },
  birthData: {
    pt: "Dados de nascimento",
    en: "Birth data"
  },
  weight: {
    pt: "Peso",
    en: "Weight"
  },
  length: {
    pt: "Comprimento",
    en: "Length"
  },
  head: {
    pt: "Cabeça",
    en: "Head"
  },
  viewGrowth: {
    pt: "Ver crescimento e percentis",
    en: "View growth & percentiles"
  },
  name: {
    pt: "Nome",
    en: "Name"
  },
  birthDate: {
    pt: "Data de nascimento",
    en: "Date of birth"
  },
  dailyMilkGoal: {
    pt: "Meta diária de leite (ml)",
    en: "Daily milk goal (ml)"
  },
  measurement: {
    pt: "Medição",
    en: "Measurement"
  },
  savedMeds: {
    pt: "Medicamentos salvos",
    en: "Saved medicines"
  },
  dose: {
    pt: "Dose",
    en: "Dose"
  },
  reg: {
    pt: "reg.",
    en: "entries"
  }
};
function tl(key, lang) {
  return I[key]?.[lang] || I[key]?.en || key;
}
function typeLabel(type, lang) {
  const t = TYPES[type];
  return t?.label?.[lang] || t?.label?.en || type;
}
let _lang = "en";
function L(key) {
  return I[key]?.[_lang] || I[key]?.en || key;
}
function TL(type) {
  return typeLabel(type, _lang);
}
const Ring = React.memo(function Ring({
  activeTimer,
  napSug,
  tick,
  recentEvents,
  lang,
  showOrbit,
  screenLockActive
}) {
  const [tip, setTip] = useState(null);
  useEffect(() => {
    if (tip !== null) {
      const t = setTimeout(() => setTip(null), 3000);
      return () => clearTimeout(t);
    }
  }, [tip]);
  const sz = 340,
    cx = sz / 2,
    cy = sz / 2,
    R = 148;
  const gapDeg = 55,
    startAng = 90 + gapDeg / 2,
    totalArc = 360 - gapDeg;
  const dotSz = 46,
    sleepSz = 44;
  let lbl = "",
    sub = "",
    col1 = T.dim,
    col2 = T.dim,
    isBedtime = false;
  if (activeTimer) {
    const el = Math.max(0, Math.floor((Date.now() - new Date(activeTimer.startTime).getTime()) / 1000));
    const mins = Math.floor(el / 60);
    lbl = mins < 60 ? `${mins} min` : `${Math.floor(mins / 60)}h ${String(mins % 60).padStart(2, "0")}m`;
    if (activeTimer.type === "nursing") {
      sub = lang === "en" ? "Nursing" : "Amamentando";
      col1 = "#2563eb";
      col2 = "#60a5fa";
    } else if (activeTimer.type === "nap") {
      sub = lang === "en" ? "Napping" : "Soneca";
      col1 = "#7c3aed";
      col2 = "#c084fc";
    } else if (activeTimer.type === "tummytime") {
      sub = lang === "en" ? "Tummy time" : "Tummy time";
      col1 = "#d97706";
      col2 = "#fbbf24";
    } else {
      sub = lang === "en" ? "Bedtime" : "Boa noite";
      col1 = "#7c3aed";
      col2 = "#c084fc";
      isBedtime = true;
    }
  } else if (napSug) {
    lbl = fmtDur(napSug.el);
    sub = lang === "en" ? "Awake for" : "Acordado(a)";
    if (napSug.state === "overdue") {
      col1 = "#dc2626";
      col2 = "#f87171";
    } else if (napSug.state === "stretching") {
      col1 = "#ea580c";
      col2 = "#fb923c";
    } else if (napSug.state === "sweet") {
      col1 = "#059669";
      col2 = "#34d399";
    } else if (napSug.state === "opening") {
      col1 = "#d97706";
      col2 = "#fbbf24";
    } else {
      col1 = "#059669";
      col2 = "#34d399";
    }
  } else {
    sub = "";
    lbl = "\u2014";
  }
  const hasProgress = col1 !== T.dim;
  const toMin = t => {
    const [h, m] = (t || "12:00").split(":").map(Number);
    return h * 60 + m;
  };
  const evs = recentEvents || [];
  let wakeMin = 6 * 60;
  let hasWakeup = false;
  const wakeEv = evs.find(e => e.type === "wakeup");
  if (wakeEv) {
    wakeMin = toMin(wakeEv.time);
    hasWakeup = true;
  } else {
    const ls = evs.filter(e => (e.type === "sleep" || e.type === "nap") && e.durationMin > 0).sort((a, b) => (b.date + "T" + b.time).localeCompare(a.date + "T" + a.time))[0];
    if (ls) {
      const em = toMin(ls.time) + ls.durationMin;
      if (em >= 5 * 60 && em <= 12 * 60) {
        wakeMin = em;
        hasWakeup = true;
      }
    } else {
      const firstEv = [...evs].sort((a, b) => a.time.localeCompare(b.time))[0];
      if (firstEv) wakeMin = Math.max(0, toMin(firstEv.time) - 15);
    }
  }
  const dayStart = wakeMin;
  let dayEnd = 24 * 60;
  let bedMin = null;
  const bedEv = [...evs].filter(e => e.type === "sleep").sort((a, b) => `${a.date}T${a.time}`.localeCompare(`${b.date}T${b.time}`))[0];
  if (bedEv) {
    let bm = toMin(bedEv.time);
    if (bm < dayStart) bm += 1440;
    bedMin = bm;
    if (bm > dayStart) dayEnd = bm;
  }
  if (!bedMin && activeTimer && activeTimer.type === "sleep") {
    const st = new Date(activeTimer.startTime);
    const bm = st.getHours() * 60 + st.getMinutes();
    const adjBm = bm < dayStart ? bm + 1440 : bm;
    bedMin = adjBm;
    if (adjBm > dayStart) dayEnd = adjBm;
  }
  const daySpan = Math.max(1, dayEnd - dayStart);
  const toAng = mins => {
    const t = Math.max(0, Math.min(1, (mins - dayStart) / daySpan));
    return startAng + t * totalArc;
  };
  const descArc = (sA, eA) => {
    const s = sA * Math.PI / 180,
      e = eA * Math.PI / 180;
    return `M ${cx + R * Math.cos(s)} ${cy + R * Math.sin(s)} A ${R} ${R} 0 ${eA - sA > 180 ? 1 : 0} 1 ${cx + R * Math.cos(e)} ${cy + R * Math.sin(e)}`;
  };
  const sleepEvs = evs.filter(e => e.type === "nap" && e.durationMin > 0);
  const dotEvs = evs.filter(e => e.type === "bottle" || e.type === "nursing" || e.type === "diaper" || e.type === "medicine" || e.type === "tummytime");
  const sleepArcs = sleepEvs.map(ev => {
    const mins = toMin(ev.time),
      dur = ev.durationMin;
    if (mins + dur < dayStart || mins > dayStart + daySpan) return null;
    const a1 = toAng(Math.max(mins, dayStart)),
      a2 = toAng(Math.min(mins + dur, dayStart + daySpan));
    const midAng = (a1 + a2) / 2;
    const midRad = midAng * Math.PI / 180;
    return {
      ev,
      path: descArc(a1, a2),
      mx: cx + R * Math.cos(midRad),
      my: cy + R * Math.sin(midRad),
      col: TYPES[ev.type]?.color || T.purple
    };
  }).filter(Boolean);
  const MIN_GAP = 22;
  const rawDots = dotEvs.map(ev => {
    const cfg = TYPES[ev.type];
    if (!cfg) return null;
    const mins = toMin(ev.time);
    if (mins < dayStart || mins > dayStart + daySpan) return null;
    const angDeg = toAng(mins);
    const angRad = angDeg * Math.PI / 180;
    return {
      ev,
      cfg,
      angDeg,
      x: cx + R * Math.cos(angRad),
      y: cy + R * Math.sin(angRad)
    };
  }).filter(Boolean);
  const groups = [];
  rawDots.forEach(d => {
    const g = groups.find(gr => Math.abs(gr[0].angDeg - d.angDeg) < MIN_GAP);
    if (g) g.push(d);else groups.push([d]);
  });
  const dots = groups.map(gr => ({
    primary: gr[0],
    items: gr
  }));
  const _lastEv = (() => {
    let maxT = "",
      type = "none",
      dIdx = -1,
      sIdx = -1;
    dots.forEach((gr, idx) => {
      gr.items.forEach(it => {
        const t = `${it.ev.date}T${it.ev.time}`;
        if (t > maxT) {
          maxT = t;
          type = "dot";
          dIdx = idx;
        }
      });
    });
    sleepArcs.forEach((sa, idx) => {
      const endMs = new Date(`${sa.ev.date}T${sa.ev.time}`).getTime() + sa.ev.durationMin * 60000;
      const d = new Date(endMs);
      const t = d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, "0") + "-" + String(d.getDate()).padStart(2, "0") + "T" + String(d.getHours()).padStart(2, "0") + ":" + String(d.getMinutes()).padStart(2, "0");
      if (t > maxT) {
        maxT = t;
        type = "sleep";
        sIdx = idx;
      }
    });
    return {
      type,
      dIdx,
      sIdx
    };
  })();
  const lastDotIdx = _lastEv.type === "dot" ? _lastEv.dIdx : -1;
  const lastSleepArcIdx = _lastEv.type === "sleep" ? _lastEv.sIdx : -1;
  const totalSleepMin = evs.filter(e => (e.type === "sleep" || e.type === "nap") && e.durationMin).reduce((s, e) => s + e.durationMin, 0);
  const wakeTimeStr = `${String(Math.floor(wakeMin / 60)).padStart(2, "0")}:${String(wakeMin % 60).padStart(2, "0")}`;
  const sunAng = toAng(wakeMin);
  const sunRad = sunAng * Math.PI / 180;
  const anchorSun = hasWakeup ? {
    x: cx + R * Math.cos(sunRad),
    y: cy + R * Math.sin(sunRad),
    time: wakeTimeStr
  } : null;
  let anchorMoon = null;
  if (bedMin) {
    const dispMin = bedMin % 1440;
    const bedTimeStr = `${String(Math.floor(dispMin / 60)).padStart(2, "0")}:${String(dispMin % 60).padStart(2, "0")}`;
    const moonAng = toAng(bedMin);
    const moonRad = moonAng * Math.PI / 180;
    anchorMoon = {
      x: cx + R * Math.cos(moonRad),
      y: cy + R * Math.sin(moonRad),
      time: bedTimeStr
    };
  }
  let timerArc = null;
  if (activeTimer && (activeTimer.type === "nap" || activeTimer.type === "tummytime")) {
    const st = new Date(activeTimer.startTime);
    const startMins = st.getHours() * 60 + st.getMinutes();
    const now = new Date();
    const nowMins = now.getHours() * 60 + now.getMinutes();
    if (startMins >= dayStart) {
      const a1 = toAng(startMins),
        a2 = toAng(Math.min(nowMins, dayStart + daySpan - 1));
      if (a2 > a1) {
        const midAng = (a1 + a2) / 2;
        const midRad = midAng * Math.PI / 180;
        const tipRad = a2 * Math.PI / 180;
        timerArc = {
          path: descArc(a1, a2),
          col: activeTimer.type === "tummytime" ? T.amber : T.purple,
          mx: cx + R * Math.cos(midRad),
          my: cy + R * Math.sin(midRad),
          tipX: cx + R * Math.cos(tipRad),
          tipY: cy + R * Math.sin(tipRad)
        };
      }
    }
  }
  return React.createElement("div", {
    style: {
      position: "relative",
      width: sz,
      margin: "0 auto"
    }
  }, React.createElement("div", {
    style: {
      position: "relative",
      width: sz,
      height: sz
    }
  }, React.createElement("svg", {
    width: sz,
    height: sz,
    style: {
      overflow: "visible"
    }
  }, React.createElement("defs", null, React.createElement("filter", {
    id: "slpG"
  }, React.createElement("feGaussianBlur", {
    stdDeviation: "8",
    result: "b"
  }), React.createElement("feFlood", {
    floodColor: T.purple,
    floodOpacity: "0.35",
    result: "c"
  }), React.createElement("feComposite", {
    in: "c",
    in2: "b",
    operator: "in",
    result: "g"
  }), React.createElement("feMerge", null, React.createElement("feMergeNode", {
    in: "g"
  }), React.createElement("feMergeNode", {
    in: "SourceGraphic"
  })))), React.createElement("path", {
    d: descArc(startAng, startAng + totalArc),
    fill: "none",
    stroke: "rgba(40,55,120,0.18)",
    strokeWidth: 20,
    strokeLinecap: "round"
  }), sleepArcs.map((sa, i) => React.createElement("path", {
    key: "sg" + i,
    d: sa.path,
    fill: "none",
    stroke: sa.col,
    strokeWidth: 36,
    strokeLinecap: "round",
    opacity: 0.08,
    filter: "url(#slpG)"
  })), sleepArcs.map((sa, i) => React.createElement("path", {
    key: "sb" + i,
    d: sa.path,
    fill: "none",
    stroke: sa.col,
    strokeWidth: 30,
    strokeLinecap: "round",
    opacity: 0.4
  })), sleepArcs.map((sa, i) => React.createElement("path", {
    key: "sf" + i,
    d: sa.path,
    fill: "none",
    stroke: "rgba(16,12,40,0.85)",
    strokeWidth: 24,
    strokeLinecap: "round"
  })), lastSleepArcIdx >= 0 && !activeTimer && sleepArcs[lastSleepArcIdx] && React.createElement("path", {
    d: sleepArcs[lastSleepArcIdx].path,
    fill: "none",
    stroke: sleepArcs[lastSleepArcIdx].col,
    strokeWidth: 16,
    strokeLinecap: "round",
    strokeDasharray: "8 12",
    opacity: 0.35,
    style: {
      animation: "dashFlow 2s linear infinite"
    }
  }), lastSleepArcIdx >= 0 && !activeTimer && sleepEvs[lastSleepArcIdx] && (() => {
    const ev = sleepEvs[lastSleepArcIdx];
    const endMin = Math.min(toMin(ev.time) + ev.durationMin, dayStart + daySpan);
    const endRad = toAng(endMin) * Math.PI / 180;
    const tx = cx + R * Math.cos(endRad),
      ty = cy + R * Math.sin(endRad);
    const col = sleepArcs[lastSleepArcIdx].col;
    return React.createElement("g", null, React.createElement("circle", {
      cx: tx,
      cy: ty,
      r: 4,
      fill: col,
      opacity: 0.9
    }, React.createElement("animate", {
      attributeName: "r",
      values: "3;6;3",
      dur: "2s",
      repeatCount: "indefinite"
    }), React.createElement("animate", {
      attributeName: "opacity",
      values: "0.5;1;0.5",
      dur: "2s",
      repeatCount: "indefinite"
    })), React.createElement("circle", {
      cx: tx,
      cy: ty,
      r: 8,
      fill: "none",
      stroke: col,
      strokeWidth: 1.5,
      opacity: 0.4
    }, React.createElement("animate", {
      attributeName: "r",
      values: "5;14;5",
      dur: "2s",
      repeatCount: "indefinite"
    }), React.createElement("animate", {
      attributeName: "opacity",
      values: "0.4;0;0.4",
      dur: "2s",
      repeatCount: "indefinite"
    })));
  })(), timerArc && React.createElement("g", null, React.createElement("path", {
    d: timerArc.path,
    fill: "none",
    stroke: timerArc.col,
    strokeWidth: 36,
    strokeLinecap: "round",
    opacity: 0.08,
    filter: "url(#slpG)"
  }), React.createElement("path", {
    d: timerArc.path,
    fill: "none",
    stroke: timerArc.col,
    strokeWidth: 30,
    strokeLinecap: "round",
    opacity: 0.5
  }), React.createElement("path", {
    d: timerArc.path,
    fill: "none",
    stroke: "rgba(16,12,40,0.85)",
    strokeWidth: 24,
    strokeLinecap: "round"
  }), React.createElement("path", {
    d: timerArc.path,
    fill: "none",
    stroke: timerArc.col,
    strokeWidth: 16,
    strokeLinecap: "round",
    strokeDasharray: "8 12",
    opacity: 0.35,
    style: {
      animation: "dashFlow 2s linear infinite"
    }
  }))), sleepArcs.map((sa, i) => {
    const isLastSleep = i === lastSleepArcIdx && !activeTimer;
    return React.createElement("div", {
      key: "si" + i,
      style: {
        position: "absolute",
        left: sa.mx - sleepSz / 2,
        top: sa.my - sleepSz / 2,
        width: sleepSz,
        height: sleepSz,
        borderRadius: "50%",
        display: "flex",
        flexDirection: "column",
        alignItems: "center",
        justifyContent: "center",
        zIndex: 3,
        filter: `drop-shadow(0 0 ${isLastSleep ? 14 : 6}px ${sa.col}${isLastSleep ? "aa" : "55"})`,
        animation: isLastSleep ? "glowBreathe 2s ease-in-out infinite" : "none"
      }
    }, React.createElement(Icon, {
      name: sa.ev.type === "nap" ? "cloud" : "moon",
      size: isLastSleep ? 22 : 20,
      color: sa.col
    }), React.createElement("span", {
      style: {
        fontSize: 9,
        fontWeight: 700,
        color: `${sa.col}88`,
        marginTop: 1
      }
    }, fmtDur(sa.ev.durationMin)));
  }), timerArc && React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      position: "absolute",
      left: timerArc.mx - sleepSz / 2,
      top: timerArc.my - sleepSz / 2,
      width: sleepSz,
      height: sleepSz,
      borderRadius: "50%",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      zIndex: 4,
      filter: `drop-shadow(0 0 14px ${timerArc.col}aa)`,
      animation: "glowBreathe 2s ease-in-out infinite"
    }
  }, React.createElement(Icon, {
    name: activeTimer.type === "nap" ? "cloud" : activeTimer.type === "tummytime" ? "baby" : "bed",
    size: 22,
    color: timerArc.col
  })), React.createElement("div", {
    style: {
      position: "absolute",
      left: timerArc.tipX - 7,
      top: timerArc.tipY - 7,
      width: 14,
      height: 14,
      borderRadius: "50%",
      background: timerArc.col,
      boxShadow: `0 0 10px ${timerArc.col}aa, 0 0 24px ${timerArc.col}55`,
      animation: "cometTip 1.5s ease-in-out infinite",
      zIndex: 5
    }
  })), dots.map((gr, i) => {
    const d = gr.primary,
      c = d.cfg.color,
      isGrp = gr.items.length > 1,
      active = tip === i;
    const isLast = i === lastDotIdx && !activeTimer;
    const lines = gr.items.map(it => {
      let l = TL(it.ev.type);
      if (it.ev.ml) l += ` \u00b7 ${it.ev.ml}ml`;else if (it.ev.subtype) l += ` \u00b7 ${{
        wet: L("wet"),
        dirty: L("dirty"),
        both: L("both")
      }[it.ev.subtype] || ""}`;
      return `${l} \u00b7 ${it.ev.time}`;
    });
    return React.createElement("div", {
      key: d.ev.id || i,
      style: {
        position: "absolute",
        left: d.x - dotSz / 2,
        top: d.y - dotSz / 2
      }
    }, isLast && React.createElement("div", {
      style: {
        position: "absolute",
        left: "50%",
        top: "50%",
        width: dotSz + 10,
        height: dotSz + 10,
        borderRadius: "50%",
        border: `1.5px solid ${c}88`,
        transform: "translate(-50%,-50%)",
        pointerEvents: "none",
        zIndex: 0,
        animation: "softPulse 3.5s ease-in-out infinite"
      }
    }), isGrp && gr.items.slice(1, 3).map((sd, si) => React.createElement("div", {
      key: "st" + si,
      style: {
        position: "absolute",
        left: 4 * (si + 1),
        top: 4 * (si + 1),
        width: dotSz,
        height: dotSz,
        borderRadius: "50%",
        background: "radial-gradient(circle at 35% 30%,rgba(24,30,65,0.9),rgba(8,12,35,0.95))",
        border: `2px solid ${sd.cfg.color}44`,
        zIndex: 0,
        boxShadow: "0 2px 8px rgba(0,0,0,0.3)"
      }
    })), React.createElement("div", {
      onClick: e => {
        e.stopPropagation();
        setTip(active ? null : i);
      },
      style: {
        position: "relative",
        width: dotSz,
        height: dotSz,
        borderRadius: "50%",
        background: "radial-gradient(circle at 35% 30%,rgba(30,38,80,0.95),rgba(12,16,42,0.98))",
        border: `2.5px solid ${active || isLast ? c : c + "77"}`,
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        boxShadow: `0 2px 10px rgba(0,0,0,0.45), 0 0 ${active ? 22 : 16}px ${c}${active ? "55" : "30"}, inset 0 1px 0 rgba(200,220,255,0.06), inset 0 -1px 3px rgba(0,0,0,0.15)`,
        zIndex: active ? 10 : isLast ? 5 : 2,
        transform: active ? "scale(1.15)" : "scale(1)",
        transition: "all .2s cubic-bezier(0.34,1.56,0.64,1)",
        overflow: "hidden",
        filter: `drop-shadow(0 0 5px ${c}44)`
      }
    }, React.createElement("div", {
      style: {
        position: "absolute",
        top: "10%",
        left: "18%",
        width: "50%",
        height: "28%",
        background: `radial-gradient(ellipse,${c}22,transparent)`,
        borderRadius: "50%",
        filter: "blur(3px)"
      }
    }), React.createElement(Icon, {
      name: d.cfg.icon,
      size: 22,
      color: c
    }), isGrp && React.createElement("div", {
      style: {
        position: "absolute",
        bottom: 2,
        left: "50%",
        transform: "translateX(-50%)",
        display: "flex",
        gap: 2
      }
    }, React.createElement("div", {
      style: {
        width: 3,
        height: 3,
        borderRadius: "50%",
        background: "rgba(255,255,255,0.7)"
      }
    }), React.createElement("div", {
      style: {
        width: 3,
        height: 3,
        borderRadius: "50%",
        background: "rgba(255,255,255,0.7)"
      }
    }), React.createElement("div", {
      style: {
        width: 3,
        height: 3,
        borderRadius: "50%",
        background: "rgba(255,255,255,0.7)"
      }
    }))), active && React.createElement("div", {
      style: {
        position: "absolute",
        bottom: dotSz + 6,
        left: "50%",
        transform: "translateX(-50%)",
        whiteSpace: "nowrap",
        padding: "6px 12px",
        borderRadius: 9,
        background: "rgba(8,12,35,0.96)",
        border: `1px solid ${c}25`,
        boxShadow: "0 4px 16px rgba(0,0,0,0.5)",
        zIndex: 20,
        animation: "fadeIn .15s ease"
      }
    }, lines.map((ln, li) => React.createElement("div", {
      key: li,
      style: {
        fontSize: 11,
        fontWeight: 600,
        color: c,
        marginBottom: li < lines.length - 1 ? 3 : 0
      }
    }, ln)), React.createElement("div", {
      style: {
        position: "absolute",
        bottom: -4,
        left: "50%",
        transform: "translateX(-50%) rotate(45deg)",
        width: 7,
        height: 7,
        background: "rgba(8,12,35,0.96)",
        borderRight: `1px solid ${c}25`,
        borderBottom: `1px solid ${c}25`
      }
    })));
  }), anchorSun && React.createElement("div", {
    style: {
      position: "absolute",
      left: anchorSun.x - 20,
      top: anchorSun.y - 20,
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      zIndex: 5,
      pointerEvents: "none"
    }
  }, React.createElement("div", {
    style: {
      width: 40,
      height: 40,
      borderRadius: "50%",
      background: "radial-gradient(circle at 40% 30%,rgba(251,191,36,0.28),rgba(251,146,60,0.08))",
      border: "2px solid rgba(251,191,36,0.55)",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: "0 0 18px rgba(251,191,36,0.3)"
    }
  }, React.createElement(Icon, {
    name: "sun",
    size: 18,
    color: "#fbbf24"
  })), React.createElement("span", {
    style: {
      fontSize: 9,
      fontWeight: 700,
      color: "#fbbf24",
      marginTop: 2,
      textShadow: "0 1px 4px rgba(0,0,0,0.8)"
    }
  }, anchorSun.time)), anchorMoon && React.createElement("div", {
    style: {
      position: "absolute",
      left: anchorMoon.x - 20,
      top: anchorMoon.y - 20,
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      zIndex: 5,
      pointerEvents: "none"
    }
  }, React.createElement("div", {
    style: {
      width: 40,
      height: 40,
      borderRadius: "50%",
      background: "radial-gradient(circle at 40% 30%,rgba(167,139,250,0.28),rgba(139,124,246,0.08))",
      border: "2px solid rgba(167,139,250,0.55)",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: "0 0 18px rgba(167,139,250,0.3)"
    }
  }, React.createElement(Icon, {
    name: "moon",
    size: 18,
    color: "#a78bfa"
  })), React.createElement("span", {
    style: {
      fontSize: 9,
      fontWeight: 700,
      color: "#a78bfa",
      marginTop: 2,
      textShadow: "0 1px 4px rgba(0,0,0,0.8)"
    }
  }, anchorMoon.time)), React.createElement("div", {
    style: {
      position: "absolute",
      inset: 0,
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      justifyContent: "center",
      pointerEvents: "none"
    }
  }, React.createElement("span", {
    style: {
      fontSize: 14,
      color: isBedtime ? "#c084fc" : T.sub,
      fontWeight: 500,
      letterSpacing: 1.5,
      display: "flex",
      alignItems: "center",
      gap: 5
    }
  }, isBedtime && React.createElement(Icon, {
    name: "bed",
    size: 14,
    color: "#c084fc"
  }), sub, screenLockActive && React.createElement("span", {
    title: lang === "en" ? "Screen on" : "Tela ligada",
    style: {
      display: "inline-flex",
      alignItems: "center",
      gap: 3,
      marginLeft: 4,
      padding: "2px 6px",
      borderRadius: 8,
      background: "rgba(251,191,36,0.12)",
      border: "1px solid rgba(251,191,36,0.3)"
    }
  }, React.createElement("span", {
    style: {
      width: 5,
      height: 5,
      borderRadius: "50%",
      background: "#fbbf24",
      boxShadow: "0 0 6px #fbbf24",
      animation: "pulse 1.5s ease-in-out infinite"
    }
  }), React.createElement("span", {
    style: {
      fontSize: 8,
      fontWeight: 700,
      color: "#fbbf24",
      letterSpacing: 0.5,
      textTransform: "uppercase"
    }
  }, lang === "en" ? "On" : "On"))), React.createElement("span", {
    style: {
      fontSize: 52,
      fontWeight: 800,
      letterSpacing: -2,
      marginTop: 4,
      background: hasProgress ? `linear-gradient(135deg,${col2},${col1})` : `linear-gradient(135deg,${T.text},${T.sub})`,
      WebkitBackgroundClip: "text",
      WebkitTextFillColor: "transparent",
      backgroundClip: "text"
    }
  }, lbl), napSug && napSug.predictedTime && !activeTimer && React.createElement("span", {
    style: {
      fontSize: 10,
      fontWeight: 600,
      color: col1,
      opacity: 0.7,
      marginTop: 2
    }
  }, lang === "en" ? "Nap" : "Nap", " ", napSug.napPos || "", " ~", napSug.predictedTime)), tip !== null && React.createElement("div", {
    onClick: () => setTip(null),
    style: {
      position: "absolute",
      inset: 0,
      zIndex: 1
    }
  }), showOrbit && React.createElement("div", {
    key: Date.now(),
    style: {
      position: "absolute",
      left: 167,
      top: 167,
      width: 6,
      height: 6,
      zIndex: 10,
      pointerEvents: "none",
      animation: "orbitComet 1.2s cubic-bezier(0.25,0.1,0.25,1) forwards"
    }
  }, React.createElement("div", {
    style: {
      width: 6,
      height: 6,
      borderRadius: "50%",
      background: "#fff",
      boxShadow: "0 0 8px #fff, 0 0 20px rgba(139,124,246,0.6), -8px 0 12px rgba(139,124,246,0.3), -16px 0 8px rgba(139,124,246,0.15)",
      transform: "translateY(-148px)"
    }
  }))));
});
function MlGoalBar({
  current,
  goal
}) {
  if (!goal || goal <= 0) return null;
  const pct = Math.min(100, current / goal * 100);
  const reached = current >= goal;
  return React.createElement("div", {
    style: {
      padding: "0 20px",
      marginBottom: 16
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      justifyContent: "space-between",
      alignItems: "center",
      marginBottom: 6
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 6
    }
  }, React.createElement(Icon, {
    name: "target",
    size: 14,
    color: reached ? T.green : T.sub
  }), React.createElement("span", {
    style: {
      fontSize: 11,
      fontWeight: 600,
      color: T.sub
    }
  }, L("dailyGoal"))), React.createElement("span", {
    style: {
      fontSize: 12,
      fontWeight: 700,
      color: reached ? T.green : T.text
    }
  }, current, " / ", goal, " ml")), React.createElement("div", {
    style: {
      height: 6,
      borderRadius: 3,
      background: T.bg3,
      overflow: "hidden"
    }
  }, React.createElement("div", {
    style: {
      height: "100%",
      borderRadius: 3,
      width: `${pct}%`,
      background: reached ? T.green : `linear-gradient(90deg,${T.accent},${T.purple})`,
      transition: "width .5s"
    }
  })));
}
function LastFeedCard({
  entries
}) {
  const feed = entries.filter(e => e.type === "bottle" || e.type === "nursing").sort((a, b) => `${b.date}T${b.time}`.localeCompare(`${a.date}T${a.time}`))[0];
  if (!feed) return null;
  const ago = timeSince(feed.date, feed.time);
  const isBottle = feed.type === "bottle";
  const detail = isBottle && feed.ml ? `${feed.ml}ml` : feed.durationMin ? fmtDur(feed.durationMin) : TL(feed.type);
  const col = isBottle ? T.green : T.blue;
  const colLight = isBottle ? "#6ee7b7" : "#7dd3fc";
  return React.createElement("div", {
    style: {
      padding: "0 20px",
      marginBottom: 14
    }
  }, React.createElement("div", {
    style: {
      position: "relative",
      padding: "16px 18px 16px 22px",
      borderRadius: 18,
      background: `linear-gradient(180deg,${col}12,${col}04)`,
      border: `1px solid ${col}32`,
      display: "flex",
      alignItems: "center",
      gap: 14,
      overflow: "hidden",
      boxShadow: `0 1px 0 0 rgba(255,255,255,0.06) inset, 0 6px 16px -8px ${col}25`
    }
  }, React.createElement("div", {
    style: {
      position: "absolute",
      left: 0,
      top: 0,
      bottom: 0,
      width: 4,
      background: `linear-gradient(180deg,${col},${col}40)`,
      borderRadius: "0 2px 2px 0",
      pointerEvents: "none"
    }
  }), React.createElement("div", {
    style: {
      width: 46,
      height: 46,
      borderRadius: 14,
      background: `linear-gradient(135deg,${col}38,${col}10)`,
      border: `1px solid ${col}50`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      flexShrink: 0,
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.08) inset"
    }
  }, React.createElement(Icon, {
    name: isBottle ? "bottle" : "breast",
    size: 20,
    color: colLight
  })), React.createElement("div", {
    style: {
      flex: 1,
      minWidth: 0
    }
  }, React.createElement("div", {
    style: {
      fontSize: 11,
      color: "#7a80a8",
      fontWeight: 600,
      letterSpacing: -0.05
    }
  }, _lang === "en" ? "Last feed" : "Última mamada"), React.createElement("div", {
    style: {
      fontSize: 20,
      fontWeight: 800,
      color: colLight,
      letterSpacing: -0.5,
      fontVariantNumeric: "tabular-nums",
      marginTop: 2
    }
  }, detail)), React.createElement("div", {
    style: {
      textAlign: "right"
    }
  }, React.createElement("div", {
    style: {
      fontSize: 14,
      fontWeight: 700,
      color: "#f0f2ff",
      fontVariantNumeric: "tabular-nums",
      letterSpacing: -0.3
    }
  }, feed.time), React.createElement("div", {
    style: {
      fontSize: 11,
      color: T.sub,
      marginTop: 3,
      fontWeight: 500
    }
  }, ago))));
}
function WeeklyCard({
  entries
}) {
  const tw = [],
    lw = [];
  for (let i = 0; i < 7; i++) {
    const d1 = dateOffset(todayStr(), -i),
      d2 = dateOffset(todayStr(), -7 - i);
    tw.push(...entries.filter(e => e.date === d1));
    lw.push(...entries.filter(e => e.date === d2));
  }
  const tMl = tw.filter(e => e.type === "bottle").reduce((s, e) => s + (e.ml || 0), 0);
  const lMl = lw.filter(e => e.type === "bottle").reduce((s, e) => s + (e.ml || 0), 0);
  const tSl = sumRealSleep(tw);
  const lSl = sumRealSleep(lw);
  if (!lMl && !lSl) return null;
  const md = lMl > 0 ? Math.round((tMl - lMl) / lMl * 100) : 0;
  const sd = lSl > 0 ? Math.round((tSl - lSl) / lSl * 100) : 0;
  if (!md && !sd) return null;
  return React.createElement("div", {
    style: {
      padding: "0 20px",
      marginBottom: 16
    }
  }, React.createElement("div", {
    style: {
      padding: "16px 18px",
      borderRadius: 18,
      background: "linear-gradient(180deg,rgba(22,28,60,0.55),rgba(20,26,60,0.4))",
      border: `1px solid ${T.gBSoft}`,
      display: "flex",
      gap: 18,
      boxShadow: T.insetTop
    }
  }, md !== 0 && React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 8,
      flex: 1
    }
  }, React.createElement("div", {
    style: {
      width: 30,
      height: 30,
      borderRadius: 10,
      background: `linear-gradient(135deg,${md > 0 ? T.green : T.orange}30,${md > 0 ? T.green : T.orange}10)`,
      border: `1px solid ${md > 0 ? T.green : T.orange}45`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      flexShrink: 0,
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.08) inset"
    }
  }, React.createElement(Icon, {
    name: md > 0 ? "arrowUp" : "arrowDown",
    size: 14,
    color: md > 0 ? "#6ee7b7" : "#fdba74"
  })), React.createElement("span", {
    style: {
      fontSize: 12,
      color: "#9099c3",
      lineHeight: 1.4
    }
  }, React.createElement("span", {
    style: {
      fontWeight: 800,
      color: md > 0 ? "#6ee7b7" : "#fdba74",
      fontVariantNumeric: "tabular-nums",
      letterSpacing: -0.2
    }
  }, Math.abs(md), "%"), " ", L("milkVsWeek"))), sd !== 0 && React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 8,
      flex: 1
    }
  }, React.createElement("div", {
    style: {
      width: 30,
      height: 30,
      borderRadius: 10,
      background: `linear-gradient(135deg,${sd > 0 ? T.green : T.orange}30,${sd > 0 ? T.green : T.orange}10)`,
      border: `1px solid ${sd > 0 ? T.green : T.orange}45`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      flexShrink: 0,
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.08) inset"
    }
  }, React.createElement(Icon, {
    name: sd > 0 ? "arrowUp" : "arrowDown",
    size: 14,
    color: sd > 0 ? "#6ee7b7" : "#fdba74"
  })), React.createElement("span", {
    style: {
      fontSize: 12,
      color: "#9099c3",
      lineHeight: 1.4
    }
  }, React.createElement("span", {
    style: {
      fontWeight: 800,
      color: sd > 0 ? "#6ee7b7" : "#fdba74",
      fontVariantNumeric: "tabular-nums",
      letterSpacing: -0.2
    }
  }, Math.abs(sd), "%"), " ", _lang === "en" ? "sleep" : "sono"))));
}
function EditStartModal({
  open,
  onClose,
  activeTimer,
  onSave
}) {
  const [dateStr, setDateStr] = useState("");
  const [timeStr, setTimeStr] = useState("");
  const [tick, setTick] = useState(0);
  useEffect(() => {
    if (!open || !activeTimer) return;
    const st = new Date(activeTimer.startTime);
    setDateStr(`${st.getFullYear()}-${String(st.getMonth() + 1).padStart(2, "0")}-${String(st.getDate()).padStart(2, "0")}`);
    setTimeStr(`${String(st.getHours()).padStart(2, "0")}:${String(st.getMinutes()).padStart(2, "0")}`);
  }, [open, activeTimer]);
  useEffect(() => {
    if (!open) return;
    const iv = setInterval(() => setTick(k => k + 1), 1000);
    return () => clearInterval(iv);
  }, [open]);
  if (!activeTimer) return null;
  const typeLabel = activeTimer.type === "sleep" ? _lang === "en" ? "Bedtime" : "Bedtime" : activeTimer.type === "nap" ? _lang === "en" ? "Nap" : "Soneca" : _lang === "en" ? "Tummy time" : "Tummy time";
  const typeColor = activeTimer.type === "tummytime" ? T.amber : T.purple;
  const typeColorLight = activeTimer.type === "tummytime" ? "#fde68a" : "#c4b5fd";
  const typeIcon = activeTimer.type === "sleep" ? "moon" : activeTimer.type === "nap" ? "cloud" : "baby";
  let newStartMs = null,
    valid = false,
    errMsg = "";
  try {
    if (dateStr && timeStr) {
      const d = new Date(`${dateStr}T${timeStr}`);
      if (!isNaN(d.getTime())) {
        newStartMs = d.getTime();
        const nowMs = Date.now();
        if (newStartMs > nowMs) {
          errMsg = _lang === "en" ? "Start cannot be in the future" : "Início não pode ser no futuro";
        } else if (nowMs - newStartMs > 30 * 60 * 60 * 1000) {
          errMsg = _lang === "en" ? "Too far in the past (max 30h)" : "Muito longe no passado (máx 30h)";
        } else {
          const wakings = activeTimer.wakings || [];
          if (wakings.length > 0) {
            const origStart = new Date(activeTimer.startTime);
            const fw = wakings[0];
            const [fwh, fwm] = (fw.time || "00:00").split(":").map(Number);
            const startMinOfDay = origStart.getHours() * 60 + origStart.getMinutes();
            const wakeMinOfDay = fwh * 60 + fwm;
            let dayOffset = 0;
            if (wakeMinOfDay < startMinOfDay) dayOffset = 1;
            const fwMs = new Date(origStart.getFullYear(), origStart.getMonth(), origStart.getDate() + dayOffset, fwh, fwm).getTime();
            if (newStartMs >= fwMs) {
              errMsg = _lang === "en" ? "First waking is before this time" : "Primeiro despertar é antes desse horário";
            } else {
              valid = true;
            }
          } else {
            valid = true;
          }
        }
      }
    }
  } catch (e) {
    errMsg = _lang === "en" ? "Invalid date/time" : "Data/hora inválidos";
  }
  const newMins = newStartMs ? Math.max(0, Math.floor((Date.now() - newStartMs) / 60000)) : 0;
  const oldMins = Math.max(0, Math.floor((Date.now() - new Date(activeTimer.startTime).getTime()) / 60000));
  const fmtM = m => {
    const h = Math.floor(m / 60),
      r = m % 60;
    return h > 0 ? `${h}h ${r}min` : `${r}min`;
  };
  const doSave = async () => {
    if (!valid || !newStartMs) return;
    Haptic.medium();
    await onSave(new Date(newStartMs).toISOString());
    onClose();
  };
  const wakingsCount = (activeTimer.wakings || []).length;
  return React.createElement(Modal, {
    open: open,
    onClose: onClose
  }, React.createElement("div", {
    style: {
      width: 64,
      height: 64,
      margin: "0 auto 16px",
      borderRadius: 20,
      background: `linear-gradient(135deg,${typeColor}38,${typeColor}10)`,
      border: `1px solid ${typeColor}50`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.08) inset",
      position: "relative"
    }
  }, React.createElement(Icon, {
    name: typeIcon,
    size: 28,
    color: typeColorLight
  })), React.createElement("div", {
    style: {
      textAlign: "center",
      fontSize: 22,
      fontWeight: 800,
      letterSpacing: -0.5,
      color: "#f0f2ff",
      marginBottom: 6
    }
  }, _lang === "en" ? "Edit start" : "Editar início"), React.createElement("div", {
    style: {
      textAlign: "center",
      fontSize: 12,
      color: "#9099c3",
      lineHeight: 1.55,
      marginBottom: 20
    }
  }, _lang === "en" ? `Change the start time of this ${typeLabel.toLowerCase()}. Wakings stay at their actual time.` : `Mude o horário de início deste ${typeLabel.toLowerCase()}. Despertares permanecem no horário real.`), React.createElement("div", {
    style: {
      fontSize: 11,
      color: "#7a80a8",
      fontWeight: 600,
      marginBottom: 10,
      letterSpacing: -0.05
    }
  }, _lang === "en" ? "Day" : "Data"), React.createElement("div", {
    style: {
      display: "grid",
      gridTemplateColumns: "minmax(0,1fr) minmax(0,1fr)",
      gap: 10,
      marginBottom: 16
    }
  }, React.createElement("input", {
    type: "date",
    value: dateStr,
    onChange: e => setDateStr(e.target.value),
    style: {
      width: "100%",
      maxWidth: "100%",
      boxSizing: "border-box",
      WebkitAppearance: "none",
      appearance: "none",
      padding: "14px 14px",
      background: "rgba(20,26,60,0.55)",
      border: `1px solid ${T.gBSoft}`,
      borderRadius: 14,
      color: T.text,
      fontSize: 16,
      fontWeight: 600,
      letterSpacing: -0.2,
      outline: "none",
      colorScheme: "dark",
      textAlign: "center",
      boxShadow: T.insetTop
    }
  }), React.createElement("input", {
    type: "time",
    value: timeStr,
    onChange: e => setTimeStr(e.target.value),
    style: {
      width: "100%",
      maxWidth: "100%",
      boxSizing: "border-box",
      WebkitAppearance: "none",
      appearance: "none",
      padding: "14px 14px",
      background: "rgba(20,26,60,0.55)",
      border: `1px solid ${T.gBSoft}`,
      borderRadius: 14,
      color: T.text,
      fontSize: 16,
      fontWeight: 600,
      letterSpacing: -0.2,
      outline: "none",
      colorScheme: "dark",
      textAlign: "center",
      fontVariantNumeric: "tabular-nums",
      boxShadow: T.insetTop
    }
  })), errMsg ? React.createElement("div", {
    style: {
      padding: "12px 14px",
      borderRadius: 12,
      background: "rgba(248,113,113,0.10)",
      border: "1px solid rgba(248,113,113,0.28)",
      marginBottom: 16,
      fontSize: 12,
      color: "#fca5a5",
      textAlign: "center",
      lineHeight: 1.5
    }
  }, errMsg) : valid && React.createElement("div", {
    style: {
      padding: "12px 14px",
      borderRadius: 12,
      background: `${typeColor}10`,
      border: `1px solid ${typeColor}28`,
      marginBottom: 16,
      fontSize: 12,
      color: typeColorLight,
      textAlign: "center",
      lineHeight: 1.6
    }
  }, _lang === "en" ? "New duration: " : "Nova duração: ", React.createElement("strong", {
    style: {
      color: "#f0f2ff",
      fontWeight: 800
    }
  }, fmtM(newMins)), React.createElement("span", {
    style: {
      color: "#7a80a8",
      fontWeight: 500
    }
  }, " (", _lang === "en" ? "was " : "era ", fmtM(oldMins), ")"), wakingsCount > 0 && React.createElement("div", {
    style: {
      fontSize: 10,
      color: "#9099c3",
      marginTop: 4
    }
  }, wakingsCount, " ", _lang === "en" ? `waking${wakingsCount > 1 ? "s" : ""} preserved` : `despertar${wakingsCount > 1 ? "es" : ""} preservado${wakingsCount > 1 ? "s" : ""}`)), React.createElement("button", {
    onClick: doSave,
    disabled: !valid,
    style: {
      width: "100%",
      padding: 16,
      borderRadius: 16,
      background: valid ? `linear-gradient(180deg,${typeColor},${typeColor}cc)` : "rgba(14,18,48,0.6)",
      color: valid ? "#1a0f00" : T.dim,
      fontSize: 16,
      fontWeight: 800,
      letterSpacing: -0.2,
      border: `1px solid ${valid ? `${typeColor}70` : T.gBSoft}`,
      boxShadow: valid ? `0 1px 0 0 rgba(255,255,255,0.25) inset, 0 0 0 1px rgba(255,255,255,0.06), 0 8px 24px -8px ${typeColor}55` : "none",
      cursor: valid ? "pointer" : "not-allowed",
      opacity: valid ? 1 : 0.5
    }
  }, _lang === "en" ? "Save changes" : "Salvar alterações"));
}
function NursingSidePicker({
  open,
  onClose,
  onSelect
}) {
  const [vis, setVis] = useState(false),
    [show, setShow] = useState(false);
  useEffect(() => {
    if (open) {
      setVis(true);
      requestAnimationFrame(() => requestAnimationFrame(() => setShow(true)));
    } else {
      setShow(false);
      const t = setTimeout(() => setVis(false), 500);
      return () => clearTimeout(t);
    }
  }, [open]);
  if (!vis) return null;
  const handleSelect = side => {
    Haptic.medium();
    onSelect(side);
    onClose();
  };
  return React.createElement("div", {
    style: {
      position: "fixed",
      inset: 0,
      zIndex: 90
    },
    onClick: onClose
  }, React.createElement("div", {
    style: {
      position: "absolute",
      inset: 0,
      background: "rgba(3,6,20,0.6)",
      backdropFilter: "blur(6px)",
      WebkitBackdropFilter: "blur(6px)",
      opacity: show ? 1 : 0,
      transition: "opacity .4s cubic-bezier(0.22,1,0.36,1)"
    }
  }), React.createElement("div", {
    onClick: e => e.stopPropagation(),
    style: {
      position: "absolute",
      left: "50%",
      bottom: 0,
      transform: show ? "translate(-50%,0)" : "translate(-50%,100%)",
      width: "calc(100% - 24px)",
      maxWidth: 440,
      padding: "24px 22px calc(28px + env(safe-area-inset-bottom))",
      borderRadius: "28px 28px 0 0",
      background: "linear-gradient(180deg,rgba(22,28,60,0.97),rgba(14,18,48,0.99))",
      backdropFilter: "blur(18px)",
      WebkitBackdropFilter: "blur(18px)",
      border: `1px solid ${T.blue}33`,
      borderBottom: "none",
      boxShadow: `0 1px 0 0 rgba(255,255,255,0.08) inset, 0 -24px 70px -12px ${T.blue}40, 0 -8px 30px -8px rgba(0,0,0,0.6)`,
      transition: "transform .5s cubic-bezier(0.22,1.1,0.36,1)",
      willChange: "transform"
    }
  }, React.createElement("div", {
    style: {
      width: 40,
      height: 4,
      borderRadius: 2,
      background: "rgba(255,255,255,0.18)",
      margin: "-10px auto 20px",
      opacity: show ? 1 : 0,
      transform: show ? "scaleX(1)" : "scaleX(0.5)",
      transition: "opacity .3s ease .05s, transform .4s cubic-bezier(0.22,1,0.36,1) .05s"
    }
  }), React.createElement("div", {
    style: {
      display: "flex",
      justifyContent: "center",
      marginBottom: 22
    }
  }, React.createElement("div", {
    style: {
      width: 58,
      height: 58,
      borderRadius: 18,
      background: `linear-gradient(135deg,${T.blue}5c,${T.blue}14)`,
      border: `1px solid ${T.blue}70`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: `0 1px 0 0 rgba(255,255,255,0.12) inset, 0 8px 24px -8px ${T.blue}80`,
      opacity: show ? 1 : 0,
      transform: show ? "scale(1) translateY(0)" : "scale(0.6) translateY(14px)",
      transition: "opacity .5s cubic-bezier(0.22,1,0.36,1) .12s, transform .55s cubic-bezier(0.34,1.4,0.5,1) .12s"
    }
  }, React.createElement(Icon, {
    name: "breast",
    size: 28,
    color: "#7dd3fc"
  }))), React.createElement("div", {
    style: {
      display: "grid",
      gridTemplateColumns: "1fr 1fr",
      gap: 12
    }
  }, [{
    k: "left",
    L: "L",
    pt: "Esquerdo",
    en: "Left"
  }, {
    k: "right",
    L: "R",
    pt: "Direito",
    en: "Right"
  }].map((s, i) => React.createElement("button", {
    key: s.k,
    onClick: () => handleSelect(s.k),
    style: {
      padding: "32px 0 26px",
      borderRadius: 22,
      background: `linear-gradient(180deg,${T.blue}26,${T.blue}0a)`,
      border: `1px solid ${T.blue}52`,
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      gap: 6,
      boxShadow: `0 1px 0 0 rgba(255,255,255,0.08) inset, 0 0 0 1px ${T.blue}10, 0 10px 26px -12px ${T.blue}66`,
      opacity: show ? 1 : 0,
      transform: show ? "scale(1) translateY(0)" : "scale(0.88) translateY(18px)",
      transition: `opacity .45s cubic-bezier(0.22,1,0.36,1) ${0.22 + i * 0.08}s, transform .55s cubic-bezier(0.34,1.35,0.5,1) ${0.22 + i * 0.08}s`,
      cursor: "pointer"
    }
  }, React.createElement("div", {
    style: {
      fontSize: 52,
      fontWeight: 800,
      letterSpacing: -3,
      lineHeight: 0.95,
      background: "linear-gradient(135deg,#ffffff,#7dd3fc)",
      WebkitBackgroundClip: "text",
      WebkitTextFillColor: "transparent",
      backgroundClip: "text"
    }
  }, s.L), React.createElement("div", {
    style: {
      fontSize: 11,
      fontWeight: 600,
      color: "#7dd3fc",
      letterSpacing: -0.1,
      marginTop: 4,
      opacity: 0.75
    }
  }, _lang === "en" ? s.en : s.pt))))));
}
function TimerBar({
  activeTimer,
  onStop,
  onSwitch,
  onPause,
  onEditStart,
  hidden
}) {
  const [tick, setTick] = useState(0);
  useEffect(() => {
    if (!activeTimer) return;
    const iv = setInterval(() => setTick(k => k + 1), 1000);
    return () => clearInterval(iv);
  }, [activeTimer]);
  if (!activeTimer) return null;
  if (hidden) return null;
  if (activeTimer.type === "nursing") {
    const now = Date.now();
    const paused = !!activeTimer.paused;
    const elapsed = paused ? 0 : now - new Date(activeTimer.sideStart || activeTimer.startTime).getTime();
    let lMs = activeTimer.leftMs || 0,
      rMs = activeTimer.rightMs || 0;
    if (!paused) {
      if (activeTimer.side === "left") lMs += elapsed;else rMs += elapsed;
    }
    const lSecs = Math.floor(lMs / 1000),
      rSecs = Math.floor(rMs / 1000);
    const isL = activeTimer.side === "left";
    const bc = T.blue;
    return React.createElement("div", {
      style: {
        position: "absolute",
        bottom: "calc(88px + env(safe-area-inset-bottom))",
        left: "50%",
        transform: "translateX(-50%)",
        width: "calc(100% - 32px)",
        maxWidth: 448,
        padding: "14px 14px",
        borderRadius: 20,
        background: `linear-gradient(180deg,${bc}1a,${bc}06)`,
        border: `1px solid ${bc}50`,
        backdropFilter: "blur(16px)",
        WebkitBackdropFilter: "blur(16px)",
        display: "flex",
        alignItems: "center",
        gap: 10,
        pointerEvents: "auto",
        boxShadow: `0 1px 0 0 rgba(255,255,255,0.08) inset, 0 0 0 1px ${bc}15, 0 12px 30px -10px ${bc}40`,
        overflow: "hidden"
      }
    }, React.createElement("div", {
      style: {
        position: "absolute",
        inset: 0,
        background: "radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.05),transparent 60%)",
        pointerEvents: "none"
      }
    }), React.createElement("div", {
      style: {
        position: "relative",
        width: 44,
        height: 44,
        borderRadius: 13,
        background: `linear-gradient(135deg,${bc}38,${bc}10)`,
        border: `1px solid ${bc}55`,
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        flexShrink: 0,
        boxShadow: "0 1px 0 0 rgba(255,255,255,0.1) inset"
      }
    }, React.createElement(Icon, {
      name: "breast",
      size: 20,
      color: "#7dd3fc"
    })), React.createElement("button", {
      onClick: () => onSwitch("left"),
      style: {
        position: "relative",
        flex: 1,
        padding: "8px 4px",
        borderRadius: 14,
        background: isL ? `linear-gradient(180deg,${bc}30,${bc}10)` : "transparent",
        border: isL ? `1px solid ${bc}55` : "1px solid transparent",
        boxShadow: isL ? "0 1px 0 0 rgba(255,255,255,0.1) inset" : "none",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        gap: 8
      }
    }, React.createElement("div", {
      style: {
        display: "flex",
        flexDirection: "column",
        alignItems: "center",
        gap: 2
      }
    }, React.createElement("span", {
      style: {
        fontSize: 11,
        fontWeight: 700,
        color: isL ? "#7dd3fc" : T.dim,
        letterSpacing: 0.3
      }
    }, "L"), React.createElement("span", {
      style: {
        fontSize: 20,
        fontWeight: 800,
        fontVariantNumeric: "tabular-nums",
        letterSpacing: -0.6,
        color: isL ? "#f0f2ff" : T.dim
      }
    }, fmtTimer(lSecs))), isL && React.createElement("button", {
      onClick: e => {
        e.stopPropagation();
        onPause();
      },
      style: {
        width: 30,
        height: 30,
        borderRadius: 9,
        background: `linear-gradient(180deg,${bc}40,${bc}20)`,
        border: `1px solid ${bc}55`,
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        marginLeft: 4,
        boxShadow: "0 1px 0 0 rgba(255,255,255,0.1) inset"
      }
    }, paused ? React.createElement("svg", {
      width: "11",
      height: "11",
      viewBox: "0 0 24 24"
    }, React.createElement("polygon", {
      points: "6 3 20 12 6 21",
      fill: "#fff"
    })) : React.createElement("svg", {
      width: "11",
      height: "11",
      viewBox: "0 0 24 24",
      fill: "#fff"
    }, React.createElement("rect", {
      x: "5",
      y: "3",
      width: "5",
      height: "18",
      rx: "1"
    }), React.createElement("rect", {
      x: "14",
      y: "3",
      width: "5",
      height: "18",
      rx: "1"
    })))), React.createElement("button", {
      onClick: () => onSwitch("right"),
      style: {
        position: "relative",
        flex: 1,
        padding: "8px 4px",
        borderRadius: 14,
        background: !isL ? `linear-gradient(180deg,${bc}30,${bc}10)` : "transparent",
        border: !isL ? `1px solid ${bc}55` : "1px solid transparent",
        boxShadow: !isL ? "0 1px 0 0 rgba(255,255,255,0.1) inset" : "none",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        gap: 8
      }
    }, React.createElement("div", {
      style: {
        display: "flex",
        flexDirection: "column",
        alignItems: "center",
        gap: 2
      }
    }, React.createElement("span", {
      style: {
        fontSize: 11,
        fontWeight: 700,
        color: !isL ? "#7dd3fc" : T.dim,
        letterSpacing: 0.3
      }
    }, "R"), React.createElement("span", {
      style: {
        fontSize: 20,
        fontWeight: 800,
        fontVariantNumeric: "tabular-nums",
        letterSpacing: -0.6,
        color: !isL ? "#f0f2ff" : T.dim
      }
    }, fmtTimer(rSecs))), !isL && React.createElement("button", {
      onClick: e => {
        e.stopPropagation();
        onPause();
      },
      style: {
        width: 30,
        height: 30,
        borderRadius: 9,
        background: `linear-gradient(180deg,${bc}40,${bc}20)`,
        border: `1px solid ${bc}55`,
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        marginLeft: 4,
        boxShadow: "0 1px 0 0 rgba(255,255,255,0.1) inset"
      }
    }, paused ? React.createElement("svg", {
      width: "11",
      height: "11",
      viewBox: "0 0 24 24"
    }, React.createElement("polygon", {
      points: "6 3 20 12 6 21",
      fill: "#fff"
    })) : React.createElement("svg", {
      width: "11",
      height: "11",
      viewBox: "0 0 24 24",
      fill: "#fff"
    }, React.createElement("rect", {
      x: "5",
      y: "3",
      width: "5",
      height: "18",
      rx: "1"
    }), React.createElement("rect", {
      x: "14",
      y: "3",
      width: "5",
      height: "18",
      rx: "1"
    })))), React.createElement("button", {
      onClick: onStop,
      style: {
        position: "relative",
        width: 44,
        height: 44,
        borderRadius: 13,
        background: `linear-gradient(180deg,${bc}50,${bc}28)`,
        border: `1px solid ${bc}65`,
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        boxShadow: `0 1px 0 0 rgba(255,255,255,0.15) inset, 0 4px 12px -4px ${bc}55`,
        flexShrink: 0
      }
    }, React.createElement(Icon, {
      name: "stop",
      size: 15,
      color: "#fff"
    })));
  }
  const secs = Math.max(0, Math.floor((Date.now() - new Date(activeTimer.startTime).getTime()) / 1000));
  const isTum = activeTimer.type === "tummytime";
  const tCol = isTum ? T.amber : T.purple;
  const tColLight = isTum ? "#fde68a" : "#c4b5fd";
  const tColLightRgba = isTum ? "rgba(253,230,138,0.9)" : "rgba(196,181,253,0.85)";
  const tLabel = isTum ? _lang === "en" ? "Tummy time" : "Tummy time" : activeTimer.type === "nap" ? TL("nap") : TL("sleep");
  const tIconName = isTum ? "baby" : activeTimer.type === "nap" ? "cloud" : "bed";
  const timeDisplay = isTum ? `${String(Math.floor(secs / 60)).padStart(2, "0")}:${String(secs % 60).padStart(2, "0")}` : fmtTimer(secs);
  const stDate = new Date(activeTimer.startTime);
  const stTimeStr = `${String(stDate.getHours()).padStart(2, "0")}:${String(stDate.getMinutes()).padStart(2, "0")}`;
  return React.createElement("div", {
    style: {
      position: "absolute",
      bottom: "calc(88px + env(safe-area-inset-bottom))",
      left: "50%",
      transform: "translateX(-50%)",
      width: "calc(100% - 32px)",
      maxWidth: 448,
      padding: "16px 14px 16px 18px",
      borderRadius: 20,
      background: `linear-gradient(180deg,${tCol}2e,${tCol}0f)`,
      border: `1px solid ${tCol}55`,
      backdropFilter: "blur(16px)",
      WebkitBackdropFilter: "blur(16px)",
      display: "flex",
      alignItems: "center",
      gap: 12,
      pointerEvents: "auto",
      boxShadow: `0 1px 0 0 rgba(255,255,255,0.08) inset, 0 0 0 1px ${tCol}15, 0 12px 30px -10px ${tCol}40`,
      overflow: "hidden"
    }
  }, React.createElement("div", {
    style: {
      position: "absolute",
      inset: 0,
      background: "radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.06),transparent 60%)",
      pointerEvents: "none"
    }
  }), React.createElement("div", {
    style: {
      width: 50,
      height: 50,
      borderRadius: 15,
      background: `linear-gradient(135deg,${tCol}45,${tCol}15)`,
      border: `1px solid ${tCol}55`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      flexShrink: 0,
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.1) inset",
      position: "relative"
    }
  }, React.createElement(Icon, {
    name: tIconName,
    size: 22,
    color: tColLight
  })), React.createElement("div", {
    style: {
      flex: 1,
      position: "relative",
      minWidth: 0
    }
  }, React.createElement("div", {
    style: {
      fontSize: 11,
      fontWeight: 600,
      color: tColLightRgba,
      letterSpacing: -0.05,
      marginBottom: 3,
      textTransform: "uppercase"
    }
  }, tLabel), React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "baseline",
      gap: 8,
      flexWrap: "wrap"
    }
  }, React.createElement("div", {
    style: {
      fontSize: 26,
      fontWeight: 800,
      fontVariantNumeric: "tabular-nums",
      color: "#f0f2ff",
      letterSpacing: -1
    }
  }, timeDisplay), React.createElement("div", {
    style: {
      fontSize: 11,
      color: "#9099c3",
      fontWeight: 600,
      fontVariantNumeric: "tabular-nums"
    }
  }, _lang === "en" ? "since " : "desde ", stTimeStr))), React.createElement("button", {
    onClick: () => onEditStart && onEditStart(),
    style: {
      width: 40,
      height: 40,
      borderRadius: 12,
      background: `${tCol}20`,
      border: `1px solid ${tCol}40`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.08) inset",
      flexShrink: 0
    }
  }, React.createElement(Icon, {
    name: "pencil",
    size: 15,
    color: tColLight
  })), React.createElement("button", {
    onClick: onStop,
    style: {
      width: 50,
      height: 50,
      borderRadius: 15,
      background: `linear-gradient(180deg,${tCol}60,${tCol}35)`,
      border: `1px solid ${tCol}70`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: `0 1px 0 0 rgba(255,255,255,0.15) inset, 0 6px 16px -6px ${tCol}55`,
      position: "relative",
      flexShrink: 0
    }
  }, React.createElement(Icon, {
    name: "stop",
    size: 16,
    color: "#fff"
  })));
}
function CuriosityCard({
  age,
  lang,
  tick
}) {
  const [vis, setVis] = useState(false);
  const [fading, setFading] = useState(false);
  const shownRef = useRef(null);
  useEffect(() => {
    if (!age) return;
    const h = new Date().getHours();
    if (h < 9 || h >= 10) {
      setVis(false);
      return;
    }
    const key = `${age.totalDays}-${h}`;
    if (shownRef.current === key) return;
    shownRef.current = key;
    setVis(true);
    setFading(false);
  }, [age, tick]);
  useEffect(() => {
    if (!vis) return;
    const t1 = setTimeout(() => setFading(true), 13500);
    const t2 = setTimeout(() => setVis(false), 15000);
    return () => {
      clearTimeout(t1);
      clearTimeout(t2);
    };
  }, [vis]);
  if (!vis || !age) return null;
  const dayNum = age.totalDays;
  const monthNum = age.months;
  const weekNum = age.totalWeeks;
  const colors = ["#fbbf24", "#34d399", "#38bdf8", "#a78bfa", "#f472b6", "#fb923c"];
  let txt = null,
    col = colors[0],
    tagLabel = "",
    daysLeft = null;
  if (dayNum >= 1 && dayNum <= 30) {
    const c = CURIOSITIES[dayNum - 1];
    if (!c) return null;
    txt = lang === "en" ? c.en : c.pt;
    col = colors[(dayNum - 1) % colors.length];
    tagLabel = lang === "en" ? `Day ${dayNum}` : `Dia ${dayNum}`;
    daysLeft = 30 - dayNum;
  } else if (monthNum >= 2 && monthNum <= 12 && age.days === 0) {
    const ms = MILESTONES.find(m => m.m === monthNum);
    if (ms) {
      txt = lang === "en" ? ms.en : ms.pt;
      col = colors[(monthNum - 1) % colors.length];
      tagLabel = lang === "en" ? `${monthNum} months` : `${monthNum} meses`;
    }
  }
  if (!txt && weekNum >= 5 && weekNum <= 52 && dayNum % 7 === 0) {
    const idx = weekNum - 5;
    const wc = WEEKLY_CURIOSITIES && WEEKLY_CURIOSITIES[idx];
    if (wc) {
      txt = lang === "en" ? wc.en : wc.pt;
      col = colors[(weekNum - 1) % colors.length];
      tagLabel = lang === "en" ? `Week ${weekNum}` : `Semana ${weekNum}`;
    }
  }
  if (!txt) return null;
  return React.createElement("div", {
    style: {
      position: "relative",
      margin: "0 20px 12px",
      padding: "18px 20px",
      borderRadius: 20,
      background: `linear-gradient(180deg,${col}1a,${col}05)`,
      border: `1px solid ${col}38`,
      overflow: "hidden",
      boxShadow: `0 1px 0 0 rgba(255,255,255,0.06) inset, 0 0 0 1px ${col}10, 0 8px 24px -8px ${col}25`,
      animation: fading ? "curiosityOut .5s ease forwards" : "curiosityIn .5s ease"
    }
  }, React.createElement("div", {
    style: {
      position: "absolute",
      inset: 0,
      background: "radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.05),transparent 60%)",
      pointerEvents: "none"
    }
  }), React.createElement("div", {
    style: {
      position: "relative",
      display: "flex",
      alignItems: "center",
      gap: 8,
      marginBottom: 10
    }
  }, React.createElement("div", {
    style: {
      width: 32,
      height: 32,
      borderRadius: 10,
      background: `linear-gradient(135deg,${col}38,${col}10)`,
      border: `1px solid ${col}50`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.08) inset"
    }
  }, React.createElement("svg", {
    width: "16",
    height: "16",
    viewBox: "0 0 24 24",
    fill: `${col}50`,
    stroke: col,
    strokeWidth: "1.5"
  }, React.createElement("circle", {
    cx: "12",
    cy: "12",
    r: "5"
  }), React.createElement("line", {
    x1: "12",
    y1: "1",
    x2: "12",
    y2: "3"
  }), React.createElement("line", {
    x1: "12",
    y1: "21",
    x2: "12",
    y2: "23"
  }), React.createElement("line", {
    x1: "4.22",
    y1: "4.22",
    x2: "5.64",
    y2: "5.64"
  }), React.createElement("line", {
    x1: "1",
    y1: "12",
    x2: "3",
    y2: "12"
  }))), React.createElement("span", {
    style: {
      fontSize: 10,
      fontWeight: 700,
      letterSpacing: 0.4,
      textTransform: "uppercase",
      color: col
    }
  }, tagLabel), daysLeft !== null && React.createElement("span", {
    style: {
      fontSize: 10,
      color: T.dim,
      marginLeft: "auto",
      fontWeight: 600
    }
  }, lang === "en" ? `${daysLeft} days left` : `${daysLeft} dias restantes`)), React.createElement("div", {
    style: {
      position: "relative",
      fontSize: 15,
      fontWeight: 700,
      marginBottom: 5,
      lineHeight: 1.3,
      color: "#f0f2ff",
      letterSpacing: -0.2
    }
  }, txt.t), React.createElement("div", {
    style: {
      position: "relative",
      fontSize: 12,
      color: "#9099c3",
      lineHeight: 1.6
    }
  }, txt.b));
}
function InsightCards({
  insights,
  phase
}) {
  const [vis, setVis] = useState(false);
  const [fading, setFading] = useState(false);
  const shownRef = useRef(null);
  useEffect(() => {
    if (!insights || insights.length === 0 || phase !== 2) {
      setVis(false);
      return;
    }
    const key = insights.map(h => h.title).join("|");
    if (shownRef.current === key) return;
    shownRef.current = key;
    setVis(true);
    setFading(false);
  }, [insights, phase]);
  useEffect(() => {
    if (!vis) return;
    const t1 = setTimeout(() => setFading(true), 13500);
    const t2 = setTimeout(() => setVis(false), 15000);
    return () => {
      clearTimeout(t1);
      clearTimeout(t2);
    };
  }, [vis]);
  if (!vis || !insights || insights.length === 0) return null;
  return React.createElement(React.Fragment, null, insights.map((h, i) => {
    const col = h.type === "good" ? T.green : h.type === "warn" ? T.orange : T.blue;
    const colLight = h.type === "good" ? "#6ee7b7" : h.type === "warn" ? "#fdba74" : "#7dd3fc";
    return React.createElement("div", {
      key: "hi" + i,
      style: {
        position: "relative",
        margin: "0 20px 12px",
        padding: "18px 20px",
        borderRadius: 20,
        background: `linear-gradient(180deg,${col}1f,${col}08)`,
        border: `1px solid ${col}45`,
        display: "flex",
        alignItems: "flex-start",
        gap: 14,
        boxShadow: `0 1px 0 0 rgba(255,255,255,0.08) inset, 0 0 0 1px ${col}10, 0 8px 24px -8px ${col}25`,
        overflow: "hidden",
        animation: fading ? "curiosityOut .5s ease forwards" : "curiosityIn .5s ease"
      }
    }, React.createElement("div", {
      style: {
        position: "absolute",
        inset: 0,
        background: "radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.05),transparent 60%)",
        pointerEvents: "none"
      }
    }), React.createElement("div", {
      style: {
        width: 42,
        height: 42,
        borderRadius: 13,
        background: `linear-gradient(135deg,${col}45,${col}15)`,
        border: `1px solid ${col}55`,
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        flexShrink: 0,
        boxShadow: "0 1px 0 0 rgba(255,255,255,0.1) inset",
        position: "relative"
      }
    }, React.createElement(Icon, {
      name: h.type === "good" ? "check" : h.type === "warn" ? "zap" : "star",
      size: 20,
      color: colLight
    })), React.createElement("div", {
      style: {
        flex: 1,
        minWidth: 0,
        position: "relative"
      }
    }, React.createElement("div", {
      style: {
        fontSize: 15,
        fontWeight: 700,
        color: colLight,
        letterSpacing: -0.2
      }
    }, h.title), React.createElement("div", {
      style: {
        fontSize: 12,
        color: "#9099c3",
        marginTop: 4,
        lineHeight: 1.55
      }
    }, h.sub)));
  }));
}
function Toast({
  message,
  onUndo,
  onClose
}) {
  const closeRef = useRef(onClose);
  closeRef.current = onClose;
  useEffect(() => {
    const t = setTimeout(() => closeRef.current(), 2000);
    return () => clearTimeout(t);
  }, []);
  return React.createElement("div", {
    style: {
      position: "fixed",
      top: "calc(20px + env(safe-area-inset-top))",
      left: "50%",
      transform: "translateX(-50%)",
      zIndex: 300,
      padding: "14px 18px",
      borderRadius: 18,
      background: "linear-gradient(180deg,rgba(20,26,66,0.95),rgba(14,18,52,0.95))",
      border: `1px solid ${T.gBSoft}`,
      backdropFilter: "blur(14px)",
      WebkitBackdropFilter: "blur(14px)",
      display: "flex",
      alignItems: "center",
      gap: 12,
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.08) inset, 0 12px 32px -8px rgba(0,0,0,0.6)",
      animation: "slideDown .3s ease"
    }
  }, React.createElement("span", {
    style: {
      fontSize: 14,
      color: "#f0f2ff",
      fontWeight: 600,
      letterSpacing: -0.2
    }
  }, message), onUndo && React.createElement("button", {
    onClick: onUndo,
    style: {
      padding: "7px 14px",
      borderRadius: 11,
      background: `linear-gradient(180deg,#9b8df8,#7c3aed)`,
      color: "#fff",
      fontSize: 13,
      fontWeight: 700,
      letterSpacing: -0.1,
      border: "1px solid rgba(139,124,246,0.5)",
      boxShadow: `0 1px 0 0 rgba(255,255,255,0.18) inset, 0 4px 12px -4px ${T.accent}55`
    }
  }, L("undo")));
}
function Sheet({
  open,
  onClose,
  children
}) {
  const [vis, setVis] = useState(false),
    [show, setShow] = useState(false);
  const sheetRef = useRef(null);
  const dragRef = useRef({
    active: false,
    started: false,
    rejected: false,
    startY: 0,
    lastY: 0,
    lastT: 0,
    velocity: 0,
    pointerId: null
  });
  const [dragY, setDragY] = useState(0);
  const [isDragging, setIsDragging] = useState(false);
  const DRAG_THRESHOLD = 8;
  useEffect(() => {
    if (open) {
      setVis(true);
      setDragY(0);
      setIsDragging(false);
      requestAnimationFrame(() => requestAnimationFrame(() => setShow(true)));
    } else {
      setShow(false);
      const t = setTimeout(() => {
        setVis(false);
        setDragY(0);
      }, 350);
      return () => clearTimeout(t);
    }
  }, [open]);
  const onPtrDown = e => {
    if (!e.isPrimary) return;
    dragRef.current = {
      active: true,
      started: false,
      rejected: false,
      startY: e.clientY,
      lastY: e.clientY,
      lastT: performance.now(),
      velocity: 0,
      pointerId: e.pointerId
    };
  };
  const onPtrMove = e => {
    const d = dragRef.current;
    if (!d.active || d.rejected) return;
    if (e.pointerId !== d.pointerId) return;
    const now = performance.now();
    const dt = now - d.lastT;
    const dy = e.clientY - d.lastY;
    if (dt > 0) d.velocity = dy / dt;
    d.lastY = e.clientY;
    d.lastT = now;
    const total = e.clientY - d.startY;
    if (!d.started) {
      if (total < -DRAG_THRESHOLD) {
        d.rejected = true;
        return;
      }
      if (total < DRAG_THRESHOLD) {
        return;
      }
      if (sheetRef.current && sheetRef.current.scrollTop > 0) {
        d.rejected = true;
        return;
      }
      d.started = true;
      setIsDragging(true);
      try {
        e.currentTarget.setPointerCapture(d.pointerId);
      } catch (_) {}
    }
    if (d.started) {
      if (e.cancelable) e.preventDefault();
      let diff = total - DRAG_THRESHOLD;
      if (diff < 0) diff = 0;
      setDragY(diff);
    }
  };
  const onPtrUp = e => {
    const d = dragRef.current;
    if (!d.active) return;
    if (e && e.pointerId !== undefined && e.pointerId !== d.pointerId) return;
    const wasStarted = d.started;
    const distance = dragY;
    const velocity = d.velocity;
    d.active = false;
    d.started = false;
    d.rejected = false;
    d.pointerId = null;
    if (!wasStarted) {
      return;
    }
    setIsDragging(false);
    const h = sheetRef.current?.offsetHeight || 500;
    if (distance > h * 0.28 || velocity > 0.55) {
      Haptic.light();
      onClose();
    } else {
      setDragY(0);
    }
  };
  if (!vis) return null;
  const sheetTransform = show ? dragY > 0 ? `translateY(${dragY}px)` : "translateY(0)" : "translateY(100%)";
  const sheetTransition = isDragging ? "none" : "transform .38s cubic-bezier(0.22,1,0.36,1)";
  const sheetH = sheetRef.current?.offsetHeight || 500;
  const backdropOpacity = show ? Math.max(0, 1 - dragY / (sheetH * 0.95)) : 0;
  const backdropTransition = isDragging ? "none" : "opacity .35s";
  return React.createElement("div", {
    style: {
      position: "fixed",
      inset: 0,
      zIndex: 200
    },
    onClick: onClose
  }, React.createElement("div", {
    style: {
      position: "absolute",
      inset: 0,
      background: "rgba(2,3,10,0.55)",
      backdropFilter: "blur(12px)",
      WebkitBackdropFilter: "blur(12px)",
      opacity: backdropOpacity,
      transition: backdropTransition
    }
  }), React.createElement("div", {
    ref: sheetRef,
    onClick: e => e.stopPropagation(),
    onPointerDown: onPtrDown,
    onPointerMove: onPtrMove,
    onPointerUp: onPtrUp,
    onPointerCancel: onPtrUp,
    style: {
      position: "absolute",
      bottom: 0,
      left: 0,
      right: 0,
      maxWidth: 480,
      margin: "0 auto",
      background: "linear-gradient(180deg,rgba(14,18,52,0.94),rgba(10,14,40,0.92))",
      backdropFilter: "blur(22px)",
      WebkitBackdropFilter: "blur(22px)",
      borderRadius: "32px 32px 0 0",
      border: "1px solid rgba(255,255,255,0.08)",
      borderBottom: "none",
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.1) inset, 0 -12px 50px rgba(0,0,0,0.5), 0 0 80px -20px rgba(139,124,246,0.15)",
      padding: "0 0 calc(90px + env(safe-area-inset-bottom))",
      transform: sheetTransform,
      transition: sheetTransition,
      maxHeight: "78vh",
      overflowY: "auto",
      willChange: "transform",
      touchAction: "pan-y"
    }
  }, React.createElement("div", {
    style: {
      padding: "10px 0 28px",
      cursor: "grab"
    }
  }, React.createElement("div", {
    style: {
      width: 44,
      height: 5,
      borderRadius: 3,
      background: "rgba(140,150,255,0.28)",
      margin: "0 auto"
    }
  })), children));
}
function Modal({
  open,
  onClose,
  children,
  wide
}) {
  const [vis, setVis] = useState(false),
    [show, setShow] = useState(false);
  useEffect(() => {
    if (open) {
      setVis(true);
      requestAnimationFrame(() => requestAnimationFrame(() => setShow(true)));
    } else {
      setShow(false);
      const t = setTimeout(() => setVis(false), 300);
      return () => clearTimeout(t);
    }
  }, [open]);
  if (!vis) return null;
  const mw = wide ? 400 : 340;
  return React.createElement("div", {
    style: {
      position: "fixed",
      inset: 0,
      zIndex: 150,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      padding: 16
    },
    onClick: onClose
  }, React.createElement("div", {
    style: {
      position: "absolute",
      inset: 0,
      background: "rgba(2,3,10,0.55)",
      backdropFilter: "blur(12px)",
      WebkitBackdropFilter: "blur(12px)",
      opacity: show ? 1 : 0,
      transition: "opacity .35s"
    }
  }), React.createElement("div", {
    onClick: e => e.stopPropagation(),
    style: {
      position: "relative",
      width: "100%",
      maxWidth: mw,
      maxHeight: "88vh",
      background: "linear-gradient(180deg,rgba(20,26,60,0.94),rgba(14,18,52,0.93))",
      backdropFilter: "blur(18px)",
      WebkitBackdropFilter: "blur(18px)",
      borderRadius: 26,
      border: "1px solid rgba(255,255,255,0.08)",
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.08) inset, 0 0 0 1px rgba(255,255,255,0.03), 0 24px 64px -12px rgba(0,0,0,0.65), 0 0 80px -20px rgba(139,124,246,0.18)",
      transform: show ? "scale(1)" : "scale(0.92)",
      opacity: show ? 1 : 0,
      transition: "all .35s cubic-bezier(0.22,1,0.36,1)",
      overflow: "hidden",
      display: "flex",
      flexDirection: "column"
    }
  }, React.createElement("div", {
    style: {
      position: "absolute",
      inset: 0,
      background: "radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.04),transparent 50%)",
      pointerEvents: "none",
      borderRadius: 26
    }
  }), React.createElement("button", {
    "aria-label": L("close"),
    onClick: onClose,
    style: {
      position: "absolute",
      top: 14,
      right: 14,
      width: 32,
      height: 32,
      borderRadius: 11,
      background: "rgba(255,255,255,0.06)",
      border: "1px solid rgba(255,255,255,0.06)",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      color: T.dim,
      boxShadow: T.insetTop,
      zIndex: 3
    }
  }, React.createElement(Icon, {
    name: "x",
    size: 14,
    color: T.dim
  })), React.createElement("div", {
    style: {
      position: "relative",
      overflowY: "auto",
      overflowX: "hidden",
      WebkitOverflowScrolling: "touch",
      padding: wide ? "22px 14px 18px" : "28px 24px 24px"
    }
  }, children)));
}
function Fld({
  label,
  children
}) {
  return React.createElement("div", {
    style: {
      marginBottom: 18,
      minWidth: 0
    }
  }, React.createElement("label", {
    style: {
      fontSize: 11,
      color: "#7a80a8",
      fontWeight: 600,
      marginBottom: 10,
      display: "block",
      letterSpacing: -0.05
    }
  }, label), children);
}
function Seg({
  opts,
  val,
  set,
  color
}) {
  return React.createElement("div", {
    style: {
      display: "flex",
      gap: 6
    }
  }, opts.map(o => React.createElement("button", {
    key: o.v,
    onClick: () => set(o.v),
    style: {
      flex: 1,
      padding: "12px 4px",
      borderRadius: 10,
      fontSize: 13,
      fontWeight: 600,
      background: val === o.v ? color : T.glass,
      color: val === o.v ? T.bg1 : T.text,
      border: `1px solid ${val === o.v ? color : T.gB}`
    }
  }, o.l)));
}
const SleepBlock = React.memo(function SleepBlock({
  entry,
  onDelete,
  onEdit,
  entries,
  isLive,
  activeTimer,
  onSaveTimer,
  onSaveEntry
}) {
  const [expanded, setExpanded] = useState(true);
  const [editingIdx, setEditingIdx] = useState(null);
  const [editStart, setEditStart] = useState("");
  const [editEnd, setEditEnd] = useState("");
  const [editBusy, setEditBusy] = useState(false);
  const wakings = entry.wakings || [];
  const totalMin = entry.durationMin || 0;
  const awakeMin = awakeMinIn(entry);
  const realMin = realSleepMin(entry);
  const endMs = new Date(`${entry.date}T${entry.time}`).getTime() + totalMin * 60000;
  const endD = new Date(endMs);
  const endT = `${String(endD.getHours()).padStart(2, "0")}:${String(endD.getMinutes()).padStart(2, "0")}`;
  const endDt = `${endD.getFullYear()}-${String(endD.getMonth() + 1).padStart(2, "0")}-${String(endD.getDate()).padStart(2, "0")}`;
  const startMin = (() => {
    const [h, m] = entry.time.split(":").map(Number);
    return h * 60 + m;
  })();
  const findEvent = id => entries.find(e => e.id === id);
  const bedStartMs = new Date(`${entry.date}T${entry.time}`).getTime();
  const bedEndMs = bedStartMs + totalMin * 60000;
  const explicitlyLinkedIds = new Set();
  wakings.forEach(w => (w.events || []).forEach(id => explicitlyLinkedIds.add(id)));
  const retroactiveEvents = entries.filter(e => {
    if (!e || NIGHT_NESTED_EXCLUDED.includes(e.type)) return false;
    if (e.id === entry.id) return false;
    if (explicitlyLinkedIds.has(e.id)) return false;
    if (!e.date || !e.time) return false;
    const evMs = new Date(`${e.date}T${e.time}`).getTime();
    if (isNaN(evMs)) return false;
    return evMs > bedStartMs && evMs < bedEndMs;
  });
  const EventMini = ({
    le
  }) => {
    const cfg = TYPES[le.type] || {
      icon: "star",
      color: T.text,
      bg: T.glass
    };
    let txt = "";
    if (le.type === "bottle") txt = `${_lang === "en" ? "Bottle" : "Mamadeira"} · ${le.ml || "?"} ml`;else if (le.type === "nursing") txt = `${_lang === "en" ? "Nursing" : "Amamentação"} · ${le.durationMin || "?"} min`;else if (le.type === "diaper") txt = `${_lang === "en" ? "Diaper" : "Fralda"}${le.subtype ? ` · ${L(le.subtype) || le.subtype}` : ""}`;else if (le.type === "medicine") txt = `${le.name || ""}${le.dose ? ` · ${le.dose}` : ""}`;else if (le.type === "temperature") txt = `${le.value || "?"}°C`;else if (le.type === "bath") txt = _lang === "en" ? "Bath" : "Banho";else txt = TL(le.type);
    return React.createElement("div", {
      style: {
        display: "flex",
        alignItems: "center",
        gap: 9,
        padding: "6px 0"
      }
    }, React.createElement("button", {
      "aria-label": _lang === "en" ? "Edit" : "Editar",
      onClick: ev => {
        ev.stopPropagation();
        onEdit && onEdit(le);
      },
      style: {
        width: 24,
        height: 24,
        borderRadius: 7,
        background: cfg.bg,
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        flexShrink: 0,
        cursor: "pointer",
        border: "none",
        padding: 0
      }
    }, React.createElement(Icon, {
      name: cfg.icon,
      size: 13,
      color: cfg.color
    })), React.createElement("button", {
      onClick: ev => {
        ev.stopPropagation();
        onEdit && onEdit(le);
      },
      style: {
        flex: 1,
        fontSize: 11,
        color: T.text,
        fontWeight: 500,
        cursor: "pointer",
        textAlign: "left",
        background: "transparent",
        border: "none",
        padding: 0
      }
    }, txt), React.createElement("div", {
      style: {
        fontSize: 10,
        color: T.sub,
        fontWeight: 600,
        fontVariantNumeric: "tabular-nums"
      }
    }, le.time), React.createElement("button", {
      onClick: ev => {
        ev.stopPropagation();
        if (confirm(_lang === "en" ? `Delete this ${TL(le.type) || le.type}?` : `Excluir ${TL(le.type) || le.type}?`)) {
          onDelete && onDelete(le.id);
        }
      },
      style: {
        width: 22,
        height: 22,
        borderRadius: 6,
        background: "transparent",
        border: `1px solid ${T.gB}`,
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        flexShrink: 0,
        marginLeft: 2
      }
    }, React.createElement(Icon, {
      name: "trash",
      size: 11,
      color: T.dim
    })));
  };
  const wakingRanges = wakings.map(w => {
    const [wh, wm] = w.time.split(":").map(Number);
    let wMin = wh * 60 + wm;
    if (wMin < startMin) wMin += 1440;
    const wStartMs = bedStartMs + (wMin - startMin) * 60000;
    const wEndMs = wStartMs + (w.durationMin || 0) * 60000;
    return {
      wStartMs,
      wEndMs
    };
  });
  const _assignedRetro = new Set();
  const retroForWaking = wakingRanges.map(({
    wStartMs,
    wEndMs
  }) => {
    return retroactiveEvents.filter(e => {
      if (_assignedRetro.has(e.id)) return false;
      const evMs = new Date(`${e.date}T${e.time}`).getTime();
      if (isNaN(evMs)) return false;
      if (evMs >= wStartMs && evMs <= wEndMs) {
        _assignedRetro.add(e.id);
        return true;
      }
      return false;
    });
  });
  const orphanRetro = retroactiveEvents.filter(e => !_assignedRetro.has(e.id));
  const endLabel = isLive ? _lang === "en" ? "now" : "agora" : endT;
  return React.createElement("div", {
    style: {
      position: "relative",
      marginBottom: 8,
      borderRadius: 20,
      background: "linear-gradient(180deg,rgba(167,139,250,0.08),rgba(167,139,250,0.03))",
      border: `1px solid ${isLive ? "rgba(96,165,250,0.4)" : T.gBSoft}`,
      overflow: "hidden",
      animation: isLive ? "livePulse 2.5s ease-in-out infinite" : "none",
      boxShadow: isLive ? "0 0 16px rgba(96,165,250,0.18), " + T.insetTop : T.insetTop,
      contain: "layout paint"
    }
  }, React.createElement("div", {
    style: {
      position: "absolute",
      left: 0,
      top: 0,
      bottom: 0,
      width: 4,
      background: "linear-gradient(180deg,#a78bfa,rgba(167,139,250,0.3))",
      borderRadius: "0 2px 2px 0",
      pointerEvents: "none",
      zIndex: 1
    }
  }), isLive && React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 8,
      padding: "8px 16px 8px 22px",
      background: "linear-gradient(90deg,rgba(96,165,250,0.18),rgba(167,139,250,0.10))",
      borderBottom: "1px solid rgba(96,165,250,0.25)",
      position: "relative"
    }
  }, React.createElement("span", {
    style: {
      width: 8,
      height: 8,
      borderRadius: "50%",
      background: "#60a5fa",
      boxShadow: "0 0 8px #60a5fa",
      animation: "liveDotPulse 1.5s ease-in-out infinite"
    }
  }), React.createElement("span", {
    style: {
      fontSize: 9,
      fontWeight: 800,
      color: "#60a5fa",
      textTransform: "uppercase",
      letterSpacing: 1.5,
      flex: 1
    }
  }, _lang === "en" ? "In progress" : "Em andamento"), React.createElement("span", {
    style: {
      fontSize: 10,
      color: T.sub,
      fontWeight: 600,
      fontVariantNumeric: "tabular-nums"
    }
  }, _lang === "en" ? "for " : "há ", fmtDur(totalMin))), React.createElement("button", {
    onClick: () => setExpanded(!expanded),
    style: {
      width: "100%",
      padding: "18px 20px 18px 24px",
      display: "flex",
      alignItems: "center",
      gap: 14,
      textAlign: "left",
      background: "transparent",
      position: "relative"
    }
  }, React.createElement("div", {
    style: {
      width: 50,
      height: 50,
      borderRadius: 15,
      background: "linear-gradient(135deg,rgba(167,139,250,0.28),rgba(167,139,250,0.08))",
      border: "1px solid rgba(167,139,250,0.4)",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      flexShrink: 0,
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.08) inset"
    }
  }, React.createElement(Icon, {
    name: "bed",
    size: 24,
    color: "#c4b5fd"
  })), React.createElement("div", {
    style: {
      flex: 1,
      minWidth: 0
    }
  }, React.createElement("div", {
    style: {
      fontSize: 10,
      fontWeight: 700,
      color: "rgba(196,181,253,0.85)",
      textTransform: "uppercase",
      letterSpacing: 0.5,
      marginBottom: 3
    }
  }, _lang === "en" ? "Bedtime" : "Sono noturno", isLive && React.createElement("span", {
    style: {
      marginLeft: 6,
      opacity: 0.7
    }
  }, _lang === "en" ? "· live" : "· ao vivo")), React.createElement("div", {
    style: {
      fontSize: 18,
      fontWeight: 800,
      color: "#f0f2ff",
      letterSpacing: -0.4,
      fontVariantNumeric: "tabular-nums",
      marginBottom: 5
    }
  }, entry.time, " \u2014 ", endLabel), React.createElement("div", {
    style: {
      display: "flex",
      gap: 8,
      fontSize: 12,
      color: T.sub,
      alignItems: "center",
      flexWrap: "wrap"
    }
  }, React.createElement("span", {
    style: {
      color: T.purple,
      fontWeight: 700,
      fontVariantNumeric: "tabular-nums"
    }
  }, fmtDur(realMin), " ", _lang === "en" ? "sleep" : "sono"), awakeMin > 0 && React.createElement(React.Fragment, null, React.createElement("span", {
    style: {
      width: 3,
      height: 3,
      borderRadius: "50%",
      background: T.dim
    }
  }), React.createElement("span", {
    style: {
      color: "#60a5fa",
      fontWeight: 700,
      fontVariantNumeric: "tabular-nums"
    }
  }, fmtDur(awakeMin), " ", _lang === "en" ? "awake" : "acordada")), wakings.length > 0 && React.createElement(React.Fragment, null, React.createElement("span", {
    style: {
      width: 3,
      height: 3,
      borderRadius: "50%",
      background: T.dim
    }
  }), React.createElement("span", null, wakings.length, " ", wakings.length === 1 ? _lang === "en" ? "waking" : "despertar" : _lang === "en" ? "wakings" : "despertares")))), React.createElement("div", {
    style: {
      width: 24,
      height: 24,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      color: T.sub,
      flexShrink: 0,
      transform: expanded ? "rotate(180deg)" : "rotate(0deg)",
      transition: "transform .2s"
    }
  }, React.createElement("svg", {
    width: "14",
    height: "14",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeWidth: "2"
  }, React.createElement("path", {
    d: "M6 9l6 6 6-6"
  })))), wakings.length > 0 && React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      margin: "0 16px 4px",
      position: "relative",
      height: 14,
      background: "linear-gradient(180deg,rgba(167,139,250,0.18),rgba(124,58,237,0.10))",
      borderRadius: 7,
      overflow: "hidden",
      border: "1px solid rgba(167,139,250,0.15)"
    }
  }, (() => {
    const marks = [];
    const totalH = totalMin / 60;
    for (let h = 1; h < totalH; h++) {
      const pct = h * 60 / totalMin * 100;
      marks.push(React.createElement("div", {
        key: h,
        style: {
          position: "absolute",
          top: 0,
          bottom: 0,
          left: `${pct}%`,
          width: 1,
          background: "rgba(255,255,255,0.06)"
        }
      }));
    }
    return marks;
  })(), wakings.map((w, i) => {
    const [wh, wm] = w.time.split(":").map(Number);
    let wMin = wh * 60 + wm;
    if (wMin < startMin) wMin += 1440;
    const leftPct = Math.max(0, Math.min(100, (wMin - startMin) / totalMin * 100));
    const widthPct = Math.max(2, w.durationMin / totalMin * 100);
    const isActive = w.isActive;
    return React.createElement("div", {
      key: i,
      style: {
        position: "absolute",
        top: 0,
        bottom: 0,
        left: `${leftPct}%`,
        width: `${widthPct}%`,
        background: isActive ? "rgba(251,191,36,0.7)" : "rgba(96,165,250,0.7)",
        borderLeft: `2px solid ${isActive ? "#fbbf24" : "#60a5fa"}`,
        borderRight: `2px solid ${isActive ? "#fbbf24" : "#60a5fa"}`
      }
    });
  })), React.createElement("div", {
    style: {
      display: "flex",
      justifyContent: "space-between",
      padding: "0 16px 10px",
      fontSize: 8,
      color: T.dim,
      fontWeight: 600
    }
  }, React.createElement("span", null, entry.time), React.createElement("span", null, (() => {
    const midMs = new Date(`${entry.date}T${entry.time}`).getTime() + totalMin / 2 * 60000;
    const md = new Date(midMs);
    return `${String(md.getHours()).padStart(2, "0")}:${String(md.getMinutes()).padStart(2, "0")}`;
  })()), React.createElement("span", null, endLabel))), expanded && wakings.length > 0 && React.createElement("div", {
    style: {
      borderTop: "1px solid rgba(167,139,250,0.12)",
      padding: "10px 0",
      background: "rgba(14,18,48,0.3)"
    }
  }, React.createElement("div", {
    style: {
      fontSize: 9,
      fontWeight: 800,
      color: "rgba(96,165,250,0.85)",
      textTransform: "uppercase",
      letterSpacing: 1,
      padding: "4px 16px 6px",
      display: "flex",
      alignItems: "center",
      gap: 8
    }
  }, React.createElement("span", {
    style: {
      flex: "0 0 14px",
      height: 1,
      background: "rgba(96,165,250,0.3)"
    }
  }), React.createElement("span", null, _lang === "en" ? "Night activity" : "Atividade da noite"), React.createElement("span", {
    style: {
      flex: 1,
      height: 1,
      background: "rgba(96,165,250,0.15)"
    }
  })), React.createElement("div", {
    style: {
      padding: "0 16px"
    }
  }, wakings.map((w, i) => {
    const linkedEvents = (w.events || []).map(findEvent).filter(le => {
      if (!le) return false;
      if (!le.date || !le.time) return true;
      const leMs = new Date(`${le.date}T${le.time}`).getTime();
      if (isNaN(leMs)) return true;
      return leMs > bedStartMs && leMs < bedEndMs;
    });
    const allEventsForWaking = [...linkedEvents, ...retroForWaking[i]].sort((a, b) => (a.time || "").localeCompare(b.time || ""));
    const isActive = w.isActive;
    return React.createElement("div", {
      key: i
    }, React.createElement("div", {
      style: {
        display: "flex",
        alignItems: "center",
        gap: 10,
        padding: "8px 0 4px",
        marginTop: i > 0 ? 6 : 0,
        borderTop: i > 0 ? `1px dashed ${isActive ? "rgba(251,191,36,0.25)" : "rgba(96,165,250,0.18)"}` : "none"
      }
    }, React.createElement("button", {
      onClick: e => {
        e.stopPropagation();
        const didx = editingIdx === i ? null : i;
        setEditingIdx(didx);
        if (didx !== null) {
          setEditStart(w.time || "");
          const dur = w.durationMin || 0;
          if (isActive) {
            const now = new Date();
            setEditEnd(`${String(now.getHours()).padStart(2, "0")}:${String(now.getMinutes()).padStart(2, "0")}`);
          } else {
            const [sh, sm] = (w.time || "00:00").split(":").map(Number);
            const endTot = sh * 60 + sm + dur;
            const eh = Math.floor(endTot / 60) % 24;
            const em = endTot % 60;
            setEditEnd(`${String(eh).padStart(2, "0")}:${String(em).padStart(2, "0")}`);
          }
        }
      },
      style: {
        display: "inline-flex",
        alignItems: "center",
        gap: 6,
        fontSize: 10,
        fontWeight: 700,
        color: isActive ? "#fbbf24" : "#60a5fa",
        padding: "3px 9px",
        borderRadius: 8,
        background: isActive ? "rgba(251,191,36,0.18)" : "rgba(96,165,250,0.15)",
        border: `1px solid ${editingIdx === i ? "rgba(139,124,246,0.6)" : isActive ? "rgba(251,191,36,0.4)" : "rgba(96,165,250,0.3)"}`,
        fontVariantNumeric: "tabular-nums",
        cursor: "pointer"
      }
    }, React.createElement(Icon, {
      name: "sun",
      size: 9,
      color: isActive ? "#fbbf24" : "#60a5fa"
    }), w.time, " \xB7 ", fmtDur(w.durationMin), isActive ? ` · ${_lang === "en" ? "live" : "ao vivo"}` : "", React.createElement("svg", {
      viewBox: "0 0 24 24",
      style: {
        width: 9,
        height: 9,
        stroke: isActive ? "#fbbf24" : "#60a5fa",
        fill: "none",
        strokeWidth: 2.5,
        opacity: 0.65,
        marginLeft: 2
      }
    }, React.createElement("path", {
      d: "M12 20h9M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z"
    }))), React.createElement("span", {
      style: {
        flex: 1,
        height: 1,
        background: isActive ? "rgba(251,191,36,0.15)" : "rgba(96,165,250,0.12)"
      }
    })), editingIdx === i && (() => {
      const [sh, sm] = (editStart || "00:00").split(":").map(Number);
      const [eh, em] = (editEnd || "00:00").split(":").map(Number);
      let dur = eh * 60 + em - (sh * 60 + sm);
      if (dur < 0) dur += 1440;
      const valid = editStart && editEnd && dur > 0 && dur < 1440;
      return React.createElement("div", {
        style: {
          margin: "6px 0 10px",
          padding: 14,
          borderRadius: 12,
          background: "linear-gradient(180deg,rgba(22,28,60,0.7),rgba(20,26,60,0.55))",
          border: "1px solid rgba(139,124,246,0.25)",
          boxShadow: "0 4px 16px -6px rgba(0,0,0,0.4), 0 1px 0 0 rgba(255,255,255,0.06) inset"
        },
        onClick: e => e.stopPropagation()
      }, React.createElement("div", {
        style: {
          fontSize: 9,
          fontWeight: 700,
          color: "#c4b5fd",
          textTransform: "uppercase",
          letterSpacing: 1.1,
          marginBottom: 10,
          display: "flex",
          justifyContent: "space-between"
        }
      }, React.createElement("span", null, _lang === "en" ? "Edit waking" : "Editar waking"), React.createElement("span", {
        style: {
          color: isActive ? "#fbbf24" : isLive ? "#a78bfa" : "#7dd3fc"
        }
      }, isActive ? _lang === "en" ? "● Live" : "● Ao vivo" : isLive ? _lang === "en" ? "Current bedtime" : "Bedtime atual" : _lang === "en" ? "History" : "Histórico")), React.createElement("div", {
        style: {
          display: "flex",
          gap: 8,
          marginBottom: 8
        }
      }, React.createElement("div", {
        style: {
          flex: 1
        }
      }, React.createElement("div", {
        style: {
          fontSize: 9,
          color: "#7a80a8",
          fontWeight: 600,
          textTransform: "uppercase",
          letterSpacing: 0.6,
          marginBottom: 4,
          paddingLeft: 2
        }
      }, _lang === "en" ? "Start" : "Início"), React.createElement("input", {
        type: "time",
        value: editStart,
        onChange: e => setEditStart(e.target.value),
        style: {
          width: "100%",
          padding: "11px 8px",
          background: "rgba(14,18,48,0.7)",
          border: "1px solid rgba(255,255,255,0.08)",
          borderRadius: 10,
          color: "#e4e6f5",
          fontSize: 15,
          fontWeight: 700,
          textAlign: "center",
          fontVariantNumeric: "tabular-nums",
          outline: "none",
          colorScheme: "dark",
          boxSizing: "border-box"
        }
      })), React.createElement("div", {
        style: {
          flex: 1
        }
      }, React.createElement("div", {
        style: {
          fontSize: 9,
          color: "#7a80a8",
          fontWeight: 600,
          textTransform: "uppercase",
          letterSpacing: 0.6,
          marginBottom: 4,
          paddingLeft: 2
        }
      }, _lang === "en" ? "End" : "Fim"), React.createElement("input", {
        type: "time",
        value: editEnd,
        onChange: e => setEditEnd(e.target.value),
        style: {
          width: "100%",
          padding: "11px 8px",
          background: isActive ? "linear-gradient(180deg,rgba(56,189,248,0.15),rgba(56,189,248,0.05))" : "rgba(14,18,48,0.7)",
          border: `1px solid ${isActive ? "rgba(56,189,248,0.3)" : "rgba(255,255,255,0.08)"}`,
          borderRadius: 10,
          color: isActive ? "#7dd3fc" : "#e4e6f5",
          fontSize: 15,
          fontWeight: 700,
          textAlign: "center",
          fontVariantNumeric: "tabular-nums",
          outline: "none",
          colorScheme: "dark",
          boxSizing: "border-box"
        }
      }))), React.createElement("div", {
        style: {
          textAlign: "center",
          fontSize: 11,
          color: valid ? "#9099c3" : "#f87171",
          fontWeight: 600,
          margin: "6px 0 10px"
        }
      }, _lang === "en" ? "Duration" : "Duração", ": ", React.createElement("strong", {
        style: {
          color: valid ? "#c4b5fd" : "#f87171",
          fontVariantNumeric: "tabular-nums"
        }
      }, valid ? fmtDur(dur) : _lang === "en" ? "invalid" : "inválido")), React.createElement("div", {
        style: {
          display: "flex",
          gap: 6
        }
      }, !isActive && React.createElement("button", {
        disabled: editBusy,
        onClick: async e => {
          e.stopPropagation();
          if (!confirm(_lang === "en" ? "Remove this waking?" : "Remover este waking?")) return;
          setEditBusy(true);
          Haptic.medium();
          try {
            if (isLive) {
              const nw = (activeTimer?.wakings || []).filter((_, k) => k !== i);
              await onSaveTimer({
                ...activeTimer,
                wakings: nw
              });
            } else {
              const nw = (entry.wakings || []).filter((_, k) => k !== i);
              await onSaveEntry({
                ...entry,
                wakings: nw
              });
            }
            setEditingIdx(null);
            Haptic.success();
          } catch (err) {
            Haptic.warning();
          }
          setEditBusy(false);
        },
        style: {
          padding: "9px 11px",
          borderRadius: 9,
          background: "rgba(248,113,113,0.1)",
          color: "#f87171",
          fontSize: 12,
          fontWeight: 700,
          border: "1px solid rgba(248,113,113,0.25)",
          cursor: "pointer",
          flexShrink: 0
        }
      }, React.createElement("svg", {
        viewBox: "0 0 24 24",
        style: {
          width: 12,
          height: 12,
          stroke: "#f87171",
          fill: "none",
          strokeWidth: 2
        }
      }, React.createElement("polyline", {
        points: "3 6 5 6 21 6"
      }), React.createElement("path", {
        d: "M19 6l-2 14a2 2 0 01-2 2H9a2 2 0 01-2-2L5 6"
      }))), React.createElement("button", {
        onClick: e => {
          e.stopPropagation();
          setEditingIdx(null);
        },
        style: {
          flex: 1,
          padding: "9px 10px",
          borderRadius: 9,
          background: "rgba(14,18,48,0.7)",
          color: "#8b90b8",
          fontSize: 12,
          fontWeight: 700,
          border: "1px solid rgba(255,255,255,0.08)",
          cursor: "pointer"
        }
      }, _lang === "en" ? "Cancel" : "Cancelar"), React.createElement("button", {
        disabled: !valid || editBusy,
        onClick: async e => {
          e.stopPropagation();
          if (!valid) return;
          setEditBusy(true);
          Haptic.medium();
          try {
            if (isActive) {
              const newWaking = {
                time: editStart,
                durationMin: dur,
                events: activeTimer?.nightWake?.events || []
              };
              const newWakings = [...(activeTimer?.wakings || []), newWaking];
              await onSaveTimer({
                ...activeTimer,
                nightWake: null,
                wakings: newWakings
              });
            } else if (isLive) {
              const nw = [...(activeTimer?.wakings || [])];
              nw[i] = {
                ...nw[i],
                time: editStart,
                durationMin: dur
              };
              await onSaveTimer({
                ...activeTimer,
                wakings: nw
              });
            } else {
              const nw = [...(entry.wakings || [])];
              nw[i] = {
                ...nw[i],
                time: editStart,
                durationMin: dur
              };
              await onSaveEntry({
                ...entry,
                wakings: nw
              });
            }
            setEditingIdx(null);
            Haptic.success();
          } catch (err) {
            Haptic.warning();
          }
          setEditBusy(false);
        },
        style: {
          flex: 1,
          padding: "9px 10px",
          borderRadius: 9,
          background: valid ? "linear-gradient(180deg,#9b8df8,#7c3aed)" : "rgba(14,18,48,0.6)",
          color: valid ? "#fff" : "#555a80",
          fontSize: 12,
          fontWeight: 700,
          border: `1px solid ${valid ? "rgba(139,124,246,0.5)" : "rgba(255,255,255,0.06)"}`,
          boxShadow: valid ? "0 4px 12px -4px rgba(139,124,246,0.4)" : "none",
          cursor: valid && !editBusy ? "pointer" : "not-allowed",
          opacity: editBusy ? 0.6 : 1
        }
      }, isActive ? _lang === "en" ? "End waking" : "Encerrar" : _lang === "en" ? "Save" : "Salvar")));
    })(), allEventsForWaking.length > 0 ? allEventsForWaking.map((le, j) => React.createElement(EventMini, {
      key: le.id || j,
      le: le
    })) : React.createElement("div", {
      style: {
        fontSize: 10,
        color: T.dim,
        fontStyle: "italic",
        padding: "6px 0"
      }
    }, _lang === "en" ? "No events recorded" : "Nenhum evento registrado"));
  }), orphanRetro.length > 0 && React.createElement("div", null, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 10,
      padding: "8px 0 4px",
      marginTop: 6,
      borderTop: "1px dashed rgba(167,139,250,0.18)"
    }
  }, React.createElement("span", {
    style: {
      display: "inline-flex",
      alignItems: "center",
      gap: 4,
      fontSize: 10,
      fontWeight: 700,
      color: "#a78bfa",
      padding: "3px 9px",
      borderRadius: 8,
      background: "rgba(167,139,250,0.12)",
      border: "1px solid rgba(167,139,250,0.28)"
    }
  }, _lang === "en" ? "Other events" : "Outros eventos"), React.createElement("span", {
    style: {
      flex: 1,
      height: 1,
      background: "rgba(167,139,250,0.12)"
    }
  })), orphanRetro.slice().sort((a, b) => (a.time || "").localeCompare(b.time || "")).map((le, j) => React.createElement(EventMini, {
    key: le.id || j,
    le: le
  }))))), isLive && React.createElement("div", {
    style: {
      padding: "10px 16px",
      background: "rgba(14,18,48,0.4)",
      borderTop: "1px solid rgba(167,139,250,0.1)",
      fontSize: 10,
      color: T.dim,
      textAlign: "center",
      fontStyle: "italic"
    }
  }, _lang === "en" ? "✨ Will be saved when the bedtime ends" : "✨ Será consolidado quando o bedtime terminar"), expanded && !isLive && React.createElement("div", {
    style: {
      padding: "10px 14px 12px",
      display: "flex",
      gap: 8,
      borderTop: "1px solid rgba(167,139,250,0.1)"
    }
  }, React.createElement("button", {
    onClick: e => {
      e.stopPropagation();
      onEdit && onEdit(entry);
    },
    style: {
      flex: 1,
      padding: "7px 10px",
      borderRadius: 8,
      background: "rgba(167,139,250,0.08)",
      fontSize: 10,
      fontWeight: 600,
      color: "#a78bfa"
    }
  }, _lang === "en" ? "Edit" : "Editar"), React.createElement("button", {
    onClick: e => {
      e.stopPropagation();
      onDelete && onDelete(entry.id);
    },
    style: {
      padding: "7px 12px",
      borderRadius: 8,
      background: "rgba(248,113,113,0.08)",
      fontSize: 10,
      fontWeight: 600,
      color: T.red
    }
  }, React.createElement(Icon, {
    name: "trash",
    size: 12,
    color: T.red
  }))));
});
const EntryRow = React.memo(function EntryRow({
  entry,
  onDelete,
  onEdit,
  napNum,
  nightBadge
}) {
  const cfg = TYPES[entry.type] || {
    label: entry.type,
    icon: "star",
    color: T.text,
    bg: T.glass
  };
  let detail = "";
  if (entry.type === "wakeup" && entry.nightSleepMin) detail = `${fmtDur(entry.nightSleepMin)} ${_lang === "en" ? "of sleep" : "de sono"}`;else if (entry.ml) detail = `${entry.ml} ml`;else if (entry.type === "tummytime" && entry.durationMin) {
    const m = Math.floor(entry.durationMin);
    const s = Math.round((entry.durationMin - m) * 60);
    detail = s > 0 ? `${m}min ${s}s` : `${m}min`;
  } else if (entry.durationMin) detail = fmtDur(entry.durationMin);else if (entry.subtype) detail = L(entry.subtype) || entry.subtype;else if (entry.name) detail = entry.name + (entry.dose ? ` · ${entry.dose}` : "");else if (entry.value) detail = `${entry.value}°C`;else if (entry.weightKg || entry.lengthCm || entry.headCm) {
    const parts = [];
    if (entry.weightKg) parts.push(`${entry.weightKg}kg`);
    if (entry.lengthCm) parts.push(`${entry.lengthCm}cm`);
    if (entry.headCm) parts.push(`${_lang === "en" ? "Head" : "Cab."} ${entry.headCm}cm`);
    detail = parts.join(" · ");
  }
  if (entry.type === "nursing" && entry.side) {
    if (entry.leftMin || entry.rightMin) {
      detail = (detail ? detail + " · " : "") + "L:" + String(entry.leftMin || 0) + "m R:" + String(entry.rightMin || 0) + "m";
    } else {
      detail = (detail ? detail + " · " : "") + (L(entry.side) || entry.side);
    }
  }
  ;
  const napLabel = napNum ? _lang === "en" ? ["", "1st", "2nd", "3rd", "4th", "5th", "6th", "7th", "8th"][napNum] || napNum + "th" : ["", " 1a", " 2a", " 3a", " 4a", " 5a", " 6a", " 7a", " 8a"][napNum] || napNum + "a" : null;
  const wrapRef = useRef(null);
  const dragRef = useRef({
    active: false,
    startX: 0,
    startY: 0,
    dx: 0,
    locked: false,
    lockedAxis: null,
    committed: false
  });
  const [dx, setDx] = useState(0);
  const [dragging, setDragging] = useState(false);
  const lastThresholdRef = useRef(0);
  const DISMISS_PCT = 0.60;
  const COMMIT_PCT = 0.85;
  const onPtrDown = e => {
    dragRef.current = {
      active: true,
      startX: e.clientX,
      startY: e.clientY,
      dx: 0,
      locked: false,
      lockedAxis: null,
      committed: false
    };
    lastThresholdRef.current = 0;
    try {
      e.currentTarget.setPointerCapture(e.pointerId);
    } catch (_) {}
  };
  const onPtrMove = e => {
    const d = dragRef.current;
    if (!d.active || d.committed) return;
    const dxRaw = e.clientX - d.startX;
    const dyRaw = e.clientY - d.startY;
    if (!d.locked) {
      if (Math.abs(dxRaw) < 8 && Math.abs(dyRaw) < 8) return;
      if (Math.abs(dyRaw) > Math.abs(dxRaw)) {
        d.active = false;
        return;
      }
      d.locked = true;
      d.lockedAxis = "x";
      setDragging(true);
    }
    d.dx = dxRaw;
    setDx(dxRaw);
    const w = wrapRef.current?.offsetWidth || 320;
    const absPct = Math.abs(dxRaw) / w;
    const dir = dxRaw > 0 ? -1 : 1;
    let nowThreshold = 0;
    if (absPct >= DISMISS_PCT) nowThreshold = dir;
    if (nowThreshold !== lastThresholdRef.current) {
      lastThresholdRef.current = nowThreshold;
      if (nowThreshold !== 0) Haptic.light();
    }
    if (absPct >= COMMIT_PCT && !d.committed) {
      d.committed = true;
      d.active = false;
      Haptic.medium();
      const off = dxRaw > 0 ? w : -w;
      setDx(off);
      setTimeout(() => {
        if (dxRaw > 0) {
          onEdit && onEdit(entry);
        } else {
          onDelete && onDelete(entry.id);
        }
        setDragging(false);
        setDx(0);
      }, 180);
    }
  };
  const onPtrUp = () => {
    const d = dragRef.current;
    if (!d.active && !d.committed) {
      setDragging(false);
      return;
    }
    if (d.committed) {
      d.active = false;
      return;
    }
    d.active = false;
    setDragging(false);
    const w = wrapRef.current?.offsetWidth || 320;
    const absPct = Math.abs(d.dx) / w;
    if (absPct >= DISMISS_PCT) {
      Haptic.medium();
      const off = d.dx > 0 ? w : -w;
      setDx(off);
      setTimeout(() => {
        if (d.dx > 0) {
          onEdit && onEdit(entry);
        } else {
          onDelete && onDelete(entry.id);
        }
        setDx(0);
      }, 220);
    } else {
      setDx(0);
    }
  };
  const onPtrCancel = () => {
    const d = dragRef.current;
    d.active = false;
    d.locked = false;
    d.committed = false;
    d.dx = 0;
    lastThresholdRef.current = 0;
    setDragging(false);
    setDx(0);
  };
  useEffect(() => {
    const onVis = () => {
      if (document.hidden) onPtrCancel();
    };
    document.addEventListener("visibilitychange", onVis);
    return () => document.removeEventListener("visibilitychange", onVis);
  }, []);
  const w = wrapRef.current?.offsetWidth || 320;
  const absPct = Math.min(1, Math.abs(dx) / w);
  const editVisible = dx > 0;
  const deleteVisible = dx < 0;
  const overlayOpacity = Math.min(1, absPct / DISMISS_PCT);
  const editPastThreshold = dx > 0 && absPct >= DISMISS_PCT;
  const deletePastThreshold = dx < 0 && absPct >= DISMISS_PCT;
  return React.createElement("div", {
    ref: wrapRef,
    style: {
      position: "relative",
      marginBottom: 4,
      overflow: "hidden",
      borderRadius: 14,
      contentVisibility: "auto",
      containIntrinsicSize: "auto 52px"
    }
  }, editVisible && React.createElement("div", {
    style: {
      position: "absolute",
      left: 0,
      top: 0,
      bottom: 0,
      width: Math.abs(dx),
      background: editPastThreshold ? "linear-gradient(90deg,rgba(96,165,250,0.32),rgba(96,165,250,0.18))" : "linear-gradient(90deg,rgba(96,165,250,0.18),rgba(96,165,250,0.08))",
      display: "flex",
      alignItems: "center",
      justifyContent: "flex-start",
      paddingLeft: 24,
      borderRadius: "18px 0 0 18px",
      opacity: overlayOpacity,
      transition: dragging ? "none" : "opacity .2s ease, background .2s ease"
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 8,
      color: "#7dd3fc"
    }
  }, React.createElement(Icon, {
    name: "pencil",
    size: 20,
    color: "#7dd3fc"
  }), React.createElement("span", {
    style: {
      fontSize: 13,
      fontWeight: 700,
      letterSpacing: -0.2,
      opacity: editPastThreshold ? 1 : 0,
      transition: "opacity .15s ease"
    }
  }, _lang === "en" ? "Edit" : "Editar"))), deleteVisible && React.createElement("div", {
    style: {
      position: "absolute",
      right: 0,
      top: 0,
      bottom: 0,
      width: Math.abs(dx),
      background: deletePastThreshold ? "linear-gradient(270deg,rgba(248,113,113,0.36),rgba(248,113,113,0.2))" : "linear-gradient(270deg,rgba(248,113,113,0.2),rgba(248,113,113,0.08))",
      display: "flex",
      alignItems: "center",
      justifyContent: "flex-end",
      paddingRight: 24,
      borderRadius: "0 18px 18px 0",
      opacity: overlayOpacity,
      transition: dragging ? "none" : "opacity .2s ease, background .2s ease"
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 8,
      color: T.red
    }
  }, React.createElement("span", {
    style: {
      fontSize: 13,
      fontWeight: 700,
      letterSpacing: -0.2,
      opacity: deletePastThreshold ? 1 : 0,
      transition: "opacity .15s ease"
    }
  }, _lang === "en" ? "Delete" : "Excluir"), React.createElement(Icon, {
    name: "trash",
    size: 20,
    color: T.red
  }))), React.createElement("div", {
    "data-no-swipe": "1",
    onPointerDown: onPtrDown,
    onPointerMove: onPtrMove,
    onPointerUp: onPtrUp,
    onPointerCancel: onPtrCancel,
    style: {
      position: "relative",
      display: "flex",
      alignItems: "center",
      gap: 10,
      padding: "6px 14px 6px 16px",
      background: "rgba(22,28,60,0.65)",
      borderRadius: 14,
      border: `1px solid ${T.gBSoft}`,
      boxShadow: T.insetTop,
      transform: `translateX(${dx}px)`,
      transition: dragging ? "none" : "transform .35s cubic-bezier(0.22,1,0.36,1)",
      overflow: "hidden",
      touchAction: "pan-y"
    }
  }, React.createElement("div", {
    style: {
      position: "absolute",
      left: 0,
      top: 0,
      bottom: 0,
      width: 3,
      background: `linear-gradient(180deg,${cfg.color},${cfg.color}50)`,
      borderRadius: "0 2px 2px 0",
      pointerEvents: "none"
    }
  }), React.createElement("button", {
    onClick: () => {
      if (Math.abs(dx) < 5) onEdit && onEdit(entry);
    },
    style: {
      width: 30,
      height: 30,
      borderRadius: 9,
      background: `linear-gradient(135deg,${cfg.color}28,${cfg.color}0a)`,
      border: `1px solid ${cfg.color}45`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      flexShrink: 0,
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.06) inset"
    }
  }, React.createElement(Icon, {
    name: cfg.icon,
    size: 14,
    color: cfg.color
  })), React.createElement("button", {
    onClick: () => {
      if (Math.abs(dx) < 5) onEdit && onEdit(entry);
    },
    style: {
      flex: 1,
      textAlign: "left",
      minWidth: 0,
      lineHeight: 1.2
    }
  }, React.createElement("div", {
    style: {
      fontSize: 12.5,
      fontWeight: 600,
      letterSpacing: -0.15,
      color: "#f0f2ff",
      display: "flex",
      alignItems: "center",
      gap: 5,
      lineHeight: 1.2
    }
  }, napLabel && React.createElement("span", {
    style: {
      display: "inline-block",
      padding: "1px 5px",
      borderRadius: 4,
      background: `${cfg.color}25`,
      color: cfg.color,
      fontSize: 8.5,
      fontWeight: 700
    }
  }, napLabel), React.createElement("span", null, cfg.label[_lang] || cfg.label.en), nightBadge && React.createElement("span", {
    title: _lang === "en" ? "During bedtime" : "Durante bedtime",
    style: {
      display: "inline-flex",
      alignItems: "center",
      gap: 2,
      padding: "0 5px 0 4px",
      borderRadius: 5,
      background: "rgba(96,165,250,0.14)",
      border: "1px solid rgba(96,165,250,0.32)",
      fontSize: 8.5,
      fontWeight: 700,
      color: "#60a5fa",
      letterSpacing: 0.2
    }
  }, React.createElement(Icon, {
    name: "moon",
    size: 8,
    color: "#60a5fa"
  }), _lang === "en" ? "night" : "noite")), detail && React.createElement("div", {
    style: {
      fontSize: 10.5,
      color: "#9099c3",
      marginTop: 0,
      fontWeight: 500,
      lineHeight: 1.15
    }
  }, detail)), React.createElement("div", {
    style: {
      textAlign: "right",
      flexShrink: 0,
      lineHeight: 1.1
    }
  }, (entry.type === "sleep" || entry.type === "nap") && entry.durationMin ? (() => {
    const endMs = new Date(`${entry.date}T${entry.time}`).getTime() + entry.durationMin * 60000;
    const endD = new Date(endMs);
    const endT = `${String(endD.getHours()).padStart(2, "0")}:${String(endD.getMinutes()).padStart(2, "0")}`;
    const endDt = `${endD.getFullYear()}-${String(endD.getMonth() + 1).padStart(2, "0")}-${String(endD.getDate()).padStart(2, "0")}`;
    return React.createElement(React.Fragment, null, React.createElement("div", {
      style: {
        fontSize: 13,
        fontWeight: 700,
        color: "#f0f2ff",
        fontVariantNumeric: "tabular-nums",
        letterSpacing: -0.3
      }
    }, `${entry.time}\u2013${endT}`), React.createElement("div", {
      style: {
        fontSize: 10,
        color: T.sub,
        fontWeight: 500,
        marginTop: 1
      }
    }, timeSince(endDt, endT)));
  })() : React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      fontSize: 13,
      fontWeight: 700,
      color: "#f0f2ff",
      fontVariantNumeric: "tabular-nums",
      letterSpacing: -0.3
    }
  }, entry.time), React.createElement("div", {
    style: {
      fontSize: 10,
      color: T.sub,
      fontWeight: 500,
      marginTop: 1
    }
  }, timeSince(entry.date, entry.time))))));
});
function AddForm({
  type,
  onSave,
  onSaveBatch,
  savedMeds,
  onSaveMeds,
  editEntry,
  lastBottleMl,
  topMl,
  onStartTimer
}) {
  const cfg = TYPES[type];
  const ed = editEntry || {};
  const [date, setDate] = useState(ed.date || todayStr());
  const [time, setTime] = useState(ed.time || nowTime());
  const [ml, setMl] = useState(ed.ml ? String(ed.ml) : type === "bottle" && lastBottleMl && !editEntry ? String(lastBottleMl) : "");
  const [durH, setDurH] = useState(ed.durationMin ? String(Math.floor(ed.durationMin / 60)) : "");
  const [durM, setDurM] = useState(ed.durationMin ? String(ed.durationMin % 60) : "");
  const [diaperT, setDiaperT] = useState(ed.subtype || "wet");
  const [medN, setMedN] = useState(ed.name || "");
  const [medD, setMedD] = useState(ed.dose || "");
  const [tempV, setTempV] = useState(ed.value ? String(ed.value) : "");
  const [side, setSide] = useState(ed.side || "left");
  const [nurseM, setNurseM] = useState(ed.durationMin && type === "nursing" ? String(ed.durationMin) : "");
  const [tumM, setTumM] = useState(ed.durationMin && type === "tummytime" ? String(Math.floor(ed.durationMin)) : "");
  const [tumS, setTumS] = useState(ed.durationMin && type === "tummytime" ? String(Math.round((ed.durationMin - Math.floor(ed.durationMin)) * 60)) : "");
  const [weightKg, setWeightKg] = useState(ed.weightKg ? String(ed.weightKg) : "");
  const [lengthCm, setLengthCm] = useState(ed.lengthCm ? String(ed.lengthCm) : "");
  const [headCm, setHeadCm] = useState(ed.headCm ? String(ed.headCm) : "");
  const [notes, setNotes] = useState(ed.notes || "");
  const [showML, setShowML] = useState(false);
  const [endTime, setEndTime] = useState("");
  const [durMode, setDurMode] = useState("dur");
  const [nMN, setNMN] = useState("");
  const [nMD, setNMD] = useState("");
  const mRef = useRef(null);
  const isEdit = !!editEntry;
  const [selectedMeds, setSelectedMeds] = useState(() => {
    if (type === "medicine" && editEntry && editEntry.name) return new Set([editEntry.name]);
    return new Set();
  });
  const [dropsOpen, setDropsOpen] = useState(false);
  const pendingMedsRef = useRef({
    fixedMeds: [],
    dropMeds: [],
    doses: {}
  });
  const [currentDropIdx, setCurrentDropIdx] = useState(0);
  const toggleMed = name => {
    setSelectedMeds(s => {
      const n = new Set(s);
      if (n.has(name)) n.delete(name);else n.add(name);
      return n;
    });
  };
  useEffect(() => {
    if (type === "bottle" && mRef.current) mRef.current.focus();
  }, [type]);
  const [saving, setSaving] = useState(false);
  const savingRef = useRef(false);
  const [shakeFlash, setShakeFlash] = useState(0);
  const invalid = msg => {
    Haptic.warning();
    setShakeFlash(n => n + 1);
  };
  const doSave = async () => {
    if (savingRef.current || saving) return;
    const b = {
      type,
      date,
      time,
      notes: notes.trim() || undefined,
      id: isEdit ? ed.id : uid()
    };
    let payload = null;
    if (type === "bottle") {
      if (!ml) {
        invalid();
        return;
      }
      payload = {
        ...b,
        ml: parseInt(ml)
      };
    } else if (type === "nursing") payload = {
      ...b,
      side,
      durationMin: nurseM ? parseInt(nurseM) : undefined
    };else if (type === "sleep" || type === "nap") {
      let t2;
      if (durMode === "end" && endTime) {
        const [sh, sm] = time.split(":").map(Number);
        const [eh, em] = endTime.split(":").map(Number);
        let diff = eh * 60 + em - (sh * 60 + sm);
        if (diff <= 0) diff += 1440;
        t2 = diff;
      } else {
        t2 = (parseInt(durH) || 0) * 60 + (parseInt(durM) || 0);
      }
      if (!t2) {
        invalid();
        return;
      }
      payload = {
        ...b,
        durationMin: t2
      };
    } else if (type === "wakeup" || type === "nightwaking" || type === "bath") payload = b;else if (type === "tummytime") {
      const m = parseInt(tumM) || 0;
      const s = parseInt(tumS) || 0;
      const total = m + s / 60;
      if (total <= 0) {
        invalid();
        return;
      }
      payload = {
        ...b,
        durationMin: total
      };
    } else if (type === "diaper") payload = {
      ...b,
      subtype: diaperT
    };else if (type === "medicine") {
      if (isEdit) {
        if (!medN.trim()) {
          invalid();
          return;
        }
        payload = {
          ...b,
          name: medN.trim(),
          dose: medD.trim() || undefined
        };
      } else {
        const names = Array.from(selectedMeds);
        if (names.length === 0) {
          invalid();
          return;
        }
        const picked = names.map(n => savedMeds.find(m => m.name === n)).filter(Boolean);
        const fixedMeds = picked.filter(m => m.dose && m.dose.trim());
        const dropMeds = picked.filter(m => !m.dose || !m.dose.trim());
        if (dropMeds.length > 0) {
          pendingMedsRef.current = {
            fixedMeds,
            dropMeds,
            doses: {}
          };
          setCurrentDropIdx(0);
          setDropsOpen(true);
          return;
        }
        const entries = fixedMeds.map(m => ({
          type: "medicine",
          date,
          time,
          name: m.name,
          dose: m.dose,
          id: uid()
        }));
        savingRef.current = true;
        setSaving(true);
        try {
          await onSaveBatch(entries);
        } catch (e) {}
        return;
      }
    } else if (type === "temperature") {
      if (!tempV) {
        invalid();
        return;
      }
      payload = {
        ...b,
        value: parseFloat(tempV)
      };
    } else if (type === "growth") {
      payload = {
        ...b,
        weightKg: weightKg ? parseFloat(weightKg) : undefined,
        lengthCm: lengthCm ? parseFloat(lengthCm) : undefined,
        headCm: headCm ? parseFloat(headCm) : undefined
      };
    }
    if (!payload) return;
    savingRef.current = true;
    setSaving(true);
    try {
      await onSave(payload);
    } catch (e) {}
  };
  const inp = {
    width: "100%",
    maxWidth: "100%",
    boxSizing: "border-box",
    WebkitAppearance: "none",
    appearance: "none",
    padding: "17px 18px",
    background: "rgba(20,26,60,0.55)",
    border: `1px solid ${T.gBSoft}`,
    borderRadius: 16,
    color: T.text,
    fontSize: 17,
    fontWeight: 600,
    letterSpacing: -0.2,
    outline: "none",
    boxShadow: T.insetTop
  };
  const isToday = date === todayStr();
  const dateLbl = isToday ? L("today") : new Date(date + "T12:00").toLocaleDateString(_lang === "pt" ? "pt-BR" : "en-US", {
    weekday: "short",
    day: "numeric",
    month: "short"
  });
  return React.createElement("div", {
    style: {
      paddingBottom: 20
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 12,
      padding: "0 20px 16px"
    }
  }, React.createElement("div", {
    style: {
      width: 32,
      height: 32,
      borderRadius: 10,
      background: cfg.bg,
      display: "flex",
      alignItems: "center",
      justifyContent: "center"
    }
  }, React.createElement(Icon, {
    name: cfg.icon,
    size: 18,
    color: cfg.color
  })), React.createElement("span", {
    style: {
      fontSize: 17,
      fontWeight: 700
    }
  }, cfg.label[_lang] || cfg.label.en)), React.createElement("div", {
    style: {
      padding: "0 20px"
    }
  }, React.createElement("div", {
    style: {
      display: "grid",
      gridTemplateColumns: "minmax(0,1fr) minmax(0,1fr)",
      gap: 10,
      marginBottom: 20
    }
  }, React.createElement(Fld, {
    label: (_lang === "en" ? "Day · " : "Dia · ") + dateLbl
  }, React.createElement("input", {
    type: "date",
    value: date,
    onChange: e => setDate(e.target.value),
    style: {
      ...inp,
      colorScheme: "dark"
    }
  })), React.createElement(Fld, {
    label: L("time")
  }, React.createElement("input", {
    type: "time",
    value: time,
    onChange: e => setTime(e.target.value),
    style: {
      ...inp,
      colorScheme: "dark"
    }
  }))), type === "bottle" && React.createElement(React.Fragment, null, React.createElement(Fld, {
    label: _lang === "en" ? "Amount (ml)" : "Quantidade (ml)"
  }, React.createElement("input", {
    ref: mRef,
    type: "number",
    inputMode: "numeric",
    placeholder: "0",
    value: ml,
    onChange: e => setMl(e.target.value),
    style: {
      ...inp,
      fontSize: 36,
      fontWeight: 800,
      textAlign: "center",
      padding: "16px"
    }
  })), React.createElement("div", {
    style: {
      display: "flex",
      gap: 8,
      marginBottom: 20
    }
  }, (topMl && topMl.length > 0 ? [...new Set([...topMl, lastBottleMl].filter(Boolean))].slice(0, 4) : [60, 90, 120]).map((v, i) => React.createElement("button", {
    key: v,
    onClick: () => setMl(String(v)),
    style: {
      flex: 1,
      padding: "10px 0",
      borderRadius: 10,
      background: ml === String(v) ? T.green : T.glass,
      color: ml === String(v) ? T.bg1 : T.text,
      border: `1px solid ${ml === String(v) ? T.green : T.gB}`,
      textAlign: "center"
    }
  }, React.createElement("div", {
    style: {
      fontSize: 16,
      fontWeight: 800
    }
  }, v), i === 0 && topMl?.length > 0 && React.createElement("div", {
    style: {
      fontSize: 8,
      color: ml === String(v) ? T.bg1 : T.dim,
      marginTop: 1
    }
  }, _lang === "en" ? "top" : "mais"))))), type === "nursing" && React.createElement(React.Fragment, null, React.createElement(Fld, {
    label: L("side")
  }, React.createElement(Seg, {
    opts: [{
      v: "left",
      l: L("left")
    }, {
      v: "right",
      l: L("right")
    }, {
      v: "both",
      l: L("both")
    }],
    val: side,
    set: setSide,
    color: cfg.color
  })), React.createElement(Fld, {
    label: `${L("duration")} (min)`
  }, React.createElement("input", {
    type: "number",
    inputMode: "numeric",
    placeholder: "15",
    value: nurseM,
    onChange: e => setNurseM(e.target.value),
    style: inp
  }))), type === "tummytime" && React.createElement(Fld, {
    label: L("duration")
  }, React.createElement("div", {
    style: {
      display: "flex",
      gap: 10,
      alignItems: "center"
    }
  }, React.createElement("input", {
    type: "number",
    inputMode: "numeric",
    placeholder: "0",
    value: tumM,
    onChange: e => setTumM(e.target.value),
    style: {
      ...inp,
      flex: 1,
      textAlign: "center",
      fontSize: 28,
      fontWeight: 800
    }
  }), React.createElement("span", {
    style: {
      color: T.dim,
      fontWeight: 700
    }
  }, "min"), React.createElement("input", {
    type: "number",
    inputMode: "numeric",
    placeholder: "0",
    value: tumS,
    onChange: e => setTumS(e.target.value),
    style: {
      ...inp,
      flex: 1,
      textAlign: "center",
      fontSize: 28,
      fontWeight: 800
    }
  }), React.createElement("span", {
    style: {
      color: T.dim,
      fontWeight: 700
    }
  }, "s"))), (type === "sleep" || type === "nap") && React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      display: "flex",
      gap: 4,
      marginBottom: 14,
      background: T.glass,
      borderRadius: 10,
      padding: 3,
      border: `1px solid ${T.gB}`
    }
  }, React.createElement("button", {
    onClick: () => setDurMode("dur"),
    style: {
      flex: 1,
      padding: "8px 0",
      borderRadius: 8,
      fontSize: 12,
      fontWeight: 700,
      background: durMode === "dur" ? T.purple : "transparent",
      color: durMode === "dur" ? "#fff" : T.sub
    }
  }, L("duration")), React.createElement("button", {
    onClick: () => setDurMode("end"),
    style: {
      flex: 1,
      padding: "8px 0",
      borderRadius: 8,
      fontSize: 12,
      fontWeight: 700,
      background: durMode === "end" ? T.purple : "transparent",
      color: durMode === "end" ? "#fff" : T.sub
    }
  }, L("endTime"))), durMode === "dur" ? React.createElement(Fld, {
    label: L("duration")
  }, React.createElement("div", {
    style: {
      display: "flex",
      gap: 10,
      alignItems: "center"
    }
  }, React.createElement("input", {
    type: "number",
    inputMode: "numeric",
    placeholder: "0",
    value: durH,
    onChange: e => setDurH(e.target.value),
    style: {
      ...inp,
      flex: 1,
      textAlign: "center",
      fontSize: 28,
      fontWeight: 800
    }
  }), React.createElement("span", {
    style: {
      color: T.dim,
      fontWeight: 700
    }
  }, "h"), React.createElement("input", {
    type: "number",
    inputMode: "numeric",
    placeholder: "0",
    value: durM,
    onChange: e => setDurM(e.target.value),
    style: {
      ...inp,
      flex: 1,
      textAlign: "center",
      fontSize: 28,
      fontWeight: 800
    }
  }), React.createElement("span", {
    style: {
      color: T.dim,
      fontWeight: 700
    }
  }, "m"))) : React.createElement(Fld, {
    label: L("wokeAt")
  }, React.createElement("input", {
    type: "time",
    value: endTime,
    onChange: e => setEndTime(e.target.value),
    style: {
      ...inp,
      colorScheme: "dark",
      fontSize: 28,
      fontWeight: 800,
      textAlign: "center",
      padding: "14px 16px"
    }
  })), durMode === "end" && endTime && time && React.createElement("div", {
    style: {
      fontSize: 11,
      color: T.sub,
      marginBottom: 12,
      textAlign: "center"
    }
  }, (() => {
    const [sh, sm] = time.split(":").map(Number);
    const [eh, em] = endTime.split(":").map(Number);
    let d = eh * 60 + em - (sh * 60 + sm);
    if (d <= 0) d += 1440;
    const lbl = _lang === "en" ? "Duration" : "Duração";
    const nextDay = _lang === "en" ? " (next day)" : " (próximo dia)";
    return `${lbl}: ${fmtDur(d)}${d > 720 ? nextDay : ""}`;
  })())), type === "diaper" && React.createElement(Fld, {
    label: _lang === "en" ? "Type" : "Tipo"
  }, React.createElement(Seg, {
    opts: [{
      v: "wet",
      l: L("wet")
    }, {
      v: "dirty",
      l: L("dirty")
    }, {
      v: "both",
      l: L("both")
    }],
    val: diaperT,
    set: setDiaperT,
    color: cfg.color
  })), type === "medicine" && isEdit && React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      display: "flex",
      flexWrap: "wrap",
      gap: 8,
      marginBottom: 18
    }
  }, savedMeds.map((m, i) => React.createElement("button", {
    key: i,
    onClick: () => {
      setMedN(m.name);
      setMedD(m.dose || "");
      setShowML(false);
    },
    style: {
      flex: "1 1 calc(50% - 4px)",
      padding: "10px 14px",
      borderRadius: 12,
      background: medN === m.name ? `${T.amber}20` : T.glass,
      border: `1px solid ${medN === m.name ? `${T.amber}55` : T.gB}`,
      textAlign: "left",
      boxShadow: medN === m.name ? `0 0 12px ${T.amber}15` : "none"
    }
  }, React.createElement("div", {
    style: {
      fontSize: 13,
      fontWeight: 700,
      color: medN === m.name ? T.amber : T.text
    }
  }, m.name), m.dose && React.createElement("div", {
    style: {
      fontSize: 11,
      color: medN === m.name ? T.amber : T.dim,
      opacity: 0.7,
      marginTop: 2
    }
  }, m.dose))), React.createElement("button", {
    onClick: () => {
      setMedN("");
      setMedD("");
      setShowML(true);
    },
    style: {
      flex: "1 1 calc(50% - 4px)",
      padding: "10px 14px",
      borderRadius: 12,
      background: showML ? `${T.amber}20` : "transparent",
      border: `1px dashed ${showML ? `${T.amber}55` : T.gB}`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      gap: 6
    }
  }, React.createElement(Icon, {
    name: "plus",
    size: 14,
    color: T.dim
  }), React.createElement("span", {
    style: {
      fontSize: 12,
      fontWeight: 600,
      color: T.dim
    }
  }, _lang === "en" ? "Other" : "Outro"))), showML && React.createElement(React.Fragment, null, React.createElement(Fld, {
    label: L("name")
  }, React.createElement("input", {
    type: "text",
    placeholder: L("name"),
    value: medN,
    onChange: e => setMedN(e.target.value),
    style: inp
  })), React.createElement(Fld, {
    label: L("dose")
  }, React.createElement("input", {
    type: "text",
    placeholder: "Ex: 3 gotas",
    value: medD,
    onChange: e => setMedD(e.target.value),
    style: inp
  })))), type === "medicine" && !isEdit && React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      fontSize: 10,
      fontWeight: 700,
      color: T.dim,
      letterSpacing: 0.4,
      margin: "0 0 8px 4px",
      textTransform: "uppercase"
    }
  }, _lang === "en" ? "Select (1 or more)" : "Selecione (1 ou mais)"), React.createElement("div", {
    style: {
      display: "flex",
      flexWrap: "wrap",
      gap: 8,
      marginBottom: 14
    }
  }, savedMeds.map((m, i) => {
    const asks = !m.dose || !m.dose.trim();
    const on = selectedMeds.has(m.name);
    return React.createElement("button", {
      key: i,
      onClick: () => toggleMed(m.name),
      style: {
        flex: "1 1 calc(50% - 4px)",
        padding: "10px 30px 10px 14px",
        borderRadius: 12,
        position: "relative",
        background: on ? `${T.amber}24` : T.glass,
        border: `1px solid ${on ? `${T.amber}88` : T.gB}`,
        textAlign: "left",
        boxShadow: on ? `0 0 12px ${T.amber}15` : "none",
        transition: "all .2s"
      }
    }, React.createElement("div", {
      style: {
        fontSize: 13,
        fontWeight: 700,
        color: on ? T.amber : T.text,
        letterSpacing: -0.1
      }
    }, m.name), React.createElement("div", {
      style: {
        fontSize: 10,
        color: on ? `${T.amber}cc` : T.dim,
        marginTop: 2,
        opacity: asks ? 0.85 : 0.7,
        fontStyle: asks ? "italic" : "normal"
      }
    }, asks ? _lang === "en" ? "asks drops on save" : "pergunta ao salvar" : m.dose), asks && React.createElement("span", {
      style: {
        position: "absolute",
        top: 6,
        right: 28,
        fontSize: 10,
        opacity: on ? 0.95 : 0.5
      }
    }, "\uD83D\uDCA7"), React.createElement("span", {
      style: {
        position: "absolute",
        top: 10,
        right: 10,
        width: 16,
        height: 16,
        borderRadius: "50%",
        border: `1.5px solid ${on ? T.amber : T.gB}`,
        background: on ? T.amber : "transparent",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        fontSize: 10,
        fontWeight: 800,
        color: on ? T.bg1 : "transparent"
      }
    }, on ? "\u2713" : ""));
  }), React.createElement("button", {
    onClick: () => {
      setMedN("");
      setMedD("");
      setShowML(v => !v);
    },
    style: {
      flex: "1 1 calc(50% - 4px)",
      padding: "10px 14px",
      borderRadius: 12,
      background: showML ? `${T.amber}14` : "transparent",
      border: `1px dashed ${showML ? `${T.amber}55` : T.gB}`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      gap: 6
    }
  }, React.createElement(Icon, {
    name: "plus",
    size: 14,
    color: T.dim
  }), React.createElement("span", {
    style: {
      fontSize: 12,
      fontWeight: 600,
      color: T.dim
    }
  }, _lang === "en" ? "Other" : "Outro"))), showML && React.createElement("div", {
    style: {
      padding: 12,
      borderRadius: 12,
      background: "rgba(20,26,60,0.4)",
      border: `1px solid ${T.gBSoft}`,
      marginBottom: 12
    }
  }, React.createElement(Fld, {
    label: L("name")
  }, React.createElement("input", {
    type: "text",
    placeholder: _lang === "en" ? "e.g. Novalgina" : "Ex: Novalgina",
    value: medN,
    onChange: e => setMedN(e.target.value),
    style: inp
  })), React.createElement(Fld, {
    label: `${L("dose")} \u00b7 ${_lang === "en" ? "leave empty to ask drops" : "deixe vazio pra pedir gotas"}`
  }, React.createElement("input", {
    type: "text",
    placeholder: _lang === "en" ? "e.g. 3 drops, 2.5ml" : "Ex: 3 gotas, 2.5ml",
    value: medD,
    onChange: e => setMedD(e.target.value),
    style: inp
  })), React.createElement("button", {
    onClick: async () => {
      const nm = medN.trim();
      if (!nm) {
        invalid();
        return;
      }
      const newList = [...savedMeds.filter(x => x.name.toLowerCase() !== nm.toLowerCase()), {
        name: nm,
        dose: medD.trim() || ""
      }];
      await onSaveMeds(newList);
      setSelectedMeds(s => {
        const n = new Set(s);
        n.add(nm);
        return n;
      });
      setShowML(false);
      setMedN("");
      setMedD("");
      Haptic.success();
    },
    style: {
      width: "100%",
      padding: 12,
      borderRadius: 10,
      background: T.amber,
      border: "none",
      color: T.bg1,
      fontSize: 13,
      fontWeight: 800,
      marginTop: 4
    }
  }, _lang === "en" ? "Save & select" : "Salvar e selecionar"))), React.createElement(Modal, {
    open: dropsOpen,
    onClose: () => setDropsOpen(false)
  }, (() => {
    const pending = pendingMedsRef.current;
    const cur = pending.dropMeds[currentDropIdx];
    const totalDrops = pending.dropMeds.length;
    if (!cur) return null;
    const pickDrop = async n => {
      pending.doses[cur.name] = n;
      const nextIdx = currentDropIdx + 1;
      if (nextIdx < totalDrops) {
        setCurrentDropIdx(nextIdx);
        Haptic.light();
        return;
      }
      setDropsOpen(false);
      const fixedEntries = pending.fixedMeds.map(m => ({
        type: "medicine",
        date,
        time,
        name: m.name,
        dose: m.dose,
        id: uid()
      }));
      const dropEntries = pending.dropMeds.map(m => {
        const d = pending.doses[m.name] || 1;
        const doseStr = _lang === "en" ? `${d} drop${d > 1 ? "s" : ""}` : `${d} gota${d > 1 ? "s" : ""}`;
        return {
          type: "medicine",
          date,
          time,
          name: m.name,
          dose: doseStr,
          id: uid()
        };
      });
      savingRef.current = true;
      setSaving(true);
      try {
        await onSaveBatch([...fixedEntries, ...dropEntries]);
      } catch (e) {}
    };
    return React.createElement("div", {
      style: {
        padding: "8px 4px"
      }
    }, totalDrops > 1 && React.createElement("div", {
      style: {
        display: "flex",
        gap: 4,
        marginBottom: 12
      }
    }, pending.dropMeds.map((_, i) => React.createElement("span", {
      key: i,
      style: {
        flex: 1,
        height: 3,
        borderRadius: 2,
        background: i < currentDropIdx ? T.green : i === currentDropIdx ? T.amber : "rgba(139,124,246,0.18)"
      }
    }))), React.createElement("div", {
      style: {
        textAlign: "center",
        padding: "8px 0 14px"
      }
    }, React.createElement("div", {
      style: {
        width: 56,
        height: 56,
        borderRadius: 18,
        background: `${T.amber}1a`,
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        margin: "0 auto 10px",
        fontSize: 28
      }
    }, "\uD83D\uDCA7"), React.createElement("div", {
      style: {
        fontSize: 20,
        fontWeight: 800,
        letterSpacing: -0.4,
        marginBottom: 4
      }
    }, cur.name), React.createElement("div", {
      style: {
        fontSize: 12,
        color: T.sub
      }
    }, _lang === "en" ? "How many drops?" : "Quantas gotas?")), React.createElement("div", {
      style: {
        display: "grid",
        gridTemplateColumns: "repeat(3,1fr)",
        gap: 8
      }
    }, [1, 2, 3, 4, 5, 6].map(n => React.createElement("button", {
      key: n,
      onClick: () => pickDrop(n),
      style: {
        padding: "18px 0",
        borderRadius: 16,
        background: `linear-gradient(180deg,rgba(20,26,60,0.8),rgba(14,18,48,0.5))`,
        border: `1px solid ${T.gB}`,
        color: T.amber,
        fontSize: 26,
        fontWeight: 800,
        letterSpacing: -0.5,
        boxShadow: "0 1px 0 0 rgba(255,255,255,0.05) inset",
        cursor: "pointer"
      }
    }, n, React.createElement("span", {
      style: {
        display: "block",
        fontSize: 9,
        fontWeight: 700,
        color: T.dim,
        letterSpacing: 1.5,
        marginTop: 3,
        opacity: 0.8
      }
    }, _lang === "en" ? n === 1 ? "DROP" : "DROPS" : n === 1 ? "GOTA" : "GOTAS")))));
  })()), type === "temperature" && React.createElement(Fld, {
    label: `${_lang === "en" ? "Temperature" : "Temperatura"} (°C)`
  }, React.createElement("input", {
    type: "number",
    inputMode: "decimal",
    step: "0.1",
    placeholder: "36.5",
    value: tempV,
    onChange: e => setTempV(e.target.value),
    style: {
      ...inp,
      fontSize: 36,
      fontWeight: 800,
      textAlign: "center"
    }
  })), type === "growth" && React.createElement(React.Fragment, null, React.createElement(Fld, {
    label: `${L("weight")} (kg)`
  }, React.createElement("input", {
    type: "number",
    inputMode: "decimal",
    step: "0.01",
    placeholder: "Ex: 4.5",
    value: weightKg,
    onChange: e => setWeightKg(e.target.value),
    style: {
      ...inp,
      fontSize: 28,
      fontWeight: 800,
      textAlign: "center"
    }
  })), React.createElement(Fld, {
    label: `${_lang === "en" ? "Length" : "Comprimento"} (cm)`
  }, React.createElement("input", {
    type: "number",
    inputMode: "decimal",
    step: "0.1",
    placeholder: "Ex: 55.0",
    value: lengthCm,
    onChange: e => setLengthCm(e.target.value),
    style: {
      ...inp,
      fontSize: 28,
      fontWeight: 800,
      textAlign: "center"
    }
  })), React.createElement(Fld, {
    label: `${L("head")} (cm)`
  }, React.createElement("input", {
    type: "number",
    inputMode: "decimal",
    step: "0.1",
    placeholder: "Ex: 37.0",
    value: headCm,
    onChange: e => setHeadCm(e.target.value),
    style: {
      ...inp,
      fontSize: 28,
      fontWeight: 800,
      textAlign: "center"
    }
  }))), type !== "medicine" && React.createElement(Fld, {
    label: L("notes")
  }, React.createElement("textarea", {
    placeholder: _lang === "en" ? "Note..." : "Anotação...",
    value: notes,
    onChange: e => setNotes(e.target.value),
    rows: 2,
    style: {
      ...inp,
      resize: "vertical"
    }
  })), type === "tummytime" && !isEdit && onStartTimer && React.createElement("button", {
    onClick: () => onStartTimer("tummytime"),
    style: {
      width: "100%",
      padding: 16,
      borderRadius: 16,
      background: `linear-gradient(180deg,${cfg.color}28,${cfg.color}10)`,
      color: "#fde68a",
      fontSize: 15,
      fontWeight: 700,
      letterSpacing: -0.2,
      border: `1px solid ${cfg.color}55`,
      boxShadow: `0 1px 0 0 rgba(255,255,255,0.1) inset, 0 4px 12px -4px ${cfg.color}35`,
      marginBottom: 10,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      gap: 10,
      cursor: "pointer"
    }
  }, React.createElement(Icon, {
    name: "play",
    size: 14,
    color: "#fde68a"
  }), _lang === "en" ? "Start timer" : "Iniciar timer"), React.createElement("button", {
    onClick: doSave,
    disabled: saving,
    key: shakeFlash,
    style: {
      width: "100%",
      padding: 18,
      borderRadius: 18,
      background: `linear-gradient(180deg,${cfg.color},${cfg.color}dd)`,
      color: T.bg1,
      fontSize: 17,
      fontWeight: 700,
      letterSpacing: -0.3,
      border: "none",
      boxShadow: `0 1px 0 0 rgba(255,255,255,0.25) inset, 0 0 0 1px rgba(255,255,255,0.06), 0 12px 32px -8px ${cfg.color}55, 0 4px 8px -4px ${cfg.color}33`,
      transition: "transform 0.2s cubic-bezier(0.22,1,0.36,1)",
      cursor: saving ? "wait" : "pointer",
      opacity: saving ? 0.75 : 1,
      animation: shakeFlash ? "shakeX 0.35s ease" : "none",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      gap: 10
    }
  }, saving && React.createElement("span", {
    style: {
      width: 14,
      height: 14,
      borderRadius: "50%",
      border: "2px solid rgba(7,11,30,0.25)",
      borderTopColor: T.bg1,
      animation: "spin 0.7s linear infinite"
    }
  }), saving ? _lang === "en" ? "Saving\u2026" : "Salvando\u2026" : isEdit ? L("update") : type === "medicine" && !isEdit && selectedMeds.size > 0 ? `${L("save")} (${selectedMeds.size})` : L("save"))));
}
function InboxPanel({
  inbox,
  onClose,
  onMarkRead,
  onMarkAllRead,
  lang,
  isRead
}) {
  const readFn = isRead || (it => it.read === true);
  const items = (inbox.items || []).slice().sort((a, b) => (b.timestamp || 0) - (a.timestamp || 0));
  const unreadCount = items.filter(it => !readFn(it)).length;
  const todayLabel = new Date().toLocaleDateString(lang === "pt" ? "pt-BR" : "en-US", {
    weekday: "short",
    day: "numeric",
    month: "short"
  }).toUpperCase().replace(".", "");
  const iconByType = {
    good: "check",
    warn: "zap",
    info: "star",
    curiosity: "sun"
  };
  const colorByType = {
    good: T.green,
    warn: T.orange,
    info: T.blue,
    curiosity: T.purple
  };
  const bgByType = {
    good: T.greenS,
    warn: T.orangeS,
    info: `${T.blue}1a`,
    curiosity: `${T.purple}1a`
  };
  const fmtAgo = ts => {
    if (!ts) return "";
    const diff = Math.floor((Date.now() - ts) / 60000);
    if (diff < 1) return lang === "en" ? "now" : "agora";
    if (diff < 60) return `${diff}min`;
    const h = Math.floor(diff / 60),
      m = diff % 60;
    return m > 0 ? `${h}h${m}m` : `${h}h`;
  };
  return React.createElement("div", {
    style: {
      position: "fixed",
      inset: 0,
      zIndex: 210,
      maxWidth: 480,
      margin: "0 auto",
      background: "linear-gradient(180deg,rgba(7,11,30,0.99),rgba(5,8,24,0.98))",
      backdropFilter: "blur(16px)",
      WebkitBackdropFilter: "blur(16px)",
      display: "flex",
      flexDirection: "column",
      paddingTop: "env(safe-area-inset-top)",
      paddingBottom: "env(safe-area-inset-bottom)",
      animation: "fadeIn .25s ease"
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 14,
      padding: "22px 22px 18px",
      borderBottom: "1px solid rgba(255,255,255,0.06)"
    }
  }, React.createElement("div", {
    style: {
      width: 42,
      height: 42,
      borderRadius: 13,
      background: "linear-gradient(135deg,rgba(139,124,246,0.25),rgba(139,124,246,0.08))",
      border: "1px solid rgba(139,124,246,0.35)",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.08) inset"
    }
  }, React.createElement(Icon, {
    name: "bell",
    size: 20,
    color: "#c4b5fd"
  })), React.createElement("div", {
    style: {
      flex: 1
    }
  }, React.createElement("div", {
    style: {
      fontSize: 19,
      fontWeight: 800,
      letterSpacing: -0.4,
      color: "#f0f2ff"
    }
  }, lang === "en" ? "Notifications" : "Notificações"), React.createElement("div", {
    style: {
      fontSize: 11,
      color: "#7a80a8",
      marginTop: 3,
      fontWeight: 600
    }
  }, lang === "en" ? "Today · " : "Hoje · ", todayLabel)), React.createElement("button", {
    onClick: onClose,
    style: {
      width: 38,
      height: 38,
      borderRadius: 12,
      background: "rgba(22,28,60,0.65)",
      border: `1px solid ${T.gBSoft}`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: T.insetTop
    }
  }, React.createElement(Icon, {
    name: "x",
    size: 16,
    color: T.sub
  }))), items.length > 0 && React.createElement("div", {
    style: {
      padding: "14px 22px 12px",
      display: "flex",
      alignItems: "center",
      gap: 10
    }
  }, React.createElement("span", {
    style: {
      fontSize: 11,
      color: unreadCount > 0 ? "#c4b5fd" : T.dim,
      padding: "5px 12px",
      borderRadius: 11,
      background: unreadCount > 0 ? "linear-gradient(180deg,rgba(139,124,246,0.18),rgba(139,124,246,0.08))" : "rgba(85,90,128,0.08)",
      fontWeight: 700,
      letterSpacing: -0.05,
      border: `1px solid ${unreadCount > 0 ? "rgba(139,124,246,0.32)" : "rgba(85,90,128,0.15)"}`,
      boxShadow: unreadCount > 0 ? T.insetTop : "none"
    }
  }, unreadCount > 0 ? `${unreadCount} ${lang === "en" ? "new" : "novas"}` : lang === "en" ? "All read" : "Todas lidas"), unreadCount > 0 && React.createElement("button", {
    onClick: onMarkAllRead,
    style: {
      marginLeft: "auto",
      fontSize: 11,
      color: T.sub,
      padding: "7px 14px",
      borderRadius: 11,
      background: "rgba(22,28,60,0.6)",
      border: `1px solid ${T.gBSoft}`,
      fontWeight: 600,
      letterSpacing: -0.05,
      boxShadow: T.insetTop
    }
  }, lang === "en" ? "Mark all read" : "Marcar todas")), React.createElement("div", {
    style: {
      flex: 1,
      overflowY: "auto",
      WebkitOverflowScrolling: "touch"
    }
  }, items.length === 0 ? React.createElement("div", {
    style: {
      textAlign: "center",
      padding: "80px 24px 40px",
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      justifyContent: "center"
    }
  }, React.createElement("div", {
    style: {
      width: 72,
      height: 72,
      margin: "0 auto 18px",
      borderRadius: 22,
      background: "rgba(139,124,246,0.06)",
      border: "1px solid rgba(139,124,246,0.12)",
      display: "flex",
      alignItems: "center",
      justifyContent: "center"
    }
  }, React.createElement(Icon, {
    name: "bell",
    size: 32,
    color: T.dim
  })), React.createElement("div", {
    style: {
      fontSize: 15,
      fontWeight: 800,
      marginBottom: 6,
      color: T.text
    }
  }, lang === "en" ? "All caught up" : "Tudo em dia"), React.createElement("div", {
    style: {
      fontSize: 11,
      color: T.sub,
      lineHeight: 1.6,
      maxWidth: 260
    }
  }, lang === "en" ? "New hints from the routine engine will appear here during the day." : "Novas dicas do engine aparecerão aqui durante o dia."), React.createElement("div", {
    style: {
      display: "inline-flex",
      alignItems: "center",
      gap: 5,
      marginTop: 14,
      padding: "5px 10px",
      borderRadius: 8,
      background: "rgba(139,124,246,0.06)",
      fontSize: 9,
      color: T.accent,
      fontWeight: 700,
      letterSpacing: 0.5
    }
  }, React.createElement(Icon, {
    name: "clock",
    size: 10,
    color: T.accent
  }), lang === "en" ? "RESETS AT MIDNIGHT" : "RESET À MEIA-NOITE")) : items.map(it => {
    const col = colorByType[it.type] || T.blue;
    const ic = iconByType[it.type] || "star";
    const unread = !readFn(it);
    const isCuriosity = it.type === "curiosity";
    const colLight = it.type === "good" ? "#6ee7b7" : it.type === "warn" ? "#fdba74" : it.type === "curiosity" ? "#c4b5fd" : "#7dd3fc";
    return React.createElement("button", {
      key: it.key,
      onClick: () => unread && onMarkRead(it.key),
      style: {
        position: "relative",
        display: "flex",
        alignItems: "flex-start",
        gap: 13,
        padding: "16px 22px 16px 26px",
        margin: "0 18px 8px",
        borderRadius: 18,
        background: unread ? `linear-gradient(180deg,${col}1a,${col}05)` : "rgba(22,28,60,0.35)",
        border: `1px solid ${unread ? col + "38" : T.gBSoft}`,
        boxShadow: unread ? `0 1px 0 0 rgba(255,255,255,0.06) inset, 0 6px 16px -8px ${col}25` : T.insetTop,
        overflow: "hidden",
        width: "calc(100% - 36px)",
        textAlign: "left",
        cursor: unread ? "pointer" : "default"
      }
    }, React.createElement("div", {
      style: {
        position: "absolute",
        left: 0,
        top: 0,
        bottom: 0,
        width: 4,
        background: `linear-gradient(180deg,${col},${col}40)`,
        borderRadius: "0 2px 2px 0",
        pointerEvents: "none",
        opacity: unread ? 1 : 0.4
      }
    }), React.createElement("div", {
      style: {
        width: 38,
        height: 38,
        borderRadius: 12,
        background: `linear-gradient(135deg,${col}40,${col}10)`,
        border: `1px solid ${col}50`,
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        flexShrink: 0,
        opacity: unread ? 1 : 0.5,
        boxShadow: "0 1px 0 0 rgba(255,255,255,0.08) inset"
      }
    }, React.createElement(Icon, {
      name: ic,
      size: 17,
      color: colLight
    })), React.createElement("div", {
      style: {
        flex: 1,
        minWidth: 0
      }
    }, isCuriosity && React.createElement("div", {
      style: {
        fontSize: 9,
        fontWeight: 800,
        letterSpacing: 0.8,
        textTransform: "uppercase",
        color: colLight,
        marginBottom: 4,
        opacity: unread ? 1 : 0.5
      }
    }, lang === "en" ? "Daily curiosity" : "Curiosidade do dia"), React.createElement("div", {
      style: {
        fontSize: 15,
        fontWeight: 700,
        marginBottom: 4,
        color: unread ? colLight : T.sub,
        lineHeight: 1.3,
        letterSpacing: -0.2
      }
    }, it.title), React.createElement("div", {
      style: {
        fontSize: 12,
        color: unread ? "#9099c3" : T.dim,
        lineHeight: 1.55
      }
    }, it.sub), React.createElement("div", {
      style: {
        fontSize: 10,
        color: T.dim,
        marginTop: 6,
        fontWeight: 600,
        letterSpacing: 0.3
      }
    }, fmtAgo(it.timestamp))));
  })));
}
function ProfilePage({
  profile,
  onSave,
  onBack,
  onGrowth,
  onShowChangelog,
  hasUnreadChangelog,
  reminders,
  onAddReminder,
  onDelReminder,
  onDirtyChange,
  cancelSignal,
  saveSignal
}) {
  const [name, setName] = useState(profile.name || "");
  const [birth, setBirth] = useState(profile.birthDate || "");
  const [photo, setPhoto] = useState(profile.photo || "");
  const [mlGoal, setMlGoal] = useState(String(profile.mlGoal || ""));
  const [birthWeight, setBirthWeight] = useState(String(profile.birthWeight || ""));
  const [birthLength, setBirthLength] = useState(String(profile.birthLength || ""));
  const [birthHead, setBirthHead] = useState(String(profile.birthHead || ""));
  const [langSel, setLangSel] = useState(profile.lang || "en");
  const [keepScreenOn, setKeepScreenOn] = useState(profile.keepScreenOn !== false);
  const hapticEnabled = false;
  const [pushEnabled, setPushEnabled] = useState(profile.pushEnabled === true);
  const [pushPermission, setPushPermission] = useState(() => typeof Notification !== "undefined" ? Notification.permission : "unsupported");
  const [pushBusy, setPushBusy] = useState(false);
  const revertAllRef = useRef(null);
  useEffect(() => {
    if (cancelSignal && revertAllRef.current) revertAllRef.current();
  }, [cancelSignal]);
  const saveRef = useRef(null);
  useEffect(() => {
    if (saveSignal && saveRef.current) saveRef.current();
  }, [saveSignal]);
  const [remNome, setRemNome] = useState("");
  const [remDose, setRemDose] = useState("");
  const [remHorario, setRemHorario] = useState("09:00");
  const [remTitulo, setRemTitulo] = useState("");
  const [remCorpo, setRemCorpo] = useState("");
  const [remShowCustom, setRemShowCustom] = useState(false);
  const [remBusy, setRemBusy] = useState(false);
  const [editingRemId, setEditingRemId] = useState(null);
  const [editNome, setEditNome] = useState("");
  const [editDose, setEditDose] = useState("");
  const [editHorario, setEditHorario] = useState("");
  const [editTitulo, setEditTitulo] = useState("");
  const [editCorpo, setEditCorpo] = useState("");
  const [editBusy, setEditBusy] = useState(false);
  const startRemEdit = r => {
    setEditingRemId(r._id);
    setEditNome(r.nome || "");
    setEditDose(r.dose || "");
    setEditHorario(r.horarios && r.horarios[0] || "09:00");
    setEditTitulo(r.titulo || "");
    setEditCorpo(r.corpo || "");
  };
  const cancelRemEdit = () => {
    setEditingRemId(null);
    setEditNome("");
    setEditDose("");
    setEditHorario("");
    setEditTitulo("");
    setEditCorpo("");
  };
  const saveRemEdit = async orig => {
    if (!editNome.trim() || !editHorario) return;
    setEditBusy(true);
    Haptic.medium();
    try {
      const payload = {
        _id: orig._id,
        nome: editNome.trim(),
        dose: editDose.trim(),
        horarios: [editHorario],
        ativo: orig.ativo !== false,
        createdAt: orig.createdAt || new Date().toISOString()
      };
      if (editTitulo.trim()) payload.titulo = editTitulo.trim();
      if (editCorpo.trim()) payload.corpo = editCorpo.trim();
      await onAddReminder(payload);
      cancelRemEdit();
      Haptic.success();
    } catch (e) {
      Haptic.warning();
    }
    setEditBusy(false);
  };
  const feedReminder = (reminders || []).find(r => r.tipo === "feedingInterval");
  const medList = (reminders || []).filter(r => r.tipo !== "feedingInterval");
  const [fdEnabled, setFdEnabled] = useState(feedReminder?.ativo === true);
  const [fdPushMinutes, setFdPushMinutes] = useState(feedReminder?.intervalMin || 120);
  const [fdMinutes, setFdMinutes] = useState(feedReminder?.barIntervalMin || feedReminder?.intervalMin || 120);
  const [fdBusy, setFdBusy] = useState(false);
  const fmtMin = v => {
    const h = Math.floor(v / 60);
    const m = v % 60;
    if (h === 0) return `${m}min`;
    if (m === 0) return `${h}h`;
    return `${h}h ${m}min`;
  };
  const fdConverted = fmtMin(fdMinutes || 0);
  const fdPushConverted = fmtMin(fdPushMinutes || 0);
  useEffect(() => {
    const r = (reminders || []).find(x => x.tipo === "feedingInterval");
    if (r) {
      setFdEnabled(r.ativo === true);
      setFdPushMinutes(r.intervalMin || 120);
      setFdMinutes(r.barIntervalMin || r.intervalMin || 120);
    }
  }, [reminders]);
  const saveFeedReminder = async (overrides = {}) => {
    const enabled = overrides.ativo !== undefined ? overrides.ativo : fdEnabled;
    const barMinutes = overrides.barIntervalMin !== undefined ? overrides.barIntervalMin : fdMinutes;
    const pushMinutes = overrides.intervalMin !== undefined ? overrides.intervalMin : fdPushMinutes;
    const existing = (reminders || []).find(r => r.tipo === "feedingInterval");
    setFdBusy(true);
    Haptic.medium();
    try {
      await onAddReminder({
        _id: existing?._id || "feedingInterval",
        tipo: "feedingInterval",
        ativo: enabled,
        intervalMin: pushMinutes,
        barIntervalMin: barMinutes,
        createdAt: existing?.createdAt || new Date().toISOString()
      });
      Haptic.success();
    } catch (e) {
      Haptic.warning();
    }
    setFdBusy(false);
  };
  const pushSupported = PushNotifs.isSupported();
  const photoSig = useMemo(() => photo ? `${photo.length}:${photo.slice(0, 24)}:${photo.slice(-24)}` : "", [photo]);
  const remotePhotoSig = useMemo(() => {
    const p = profile.photo || "";
    return p ? `${p.length}:${p.slice(0, 24)}:${p.slice(-24)}` : "";
  }, [profile.photo]);
  const isDirty = name !== (profile.name || "") || birth !== (profile.birthDate || "") || photoSig !== remotePhotoSig || mlGoal !== String(profile.mlGoal || "") || birthWeight !== String(profile.birthWeight || "") || birthLength !== String(profile.birthLength || "") || birthHead !== String(profile.birthHead || "") || fdPushMinutes !== (feedReminder?.intervalMin || 120) || fdMinutes !== (feedReminder?.barIntervalMin || feedReminder?.intervalMin || 120);
  useEffect(() => {
    if (onDirtyChange) onDirtyChange(isDirty);
  }, [isDirty]);
  revertAllRef.current = () => {
    setName(profile.name || "");
    setBirth(profile.birthDate || "");
    setPhoto(profile.photo || "");
    setMlGoal(String(profile.mlGoal || ""));
    setBirthWeight(String(profile.birthWeight || ""));
    setBirthLength(String(profile.birthLength || ""));
    setBirthHead(String(profile.birthHead || ""));
    setFdPushMinutes(feedReminder?.intervalMin || 120);
    setFdMinutes(feedReminder?.barIntervalMin || feedReminder?.intervalMin || 120);
    Haptic.medium();
  };
  const persistToggle = async overrides => {
    try {
      await onSave(overrides);
    } catch (e) {}
  };
  const handlePushToggle = async () => {
    if (pushBusy) return;
    if (!pushSupported) return;
    if (pushEnabled) {
      setPushEnabled(false);
      Haptic.light();
      await persistToggle({
        pushEnabled: false
      });
      return;
    }
    setPushBusy(true);
    Haptic.medium();
    try {
      const granted = await PushNotifs.requestPermission();
      setPushPermission(typeof Notification !== "undefined" ? Notification.permission : "unsupported");
      if (granted) {
        setPushEnabled(true);
        await persistToggle({
          pushEnabled: true
        });
        const token = await PushNotifs.getToken();
        if (token) await PushNotifs.saveToken(token);
        Haptic.success();
      } else {
        Haptic.warning();
      }
    } catch (e) {}
    setPushBusy(false);
  };
  const fr = useRef(null);
  const handlePhoto = e => {
    const f = e.target.files?.[0];
    if (!f) return;
    const rd = new FileReader();
    rd.onload = ev => {
      const img = new Image();
      img.onload = () => {
        const c = document.createElement("canvas"),
          mx = 200;
        let w = img.width,
          h = img.height;
        if (w > h) {
          h = h / w * mx;
          w = mx;
        } else {
          w = w / h * mx;
          h = mx;
        }
        c.width = w;
        c.height = h;
        c.getContext("2d").drawImage(img, 0, 0, w, h);
        setPhoto(c.toDataURL("image/jpeg", 0.8));
      };
      img.src = ev.target.result;
    };
    rd.readAsDataURL(f);
  };
  const doSave = async () => {
    const pFloat = v => parseFloat(String(v || "").replace(",", ".")) || 0;
    await onSave({
      name: name.trim(),
      birthDate: birth,
      photo,
      mlGoal: parseInt(mlGoal) || 0,
      birthWeight: pFloat(birthWeight),
      birthLength: pFloat(birthLength),
      birthHead: pFloat(birthHead),
      lang: langSel,
      keepScreenOn,
      hapticEnabled,
      pushEnabled
    });
    const barraChanged = fdMinutes !== (feedReminder?.barIntervalMin || feedReminder?.intervalMin || 120);
    const pushChanged = fdPushMinutes !== (feedReminder?.intervalMin || 120);
    if (barraChanged || pushChanged) {
      const clampedBarra = Math.max(30, Math.min(720, fdMinutes || 120));
      const clampedPush = Math.max(30, Math.min(720, fdPushMinutes || 120));
      await saveFeedReminder({
        barIntervalMin: clampedBarra,
        intervalMin: clampedPush
      });
      if (clampedBarra !== fdMinutes) setFdMinutes(clampedBarra);
      if (clampedPush !== fdPushMinutes) setFdPushMinutes(clampedPush);
    }
  };
  saveRef.current = doSave;
  const [autoState, setAutoState] = useState("idle");
  const saveTimerRef = useRef(null);
  const savedFlashRef = useRef(null);
  useEffect(() => {
    if (!isDirty) {
      return;
    }
    setAutoState("pending");
    if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
    const delay = photo !== (profile.photo || "") ? 0 : 900;
    saveTimerRef.current = setTimeout(async () => {
      setAutoState("saving");
      try {
        await doSave();
        setAutoState("saved");
        if (savedFlashRef.current) clearTimeout(savedFlashRef.current);
        savedFlashRef.current = setTimeout(() => setAutoState("idle"), 1400);
      } catch (e) {
        setAutoState("idle");
      }
    }, delay);
    return () => {
      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
    };
  }, [isDirty, name, birth, photo, mlGoal, birthWeight, birthLength, birthHead, fdMinutes, fdPushMinutes]);
  useEffect(() => () => {
    if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
    if (savedFlashRef.current) clearTimeout(savedFlashRef.current);
  }, []);
  const inp = {
    width: "100%",
    maxWidth: "100%",
    boxSizing: "border-box",
    WebkitAppearance: "none",
    appearance: "none",
    padding: "17px 18px",
    background: "rgba(20,26,60,0.55)",
    border: `1px solid ${T.gBSoft}`,
    borderRadius: 16,
    color: T.text,
    fontSize: 17,
    fontWeight: 600,
    letterSpacing: -0.2,
    outline: "none",
    boxShadow: T.insetTop
  };
  return React.createElement("div", {
    style: {
      position: "fixed",
      inset: 0,
      zIndex: 200,
      maxWidth: 480,
      margin: "0 auto",
      background: "radial-gradient(ellipse 140% 55% at 50% 100%, #1a1f52 0%, transparent 70%), radial-gradient(ellipse at 50% 0%, #10153d 0%, #070b1e 65%), #070b1e",
      overflowY: "auto",
      overflowX: "hidden",
      overscrollBehavior: "contain",
      WebkitOverflowScrolling: "touch",
      paddingTop: "env(safe-area-inset-top)",
      paddingBottom: "calc(100px + env(safe-area-inset-bottom))"
    }
  }, React.createElement(Starfield, null), React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 10,
      padding: "16px 14px 16px 20px"
    }
  }, React.createElement("button", {
    "aria-label": _lang === "en" ? "Back" : "Voltar",
    onClick: onBack,
    style: {
      width: 36,
      height: 36,
      borderRadius: 10,
      background: T.glass,
      border: `1px solid ${T.gB}`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      flexShrink: 0
    }
  }, React.createElement(Icon, {
    name: "back",
    size: 18,
    color: T.sub
  })), React.createElement("span", {
    style: {
      flex: 1,
      fontSize: 17,
      fontWeight: 700,
      minWidth: 0,
      overflow: "hidden",
      textOverflow: "ellipsis",
      whiteSpace: "nowrap"
    }
  }, L("profile"))), autoState !== "idle" && React.createElement("div", {
    style: {
      position: "fixed",
      top: "calc(env(safe-area-inset-top) + 12px)",
      left: "50%",
      transform: "translateX(-50%)",
      zIndex: 300,
      pointerEvents: "none",
      animation: "pillIn 0.25s ease"
    }
  }, React.createElement("span", {
    style: {
      display: "inline-flex",
      alignItems: "center",
      gap: 6,
      padding: "7px 14px",
      borderRadius: 22,
      fontSize: 12,
      fontWeight: 700,
      letterSpacing: -0.1,
      background: autoState === "saved" ? "rgba(16,30,24,0.92)" : "rgba(18,20,48,0.92)",
      backdropFilter: "blur(14px)",
      WebkitBackdropFilter: "blur(14px)",
      border: `1px solid ${autoState === "saved" ? "rgba(52,211,153,0.35)" : "rgba(139,124,246,0.28)"}`,
      color: autoState === "saved" ? "#6ee7b7" : "#c4b5fd",
      boxShadow: "0 8px 24px -8px rgba(0,0,0,0.5)"
    }
  }, autoState === "saved" ? React.createElement(React.Fragment, null, React.createElement(Icon, {
    name: "check",
    size: 12,
    color: "#6ee7b7"
  }), _lang === "en" ? "Saved" : "Salvo") : React.createElement(React.Fragment, null, React.createElement("span", {
    style: {
      width: 6,
      height: 6,
      borderRadius: "50%",
      background: "#c4b5fd",
      animation: "pulse 1.2s ease-in-out infinite"
    }
  }), autoState === "saving" ? _lang === "en" ? "Saving\u2026" : "Salvando\u2026" : _lang === "en" ? "Editing\u2026" : "Editando\u2026"))), React.createElement("div", {
    style: {
      padding: "0 20px"
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      marginBottom: 24
    }
  }, React.createElement("button", {
    onClick: () => fr.current?.click(),
    style: {
      width: 88,
      height: 88,
      borderRadius: "50%",
      overflow: "hidden",
      background: T.glass,
      border: `2px solid ${T.accent}33`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: "0 4px 20px rgba(0,0,0,0.3)"
    }
  }, photo ? React.createElement("img", {
    src: photo,
    alt: "",
    style: {
      width: "100%",
      height: "100%",
      objectFit: "cover"
    }
  }) : React.createElement(Icon, {
    name: "sun",
    size: 32,
    color: T.sub
  })), React.createElement("input", {
    ref: fr,
    type: "file",
    accept: "image/*",
    style: {
      display: "none"
    },
    onChange: handlePhoto
  }), React.createElement("span", {
    style: {
      fontSize: 11,
      color: T.dim,
      marginTop: 8
    }
  }, _lang === "en" ? "Tap to change" : "Toque para alterar")), React.createElement("div", {
    style: {
      background: "rgba(22,28,60,0.4)",
      borderRadius: 16,
      border: `1px solid ${T.gB}`,
      padding: 16,
      marginBottom: 12
    }
  }, React.createElement(Fld, {
    label: L("name")
  }, React.createElement("input", {
    type: "text",
    placeholder: _lang === "en" ? "e.g. Louise" : "Ex: Louise",
    value: name,
    onChange: e => setName(e.target.value),
    style: inp
  })), React.createElement(Fld, {
    label: L("birthDate")
  }, React.createElement("input", {
    type: "date",
    value: birth,
    onChange: e => setBirth(e.target.value),
    style: {
      ...inp,
      colorScheme: "dark",
      maxWidth: "100%",
      WebkitAppearance: "none",
      textAlign: "center"
    }
  })), React.createElement(Fld, {
    label: L("dailyMilkGoal")
  }, React.createElement("input", {
    type: "number",
    inputMode: "numeric",
    placeholder: _lang === "en" ? "e.g. 600" : "Ex: 600",
    value: mlGoal,
    onChange: e => setMlGoal(e.target.value),
    style: inp
  }))), React.createElement("div", {
    style: {
      background: "rgba(22,28,60,0.4)",
      borderRadius: 16,
      border: `1px solid ${T.gB}`,
      padding: 16,
      marginBottom: 12
    }
  }, React.createElement(Fld, {
    label: langSel === "en" ? "Language" : "Idioma"
  }, React.createElement("div", {
    style: {
      display: "flex",
      gap: 4,
      background: "rgba(14,18,48,0.6)",
      borderRadius: 10,
      padding: 3,
      border: `1px solid ${T.gB}`
    }
  }, React.createElement("button", {
    onClick: () => setLangSel("en"),
    style: {
      flex: 1,
      padding: "10px 0",
      borderRadius: 8,
      fontSize: 13,
      fontWeight: 700,
      background: langSel === "en" ? T.accent : "transparent",
      color: langSel === "en" ? "#fff" : T.sub
    }
  }, "English"), React.createElement("button", {
    onClick: () => setLangSel("pt"),
    style: {
      flex: 1,
      padding: "10px 0",
      borderRadius: 8,
      fontSize: 13,
      fontWeight: 700,
      background: langSel === "pt" ? T.accent : "transparent",
      color: langSel === "pt" ? "#fff" : T.sub
    }
  }, "Portugu\xEAs")))), React.createElement("div", {
    style: {
      background: "linear-gradient(180deg,rgba(22,28,60,0.55),rgba(20,26,60,0.4))",
      borderRadius: 18,
      border: `1px solid ${T.gBSoft}`,
      padding: 18,
      marginBottom: 14,
      boxShadow: T.insetTop
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "flex-start",
      justifyContent: "space-between",
      gap: 14
    }
  }, React.createElement("div", {
    style: {
      flex: 1
    }
  }, React.createElement("div", {
    style: {
      fontSize: 15,
      fontWeight: 700,
      marginBottom: 4,
      color: "#f0f2ff",
      letterSpacing: -0.2
    }
  }, langSel === "en" ? "Keep screen on" : "Manter tela ligada"), React.createElement("div", {
    style: {
      fontSize: 12,
      color: "#7a80a8",
      lineHeight: 1.5
    }
  }, langSel === "en" ? "During night wake & nursing timers" : "Durante night wake e amamentação")), React.createElement("button", {
    onClick: () => {
      const v = !keepScreenOn;
      setKeepScreenOn(v);
      persistToggle({
        keepScreenOn: v
      });
    },
    style: {
      position: "relative",
      width: 52,
      height: 32,
      borderRadius: 16,
      background: keepScreenOn ? `linear-gradient(180deg,${T.accent},#6d5cd4)` : "rgba(14,18,48,0.8)",
      border: `1px solid ${keepScreenOn ? "rgba(139,124,246,0.5)" : T.gBSoft}`,
      transition: "all .2s",
      flexShrink: 0,
      cursor: "pointer",
      padding: 0,
      boxShadow: keepScreenOn ? "0 1px 0 0 rgba(255,255,255,0.18) inset, 0 4px 12px -4px rgba(139,124,246,0.4)" : T.insetTop
    }
  }, React.createElement("div", {
    style: {
      position: "absolute",
      top: 3,
      left: keepScreenOn ? 25 : 3,
      width: 24,
      height: 24,
      borderRadius: "50%",
      background: "#fff",
      transition: "left .2s",
      boxShadow: "0 2px 6px rgba(0,0,0,0.4)"
    }
  }))), React.createElement("div", {
    style: {
      height: 1,
      background: T.gBSoft,
      margin: "16px 0"
    }
  }), React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "flex-start",
      justifyContent: "space-between",
      gap: 14
    }
  }, React.createElement("div", {
    style: {
      flex: 1
    }
  }, React.createElement("div", {
    style: {
      fontSize: 15,
      fontWeight: 700,
      marginBottom: 4,
      color: pushSupported ? "#f0f2ff" : T.dim,
      letterSpacing: -0.2
    }
  }, langSel === "en" ? "Notifications" : "Notificações"), React.createElement("div", {
    style: {
      fontSize: 12,
      color: "#7a80a8",
      lineHeight: 1.5
    }
  }, !pushSupported ? langSel === "en" ? "Install to home screen first (iOS 16.4+)" : "Instale na tela inicial primeiro (iOS 16.4+)" : pushPermission === "denied" ? langSel === "en" ? "Permission denied — enable in iOS Settings" : "Permissão negada — ative nos Ajustes do iOS" : pushEnabled ? langSel === "en" ? "Notifications on — add reminders below" : "Notificações ativas — cadastre lembretes abaixo" : langSel === "en" ? "Tap to enable" : "Toque para ativar")), React.createElement("button", {
    onClick: handlePushToggle,
    disabled: !pushSupported || pushBusy || pushPermission === "denied",
    style: {
      position: "relative",
      width: 52,
      height: 32,
      borderRadius: 16,
      background: pushEnabled && pushSupported ? `linear-gradient(180deg,${T.accent},#6d5cd4)` : "rgba(14,18,48,0.8)",
      border: `1px solid ${pushEnabled && pushSupported ? "rgba(139,124,246,0.5)" : T.gBSoft}`,
      transition: "all .2s",
      flexShrink: 0,
      cursor: pushSupported && !pushBusy && pushPermission !== "denied" ? "pointer" : "not-allowed",
      padding: 0,
      opacity: !pushSupported || pushPermission === "denied" ? 0.4 : 1,
      boxShadow: pushEnabled && pushSupported ? "0 1px 0 0 rgba(255,255,255,0.18) inset, 0 4px 12px -4px rgba(139,124,246,0.4)" : T.insetTop
    }
  }, React.createElement("div", {
    style: {
      position: "absolute",
      top: 3,
      left: pushEnabled && pushSupported ? 25 : 3,
      width: 24,
      height: 24,
      borderRadius: "50%",
      background: "#fff",
      transition: "left .2s",
      boxShadow: "0 2px 6px rgba(0,0,0,0.4)"
    }
  })))), React.createElement("div", {
    style: {
      background: "linear-gradient(180deg,rgba(22,28,60,0.55),rgba(20,26,60,0.4))",
      borderRadius: 18,
      border: `1px solid ${T.gBSoft}`,
      padding: 18,
      marginBottom: 14,
      boxShadow: T.insetTop
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 10,
      marginBottom: 6
    }
  }, React.createElement("div", {
    style: {
      width: 32,
      height: 32,
      borderRadius: 10,
      background: `linear-gradient(135deg,${T.accent}38,${T.accent}10)`,
      border: `1px solid ${T.accent}50`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.08) inset"
    }
  }, React.createElement(Icon, {
    name: "bell",
    size: 15,
    color: "#c4b5fd"
  })), React.createElement("div", {
    style: {
      fontSize: 15,
      fontWeight: 700,
      color: "#f0f2ff",
      letterSpacing: -0.2
    }
  }, langSel === "en" ? "Medication reminders" : "Lembretes de medicamento")), React.createElement("div", {
    style: {
      fontSize: 12,
      color: "#7a80a8",
      lineHeight: 1.55,
      marginBottom: 16
    }
  }, langSel === "en" ? "Push notification at the scheduled time. Both devices receive." : "Notificação push no horário marcado. Ambos os dispositivos recebem."), medList.length > 0 && React.createElement("div", {
    style: {
      display: "flex",
      flexDirection: "column",
      gap: 8,
      marginBottom: 14
    }
  }, medList.slice().sort((a, b) => (a.horarios?.[0] || "").localeCompare(b.horarios?.[0] || "")).map(r => {
    const isEditingThis = editingRemId === r._id;
    const hasCustom = !!(r.titulo || r.corpo);
    if (isEditingThis) {
      return React.createElement("div", {
        key: r._id,
        style: {
          padding: 14,
          borderRadius: 14,
          background: "rgba(139,124,246,0.07)",
          border: `1px solid rgba(139,124,246,0.28)`,
          boxShadow: T.insetTop
        }
      }, React.createElement("div", {
        style: {
          padding: "9px 11px",
          background: "rgba(139,124,246,0.12)",
          border: "1px solid rgba(139,124,246,0.28)",
          borderRadius: 10,
          display: "flex",
          gap: 8,
          alignItems: "center",
          marginBottom: 12
        }
      }, React.createElement(Icon, {
        name: "pencil",
        size: 13,
        color: "#c4b5fd"
      }), React.createElement("div", {
        style: {
          fontSize: 11.5,
          color: "#c4b5fd",
          fontWeight: 600,
          flex: 1,
          lineHeight: 1.4
        }
      }, langSel === "en" ? React.createElement(React.Fragment, null, "Editing ", React.createElement("b", null, r.nome || "—")) : React.createElement(React.Fragment, null, "Editando ", React.createElement("b", null, r.nome || "—")))), React.createElement("div", {
        style: {
          fontSize: 10,
          fontWeight: 700,
          color: "#7a80a8",
          margin: "0 0 4px",
          letterSpacing: 0.5,
          textTransform: "uppercase"
        }
      }, langSel === "en" ? "Name" : "Nome"), React.createElement("input", {
        type: "text",
        value: editNome,
        onChange: e => setEditNome(e.target.value),
        placeholder: langSel === "en" ? "Name" : "Nome",
        style: {
          ...inp,
          padding: "13px 16px",
          fontSize: 15,
          marginBottom: 8
        }
      }), React.createElement("div", {
        style: {
          fontSize: 10,
          fontWeight: 700,
          color: "#7a80a8",
          margin: "0 0 4px",
          letterSpacing: 0.5,
          textTransform: "uppercase"
        }
      }, langSel === "en" ? "Dose" : "Dose"), React.createElement("input", {
        type: "text",
        value: editDose,
        onChange: e => setEditDose(e.target.value),
        placeholder: langSel === "en" ? "Dose" : "Dose",
        style: {
          ...inp,
          padding: "13px 16px",
          fontSize: 15,
          marginBottom: 8
        }
      }), React.createElement("div", {
        style: {
          fontSize: 10,
          fontWeight: 700,
          color: "#7a80a8",
          margin: "0 0 4px",
          letterSpacing: 0.5,
          textTransform: "uppercase"
        }
      }, langSel === "en" ? "Time" : "Horário"), React.createElement("input", {
        type: "time",
        value: editHorario,
        onChange: e => setEditHorario(e.target.value),
        style: {
          ...inp,
          padding: "13px 16px",
          fontSize: 16,
          fontWeight: 700,
          colorScheme: "dark",
          textAlign: "center",
          marginBottom: 8
        }
      }), React.createElement("div", {
        style: {
          fontSize: 10,
          fontWeight: 700,
          color: "#7a80a8",
          margin: "6px 0 4px",
          letterSpacing: 0.5,
          textTransform: "uppercase",
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center"
        }
      }, React.createElement("span", null, langSel === "en" ? "Notification title" : "Título da notificação"), React.createElement("span", {
        style: {
          fontSize: 9,
          color: "#555580",
          fontWeight: 500,
          letterSpacing: 0,
          textTransform: "none"
        }
      }, langSel === "en" ? "optional" : "opcional")), React.createElement("input", {
        type: "text",
        value: editTitulo,
        onChange: e => setEditTitulo(e.target.value),
        placeholder: langSel === "en" ? "Default: Reminder" : "Padrão: Lembrete",
        style: {
          ...inp,
          padding: "13px 16px",
          fontSize: 15,
          marginBottom: 8
        }
      }), React.createElement("div", {
        style: {
          fontSize: 10,
          fontWeight: 700,
          color: "#7a80a8",
          margin: "0 0 4px",
          letterSpacing: 0.5,
          textTransform: "uppercase",
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center"
        }
      }, React.createElement("span", null, langSel === "en" ? "Notification body" : "Corpo da notificação"), React.createElement("span", {
        style: {
          fontSize: 9,
          color: "#555580",
          fontWeight: 500,
          letterSpacing: 0,
          textTransform: "none"
        }
      }, langSel === "en" ? "optional" : "opcional")), React.createElement("textarea", {
        value: editCorpo,
        onChange: e => setEditCorpo(e.target.value),
        placeholder: langSel === "en" ? "Default: name + dose" : "Padrão: nome + dose",
        style: {
          ...inp,
          padding: "13px 16px",
          fontSize: 14,
          minHeight: 62,
          resize: "vertical",
          fontFamily: "inherit",
          lineHeight: 1.45,
          marginBottom: 12
        }
      }), React.createElement("div", {
        style: {
          display: "flex",
          gap: 8,
          marginTop: 4
        }
      }, React.createElement("button", {
        onClick: cancelRemEdit,
        disabled: editBusy,
        style: {
          flex: 1,
          padding: 12,
          borderRadius: 12,
          background: "rgba(139,124,246,0.05)",
          border: "1px solid rgba(139,124,246,0.15)",
          color: T.sub,
          fontSize: 13,
          fontWeight: 700,
          opacity: editBusy ? 0.5 : 1
        }
      }, langSel === "en" ? "Cancel" : "Cancelar"), React.createElement("button", {
        onClick: () => saveRemEdit(r),
        disabled: editBusy || !editNome.trim() || !editHorario,
        style: {
          flex: 2,
          padding: 12,
          borderRadius: 12,
          background: editNome.trim() && editHorario ? `linear-gradient(180deg,#9b8df8,#7c3aed)` : "rgba(14,18,48,0.8)",
          color: editNome.trim() && editHorario ? "#fff" : T.dim,
          fontSize: 13,
          fontWeight: 800,
          letterSpacing: -0.2,
          border: `1px solid ${editNome.trim() && editHorario ? "rgba(139,124,246,0.5)" : T.gBSoft}`,
          opacity: editBusy ? 0.6 : 1
        }
      }, langSel === "en" ? "Save changes" : "Salvar alterações")));
    }
    return React.createElement("div", {
      key: r._id,
      style: {
        position: "relative",
        display: "flex",
        alignItems: "center",
        gap: 10,
        padding: "14px 10px 14px 18px",
        borderRadius: 14,
        background: "rgba(14,18,48,0.6)",
        border: `1px solid ${T.gBSoft}`,
        boxShadow: T.insetTop,
        overflow: "hidden",
        opacity: editingRemId ? 0.55 : 1,
        transition: "opacity .2s"
      }
    }, React.createElement("div", {
      style: {
        position: "absolute",
        left: 0,
        top: 0,
        bottom: 0,
        width: 4,
        background: `linear-gradient(180deg,${T.accent},${T.accent}40)`,
        borderRadius: "0 2px 2px 0",
        pointerEvents: "none"
      }
    }), React.createElement("div", {
      style: {
        minWidth: 56,
        padding: "7px 10px",
        borderRadius: 11,
        background: `linear-gradient(180deg,${T.accent}28,${T.accent}10)`,
        border: `1px solid ${T.accent}45`,
        textAlign: "center",
        boxShadow: "0 1px 0 0 rgba(255,255,255,0.08) inset"
      }
    }, React.createElement("div", {
      style: {
        fontSize: 14,
        fontWeight: 800,
        color: "#c4b5fd",
        fontVariantNumeric: "tabular-nums",
        letterSpacing: -0.3
      }
    }, r.horarios?.[0] || "--:--")), React.createElement("div", {
      style: {
        flex: 1,
        minWidth: 0
      }
    }, React.createElement("div", {
      style: {
        fontSize: 14,
        fontWeight: 700,
        color: "#f0f2ff",
        whiteSpace: "nowrap",
        overflow: "hidden",
        textOverflow: "ellipsis",
        letterSpacing: -0.2
      }
    }, r.nome || "—"), r.dose && React.createElement("div", {
      style: {
        fontSize: 12,
        color: "#9099c3",
        marginTop: 2,
        whiteSpace: "nowrap",
        overflow: "hidden",
        textOverflow: "ellipsis"
      }
    }, r.dose), hasCustom && React.createElement("div", {
      style: {
        fontSize: 10,
        color: "#a78bfa",
        marginTop: 3,
        display: "flex",
        alignItems: "center",
        gap: 4,
        fontWeight: 600
      }
    }, React.createElement(Icon, {
      name: "pencil",
      size: 9,
      color: "#a78bfa"
    }), langSel === "en" ? "custom message" : "mensagem personalizada")), React.createElement("button", {
      disabled: !!editingRemId,
      onClick: () => {
        Haptic.medium();
        startRemEdit(r);
      },
      style: {
        width: 32,
        height: 32,
        borderRadius: 10,
        background: "rgba(139,124,246,0.1)",
        border: "1px solid rgba(139,124,246,0.15)",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        flexShrink: 0,
        opacity: editingRemId ? 0.3 : 1
      }
    }, React.createElement(Icon, {
      name: "pencil",
      size: 13,
      color: "#a78bfa"
    })), React.createElement("button", {
      disabled: !!editingRemId,
      onClick: async () => {
        if (!confirm(langSel === "en" ? `Delete reminder "${r.nome}"?` : `Excluir lembrete "${r.nome}"?`)) return;
        Haptic.medium();
        try {
          await onDelReminder(r._id);
        } catch (e) {}
      },
      style: {
        width: 32,
        height: 32,
        borderRadius: 10,
        background: "rgba(22,28,60,0.6)",
        border: `1px solid ${T.gBSoft}`,
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        flexShrink: 0,
        boxShadow: T.insetTop,
        opacity: editingRemId ? 0.3 : 1
      }
    }, React.createElement(Icon, {
      name: "x",
      size: 13,
      color: T.dim
    })));
  })), React.createElement("div", {
    style: {
      padding: 14,
      borderRadius: 14,
      background: "rgba(14,18,48,0.5)",
      border: `1px dashed ${T.gBSoft}`,
      opacity: editingRemId ? 0.4 : 1,
      pointerEvents: editingRemId ? "none" : "auto",
      transition: "opacity .2s"
    }
  }, React.createElement("div", {
    style: {
      fontSize: 11,
      fontWeight: 600,
      color: "#7a80a8",
      marginBottom: 10,
      letterSpacing: -0.05,
      display: "flex",
      justifyContent: "space-between",
      alignItems: "center"
    }
  }, React.createElement("span", null, langSel === "en" ? "Add new" : "Adicionar novo"), React.createElement("button", {
    onClick: () => setRemShowCustom(!remShowCustom),
    style: {
      background: "transparent",
      border: "none",
      fontSize: 10,
      color: "#a78bfa",
      fontWeight: 700,
      letterSpacing: 0.3,
      padding: 0,
      cursor: "pointer"
    }
  }, remShowCustom ? langSel === "en" ? "hide message ▲" : "ocultar mensagem ▲" : langSel === "en" ? "customize message ▼" : "personalizar mensagem ▼")), React.createElement("div", {
    style: {
      display: "flex",
      flexDirection: "column",
      gap: 8
    }
  }, React.createElement("input", {
    type: "text",
    placeholder: langSel === "en" ? "Name (e.g. Vitamin D)" : "Nome (ex: Vitamina D)",
    value: remNome,
    onChange: e => setRemNome(e.target.value),
    style: {
      ...inp,
      padding: "14px 16px",
      fontSize: 15
    }
  }), React.createElement("input", {
    type: "text",
    placeholder: langSel === "en" ? "Dose (e.g. 2 drops)" : "Dose (ex: 2 gotas)",
    value: remDose,
    onChange: e => setRemDose(e.target.value),
    style: {
      ...inp,
      padding: "14px 16px",
      fontSize: 15
    }
  }), remShowCustom && React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      fontSize: 10,
      fontWeight: 700,
      color: "#7a80a8",
      margin: "4px 0 -2px",
      letterSpacing: 0.5,
      textTransform: "uppercase",
      display: "flex",
      justifyContent: "space-between",
      alignItems: "center"
    }
  }, React.createElement("span", null, langSel === "en" ? "Notification title" : "Título da notificação"), React.createElement("span", {
    style: {
      fontSize: 9,
      color: "#555580",
      fontWeight: 500,
      letterSpacing: 0,
      textTransform: "none"
    }
  }, langSel === "en" ? "optional" : "opcional")), React.createElement("input", {
    type: "text",
    placeholder: langSel === "en" ? "Default: Reminder" : "Padrão: Lembrete",
    value: remTitulo,
    onChange: e => setRemTitulo(e.target.value),
    style: {
      ...inp,
      padding: "13px 16px",
      fontSize: 15
    }
  }), React.createElement("div", {
    style: {
      fontSize: 10,
      fontWeight: 700,
      color: "#7a80a8",
      margin: "4px 0 -2px",
      letterSpacing: 0.5,
      textTransform: "uppercase",
      display: "flex",
      justifyContent: "space-between",
      alignItems: "center"
    }
  }, React.createElement("span", null, langSel === "en" ? "Notification body" : "Corpo da notificação"), React.createElement("span", {
    style: {
      fontSize: 9,
      color: "#555580",
      fontWeight: 500,
      letterSpacing: 0,
      textTransform: "none"
    }
  }, langSel === "en" ? "optional" : "opcional")), React.createElement("textarea", {
    placeholder: langSel === "en" ? "Default: name + dose" : "Padrão: nome + dose",
    value: remCorpo,
    onChange: e => setRemCorpo(e.target.value),
    style: {
      ...inp,
      padding: "13px 16px",
      fontSize: 14,
      minHeight: 62,
      resize: "vertical",
      fontFamily: "inherit",
      lineHeight: 1.45
    }
  })), React.createElement("div", {
    style: {
      display: "flex",
      gap: 8,
      alignItems: "center"
    }
  }, React.createElement("input", {
    type: "time",
    value: remHorario,
    onChange: e => setRemHorario(e.target.value),
    style: {
      ...inp,
      padding: "14px 16px",
      fontSize: 16,
      fontWeight: 700,
      colorScheme: "dark",
      textAlign: "center",
      flex: 1
    }
  }), React.createElement("button", {
    disabled: remBusy || !remNome.trim() || !remHorario,
    onClick: async () => {
      if (!remNome.trim() || !remHorario) return;
      setRemBusy(true);
      Haptic.medium();
      try {
        const payload = {
          nome: remNome.trim(),
          dose: remDose.trim(),
          horarios: [remHorario],
          ativo: true,
          createdAt: new Date().toISOString()
        };
        if (remTitulo.trim()) payload.titulo = remTitulo.trim();
        if (remCorpo.trim()) payload.corpo = remCorpo.trim();
        await onAddReminder(payload);
        setRemNome("");
        setRemDose("");
        setRemHorario("09:00");
        setRemTitulo("");
        setRemCorpo("");
        setRemShowCustom(false);
        Haptic.success();
      } catch (e) {
        Haptic.warning();
      }
      setRemBusy(false);
    },
    style: {
      padding: "14px 20px",
      borderRadius: 14,
      background: remNome.trim() && remHorario ? `linear-gradient(180deg,#9b8df8,#7c3aed)` : "rgba(14,18,48,0.8)",
      color: remNome.trim() && remHorario ? "#fff" : T.dim,
      fontSize: 15,
      fontWeight: 800,
      letterSpacing: -0.2,
      border: `1px solid ${remNome.trim() && remHorario ? "rgba(139,124,246,0.5)" : T.gBSoft}`,
      boxShadow: remNome.trim() && remHorario ? `0 1px 0 0 rgba(255,255,255,0.18) inset, 0 4px 12px -4px ${T.accent}55` : T.insetTop,
      cursor: remNome.trim() && remHorario && !remBusy ? "pointer" : "not-allowed",
      opacity: remBusy ? 0.6 : 1,
      whiteSpace: "nowrap"
    }
  }, langSel === "en" ? "Add" : "Adicionar")))), (!pushEnabled || !pushSupported || pushPermission === "denied") && React.createElement("div", {
    style: {
      marginTop: 12,
      padding: "8px 12px",
      borderRadius: 9,
      background: "rgba(251,191,36,0.08)",
      border: "1px solid rgba(251,191,36,0.2)",
      fontSize: 10,
      color: "#fbbf24",
      lineHeight: 1.45
    }
  }, langSel === "en" ? "Enable Notifications above to receive reminders." : "Ative Notificações acima para receber os lembretes.")), React.createElement("div", {
    style: {
      background: "linear-gradient(180deg,rgba(22,28,60,0.55),rgba(20,26,60,0.4))",
      borderRadius: 18,
      border: `1px solid ${T.gBSoft}`,
      padding: 18,
      marginBottom: 14,
      boxShadow: T.insetTop
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 10,
      marginBottom: 6
    }
  }, React.createElement("div", {
    style: {
      width: 32,
      height: 32,
      borderRadius: 10,
      background: `linear-gradient(135deg,${T.accent}38,${T.accent}10)`,
      border: `1px solid ${T.accent}50`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.08) inset"
    }
  }, React.createElement(Icon, {
    name: "bottle",
    size: 15,
    color: "#c4b5fd"
  })), React.createElement("div", {
    style: {
      fontSize: 15,
      fontWeight: 700,
      color: "#f0f2ff",
      letterSpacing: -0.2
    }
  }, langSel === "en" ? "Feeding reminder" : "Lembrete de mamada")), React.createElement("div", {
    style: {
      fontSize: 12,
      color: "#7a80a8",
      lineHeight: 1.55,
      marginBottom: 16
    }
  }, langSel === "en" ? "Push notification when the interval since the last bottle is exceeded. Both devices receive." : "Notificação push quando passar do intervalo desde a última mamadeira. Ambos os dispositivos recebem."), React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      justifyContent: "space-between",
      gap: 14,
      padding: 14,
      borderRadius: 14,
      background: "rgba(14,18,48,0.5)",
      border: `1px solid ${T.gBSoft}`,
      marginBottom: 14
    }
  }, React.createElement("div", {
    style: {
      flex: 1,
      minWidth: 0
    }
  }, React.createElement("div", {
    style: {
      fontSize: 14,
      fontWeight: 700,
      color: "#f0f2ff",
      letterSpacing: -0.2,
      marginBottom: 3
    }
  }, langSel === "en" ? "Enable reminder" : "Ativar lembrete"), React.createElement("div", {
    style: {
      fontSize: 11,
      color: "#7a80a8",
      lineHeight: 1.45
    }
  }, langSel === "en" ? "Notify when it's feeding time" : "Notificar quando estiver na hora")), React.createElement("button", {
    onClick: () => {
      const v = !fdEnabled;
      setFdEnabled(v);
      saveFeedReminder({
        ativo: v
      });
    },
    disabled: fdBusy,
    style: {
      position: "relative",
      width: 52,
      height: 32,
      borderRadius: 16,
      background: fdEnabled ? `linear-gradient(180deg,${T.accent},#6d5cd4)` : "rgba(14,18,48,0.8)",
      border: `1px solid ${fdEnabled ? "rgba(139,124,246,0.5)" : T.gBSoft}`,
      transition: "all .2s",
      flexShrink: 0,
      cursor: fdBusy ? "not-allowed" : "pointer",
      padding: 0,
      opacity: fdBusy ? 0.6 : 1,
      boxShadow: fdEnabled ? "0 1px 0 0 rgba(255,255,255,0.18) inset, 0 4px 12px -4px rgba(139,124,246,0.4)" : T.insetTop
    }
  }, React.createElement("div", {
    style: {
      position: "absolute",
      top: 3,
      left: fdEnabled ? 25 : 3,
      width: 24,
      height: 24,
      borderRadius: "50%",
      background: "#fff",
      transition: "left .2s",
      boxShadow: "0 2px 6px rgba(0,0,0,0.4)"
    }
  }))), React.createElement("div", {
    style: {
      display: "flex",
      flexDirection: "column",
      gap: 10,
      opacity: fdEnabled ? 1 : 0.5,
      transition: "opacity .25s",
      pointerEvents: fdEnabled ? "auto" : "none"
    }
  }, React.createElement("div", {
    style: {
      padding: 14,
      borderRadius: 14,
      background: "rgba(14,18,48,0.5)",
      border: `1px dashed ${T.gBSoft}`
    }
  }, React.createElement("div", {
    style: {
      fontSize: 11,
      fontWeight: 600,
      color: "#7a80a8",
      marginBottom: 10,
      letterSpacing: -0.05,
      display: "flex",
      alignItems: "center",
      gap: 6
    }
  }, React.createElement(Icon, {
    name: "clock",
    size: 11,
    color: "#7a80a8"
  }), langSel === "en" ? "Card progress interval" : "Intervalo da barra"), React.createElement("div", {
    style: {
      display: "flex",
      gap: 8,
      alignItems: "stretch"
    }
  }, React.createElement("input", {
    type: "number",
    inputMode: "numeric",
    min: "30",
    max: "720",
    value: fdMinutes,
    onChange: e => {
      const n = parseInt(e.target.value) || 0;
      setFdMinutes(n);
    },
    onBlur: () => {
      const clamped = Math.max(30, Math.min(720, fdMinutes || 120));
      if (clamped !== fdMinutes) setFdMinutes(clamped);
    },
    style: {
      flex: 1,
      minWidth: 0,
      padding: "14px 16px",
      background: "rgba(20,26,60,0.55)",
      border: `1px solid ${T.gBSoft}`,
      borderRadius: 14,
      color: T.text,
      fontSize: 17,
      fontWeight: 700,
      textAlign: "center",
      fontVariantNumeric: "tabular-nums",
      letterSpacing: -0.2,
      outline: "none",
      boxShadow: T.insetTop,
      WebkitAppearance: "none",
      appearance: "none"
    }
  }), React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      padding: "0 16px",
      background: "rgba(20,26,60,0.55)",
      border: `1px solid ${T.gBSoft}`,
      borderRadius: 14,
      fontSize: 13,
      color: "#8b90b8",
      fontWeight: 600,
      boxShadow: T.insetTop,
      whiteSpace: "nowrap"
    }
  }, langSel === "en" ? "minutes" : "minutos")), React.createElement("div", {
    style: {
      marginTop: 8,
      textAlign: "center",
      fontSize: 11,
      color: "#c4b5fd",
      fontWeight: 600,
      letterSpacing: -0.1
    }
  }, React.createElement("strong", {
    style: {
      fontVariantNumeric: "tabular-nums",
      color: "#e0d4ff"
    }
  }, fdConverted), " ", "\u00b7", " ", langSel === "en" ? "bar on Home card" : "barra do card Home")), React.createElement("div", {
    style: {
      padding: 14,
      borderRadius: 14,
      background: "rgba(14,18,48,0.5)",
      border: `1px dashed ${T.gBSoft}`
    }
  }, React.createElement("div", {
    style: {
      fontSize: 11,
      fontWeight: 600,
      color: "#7a80a8",
      marginBottom: 10,
      letterSpacing: -0.05,
      display: "flex",
      alignItems: "center",
      gap: 6
    }
  }, React.createElement(Icon, {
    name: "bell",
    size: 11,
    color: "#7a80a8"
  }), langSel === "en" ? "Push notification interval" : "Intervalo do push"), React.createElement("div", {
    style: {
      display: "flex",
      gap: 8,
      alignItems: "stretch"
    }
  }, React.createElement("input", {
    type: "number",
    inputMode: "numeric",
    min: "30",
    max: "720",
    value: fdPushMinutes,
    onChange: e => {
      const n = parseInt(e.target.value) || 0;
      setFdPushMinutes(n);
    },
    onBlur: () => {
      const clamped = Math.max(30, Math.min(720, fdPushMinutes || 120));
      if (clamped !== fdPushMinutes) setFdPushMinutes(clamped);
    },
    style: {
      flex: 1,
      minWidth: 0,
      padding: "14px 16px",
      background: "rgba(20,26,60,0.55)",
      border: `1px solid ${T.gBSoft}`,
      borderRadius: 14,
      color: T.text,
      fontSize: 17,
      fontWeight: 700,
      textAlign: "center",
      fontVariantNumeric: "tabular-nums",
      letterSpacing: -0.2,
      outline: "none",
      boxShadow: T.insetTop,
      WebkitAppearance: "none",
      appearance: "none"
    }
  }), React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      padding: "0 16px",
      background: "rgba(20,26,60,0.55)",
      border: `1px solid ${T.gBSoft}`,
      borderRadius: 14,
      fontSize: 13,
      color: "#8b90b8",
      fontWeight: 600,
      boxShadow: T.insetTop,
      whiteSpace: "nowrap"
    }
  }, langSel === "en" ? "minutes" : "minutos")), React.createElement("div", {
    style: {
      marginTop: 8,
      textAlign: "center",
      fontSize: 11,
      color: "#c4b5fd",
      fontWeight: 600,
      letterSpacing: -0.1
    }
  }, React.createElement("strong", {
    style: {
      fontVariantNumeric: "tabular-nums",
      color: "#e0d4ff"
    }
  }, fdPushConverted), " ", "\u00b7", " ", langSel === "en" ? "push fires after this" : "push dispara depois disso"))), React.createElement("div", {
    style: {
      marginTop: 14,
      padding: "12px 14px",
      borderRadius: 12,
      background: `linear-gradient(180deg,${T.accent}1a,${T.accent}08)`,
      border: `1px solid ${T.accent}33`
    }
  }, React.createElement("div", {
    style: {
      fontSize: 10,
      fontWeight: 700,
      color: "#c4b5fd",
      textTransform: "uppercase",
      letterSpacing: 1,
      marginBottom: 6,
      display: "flex",
      alignItems: "center",
      gap: 6
    }
  }, React.createElement(Icon, {
    name: "clock",
    size: 11,
    color: "#c4b5fd"
  }), langSel === "en" ? "How it works" : "Como funciona"), React.createElement("div", {
    style: {
      fontSize: 11.5,
      color: "#a0a6cf",
      lineHeight: 1.55
    }
  }, langSel === "en" ? React.createElement("span", null, "Two independent intervals: the ", React.createElement("strong", {
    style: {
      color: "#d4ccff",
      fontWeight: 700
    }
  }, "card bar"), " tracks visual progress on Home, the ", React.createElement("strong", {
    style: {
      color: "#d4ccff",
      fontWeight: 700
    }
  }, "push"), " fires once when its own interval is exceeded. Push only between ", React.createElement("strong", {
    style: {
      color: "#d4ccff",
      fontWeight: 700
    }
  }, "07:00 and 22:00"), " \\u2014 silent at night. Each new bottle resets both counters. Nursing does not count.") : React.createElement("span", null, "Dois prazos independentes: a ", React.createElement("strong", {
    style: {
      color: "#d4ccff",
      fontWeight: 700
    }
  }, "barra do card"), " mostra o progresso visual na Home, o ", React.createElement("strong", {
    style: {
      color: "#d4ccff",
      fontWeight: 700
    }
  }, "push"), " \\u00e9 enviado uma vez quando passa do pr\\u00f3prio intervalo. Push s\\u00f3 entre ", React.createElement("strong", {
    style: {
      color: "#d4ccff",
      fontWeight: 700
    }
  }, "07:00 e 22:00"), " \\u2014 \\u00e0 noite silencia. Cada nova mamadeira reseta os dois contadores. Amamenta\\u00e7\\u00e3o n\\u00e3o conta."))), (!pushEnabled || !pushSupported || pushPermission === "denied") && React.createElement("div", {
    style: {
      marginTop: 12,
      padding: "8px 12px",
      borderRadius: 9,
      background: "rgba(251,191,36,0.08)",
      border: "1px solid rgba(251,191,36,0.2)",
      fontSize: 10,
      color: "#fbbf24",
      lineHeight: 1.45
    }
  }, langSel === "en" ? "Enable Notifications above to receive reminders." : "Ative Notificações acima para receber os lembretes.")), React.createElement("div", {
    style: {
      background: "rgba(22,28,60,0.4)",
      borderRadius: 16,
      border: `1px solid ${T.gB}`,
      padding: 16,
      marginBottom: 16
    }
  }, React.createElement("div", {
    style: {
      fontSize: 10,
      fontWeight: 700,
      color: T.dim,
      marginBottom: 10,
      textTransform: "uppercase",
      letterSpacing: 1.2
    }
  }, L("birthData")), React.createElement("div", {
    style: {
      display: "grid",
      gridTemplateColumns: "minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)",
      gap: 8
    }
  }, React.createElement(Fld, {
    label: `${L("weight")} (kg)`
  }, React.createElement("input", {
    type: "text",
    inputMode: "decimal",
    placeholder: _lang === "pt" ? "3,2" : "3.2",
    value: birthWeight,
    onChange: e => setBirthWeight(e.target.value),
    style: {
      ...inp,
      textAlign: "center",
      padding: "12px 8px"
    }
  })), React.createElement(Fld, {
    label: `${_lang === "en" ? "Length" : "Comp."} (cm)`
  }, React.createElement("input", {
    type: "text",
    inputMode: "decimal",
    placeholder: "49",
    value: birthLength,
    onChange: e => setBirthLength(e.target.value),
    style: {
      ...inp,
      textAlign: "center",
      padding: "12px 8px"
    }
  })), React.createElement(Fld, {
    label: `${L("head")} (cm)`
  }, React.createElement("input", {
    type: "text",
    inputMode: "decimal",
    placeholder: "34",
    value: birthHead,
    onChange: e => setBirthHead(e.target.value),
    style: {
      ...inp,
      textAlign: "center",
      padding: "12px 8px"
    }
  })))), React.createElement("button", {
    onClick: () => {
      if (isDirty) doSave();
      onGrowth();
    },
    style: {
      width: "100%",
      padding: 14,
      borderRadius: 12,
      marginBottom: 10,
      background: "rgba(163,230,53,0.08)",
      border: "1px solid rgba(163,230,53,0.15)",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      gap: 8
    }
  }, React.createElement(Icon, {
    name: "ruler",
    size: 16,
    color: "#a3e635"
  }), React.createElement("span", {
    style: {
      fontSize: 14,
      fontWeight: 700,
      color: "#a3e635"
    }
  }, L("viewGrowth"))), React.createElement(BackupSection, null), React.createElement("div", {
    style: {
      marginTop: 20
    }
  }, React.createElement("button", {
    onClick: onShowChangelog,
    style: {
      width: "100%",
      padding: "14px 16px",
      borderRadius: 14,
      background: "rgba(22,28,60,0.4)",
      border: `1px solid ${T.gB}`,
      display: "flex",
      alignItems: "center",
      gap: 12,
      textAlign: "left",
      cursor: "pointer"
    }
  }, React.createElement("div", {
    style: {
      width: 36,
      height: 36,
      borderRadius: 10,
      background: "linear-gradient(135deg,rgba(139,124,246,0.18),rgba(124,58,237,0.10))",
      border: "1px solid rgba(139,124,246,0.22)",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      flexShrink: 0
    }
  }, React.createElement("svg", {
    width: "18",
    height: "18",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "#c4b5fd",
    strokeWidth: "2",
    strokeLinecap: "round",
    strokeLinejoin: "round"
  }, React.createElement("path", {
    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"
  }), React.createElement("polyline", {
    points: "14 2 14 8 20 8"
  }), React.createElement("line", {
    x1: "9",
    y1: "13",
    x2: "15",
    y2: "13"
  }), React.createElement("line", {
    x1: "9",
    y1: "17",
    x2: "15",
    y2: "17"
  }))), React.createElement("div", {
    style: {
      flex: 1,
      minWidth: 0
    }
  }, React.createElement("div", {
    style: {
      fontSize: 13,
      fontWeight: 700,
      color: T.text,
      display: "flex",
      alignItems: "center",
      flexWrap: "wrap",
      gap: 6
    }
  }, React.createElement("span", null, "Louise Pro ", React.createElement("span", {
    style: {
      color: T.accent,
      fontWeight: 800
    }
  }, "v", APP_VERSION)), hasUnreadChangelog && React.createElement("span", {
    style: {
      display: "inline-flex",
      alignItems: "center",
      gap: 4,
      padding: "2px 7px",
      borderRadius: 8,
      background: `linear-gradient(135deg,${T.accent},#7c3aed)`,
      color: "#fff",
      fontSize: 9,
      fontWeight: 800,
      textTransform: "uppercase",
      letterSpacing: 0.5,
      boxShadow: `0 2px 8px ${T.accent}66`
    }
  }, React.createElement("span", {
    style: {
      width: 5,
      height: 5,
      borderRadius: "50%",
      background: "#fff",
      animation: "pulse 1.5s infinite"
    }
  }), langSel === "en" ? "New" : "Novo")), React.createElement("div", {
    style: {
      fontSize: 10,
      color: T.sub,
      marginTop: 2
    }
  }, langSel === "en" ? "Tap to see what's new" : "Toque para ver as novidades")), React.createElement("div", {
    style: {
      color: T.dim,
      flexShrink: 0
    }
  }, React.createElement("svg", {
    width: "16",
    height: "16",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeWidth: "2"
  }, React.createElement("path", {
    d: "M9 18l6-6-6-6"
  })))))));
}
function ChangelogModal({
  onClose,
  lang
}) {
  const renderBullet = (text, idx) => {
    const highlighted = text.startsWith("\u2605 ");
    const clean = highlighted ? text.slice(2) : text;
    const parts = [];
    let remaining = clean;
    let key = 0;
    while (remaining.length > 0) {
      const boldStart = remaining.indexOf("**");
      if (boldStart === -1) {
        parts.push(React.createElement("span", {
          key: key++
        }, remaining));
        break;
      }
      if (boldStart > 0) parts.push(React.createElement("span", {
        key: key++
      }, remaining.slice(0, boldStart)));
      const boldEnd = remaining.indexOf("**", boldStart + 2);
      if (boldEnd === -1) {
        parts.push(React.createElement("span", {
          key: key++
        }, remaining.slice(boldStart)));
        break;
      }
      parts.push(React.createElement("strong", {
        key: key++,
        style: {
          color: "#c4b5fd",
          fontWeight: 700
        }
      }, remaining.slice(boldStart + 2, boldEnd)));
      remaining = remaining.slice(boldEnd + 2);
    }
    return React.createElement("li", {
      key: idx,
      style: {
        fontSize: 12,
        color: T.text,
        lineHeight: 1.55,
        padding: "5px 0 5px 18px",
        position: "relative",
        listStyle: "none"
      }
    }, React.createElement("span", {
      style: {
        position: "absolute",
        left: 3,
        top: 12,
        width: 6,
        height: 6,
        borderRadius: "50%",
        background: highlighted ? T.green : T.purple,
        boxShadow: highlighted ? `0 0 8px ${T.green}` : "none"
      }
    }), parts);
  };
  const fmtDate = dateStr => {
    if (dateStr.includes("→")) return dateStr;
    const d = new Date(dateStr + "T12:00");
    if (lang === "en") return d.toLocaleDateString("en-US", {
      month: "short",
      day: "numeric",
      year: "numeric"
    });
    return d.toLocaleDateString("pt-BR", {
      day: "2-digit",
      month: "short",
      year: "numeric"
    }).replace(".", "");
  };
  return React.createElement("div", {
    style: {
      position: "fixed",
      inset: 0,
      zIndex: 300,
      background: "rgba(7,11,30,0.75)",
      backdropFilter: "blur(6px)",
      WebkitBackdropFilter: "blur(6px)",
      display: "flex",
      alignItems: "stretch",
      justifyContent: "center",
      padding: "calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))"
    },
    onClick: onClose
  }, React.createElement("div", {
    onClick: e => e.stopPropagation(),
    style: {
      background: T.bg1,
      borderRadius: 20,
      border: "1px solid rgba(139,124,246,0.25)",
      boxShadow: "0 20px 60px rgba(0,0,0,0.6)",
      display: "flex",
      flexDirection: "column",
      width: "100%",
      maxWidth: 460,
      maxHeight: "100%",
      overflow: "hidden"
    }
  }, React.createElement("div", {
    style: {
      padding: "16px 18px",
      borderBottom: "1px solid rgba(139,124,246,0.12)",
      display: "flex",
      alignItems: "center",
      gap: 12,
      background: "linear-gradient(180deg,rgba(139,124,246,0.08),transparent)",
      flexShrink: 0
    }
  }, React.createElement("div", {
    style: {
      width: 38,
      height: 38,
      borderRadius: 11,
      background: "linear-gradient(135deg,rgba(139,124,246,0.25),rgba(124,58,237,0.15))",
      border: "1px solid rgba(139,124,246,0.3)",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      flexShrink: 0
    }
  }, React.createElement("svg", {
    width: "18",
    height: "18",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "#c4b5fd",
    strokeWidth: "2",
    strokeLinecap: "round",
    strokeLinejoin: "round"
  }, React.createElement("path", {
    d: "M12 2l3 7h7l-5.5 4 2 7L12 16l-6.5 4 2-7L2 9h7z"
  }))), React.createElement("div", {
    style: {
      flex: 1,
      minWidth: 0
    }
  }, React.createElement("div", {
    style: {
      fontSize: 9,
      fontWeight: 800,
      color: "rgba(139,124,246,0.7)",
      textTransform: "uppercase",
      letterSpacing: 1
    }
  }, lang === "en" ? "What's new · Louise Pro" : "Novidades · Louise Pro"), React.createElement("div", {
    style: {
      fontSize: 15,
      fontWeight: 800,
      marginTop: 2,
      color: T.text
    }
  }, lang === "en" ? "Version history" : "Histórico de versões")), React.createElement("button", {
    onClick: onClose,
    style: {
      width: 32,
      height: 32,
      borderRadius: 10,
      background: "rgba(90,100,180,0.1)",
      border: `1px solid ${T.gB}`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      color: T.sub,
      cursor: "pointer",
      fontSize: 16,
      flexShrink: 0
    }
  }, React.createElement("svg", {
    width: "14",
    height: "14",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeWidth: "2.5"
  }, React.createElement("line", {
    x1: "18",
    y1: "6",
    x2: "6",
    y2: "18"
  }), React.createElement("line", {
    x1: "6",
    y1: "6",
    x2: "18",
    y2: "18"
  })))), React.createElement("div", {
    style: {
      flex: 1,
      overflowY: "auto",
      WebkitOverflowScrolling: "touch",
      padding: "16px 18px 20px"
    }
  }, CHANGELOG.map((entry, i) => {
    const data = entry[lang] || entry.pt;
    const isCurrent = entry.v === APP_VERSION;
    return React.createElement("div", {
      key: entry.v,
      style: {
        paddingBottom: 18,
        paddingTop: i > 0 ? 18 : 0,
        borderTop: i > 0 ? "1px solid rgba(139,124,246,0.08)" : "none"
      }
    }, React.createElement("div", {
      style: {
        display: "flex",
        alignItems: "center",
        gap: 10,
        marginBottom: 10,
        flexWrap: "wrap"
      }
    }, React.createElement("span", {
      style: {
        fontSize: 15,
        fontWeight: 800,
        color: T.text,
        fontVariantNumeric: "tabular-nums"
      }
    }, entry.v === "earlier" ? lang === "en" ? "Earlier" : "Anteriores" : `v${entry.v}`), React.createElement("span", {
      style: {
        fontSize: 11,
        color: T.sub,
        fontWeight: 500
      }
    }, fmtDate(entry.date)), isCurrent && React.createElement("span", {
      style: {
        display: "inline-flex",
        alignItems: "center",
        gap: 4,
        padding: "2px 8px",
        borderRadius: 8,
        background: "rgba(52,211,153,0.12)",
        color: T.green,
        fontSize: 9,
        fontWeight: 800,
        textTransform: "uppercase",
        letterSpacing: 0.5,
        border: "1px solid rgba(52,211,153,0.25)"
      }
    }, lang === "en" ? "Current" : "Atual")), React.createElement("ul", {
      style: {
        margin: 0,
        padding: 0
      }
    }, data.bullets.map((b, j) => renderBullet(b, j))));
  }))));
}
function UpdateToast({
  fromVersion,
  toVersion,
  onView,
  onDismiss,
  lang
}) {
  return React.createElement("div", {
    style: {
      position: "fixed",
      top: "calc(14px + env(safe-area-inset-top))",
      left: 14,
      right: 14,
      maxWidth: 460,
      margin: "0 auto",
      padding: "18px 20px",
      borderRadius: 20,
      background: "linear-gradient(180deg,rgba(155,141,248,0.96),rgba(124,58,237,0.94))",
      backdropFilter: "blur(24px)",
      WebkitBackdropFilter: "blur(24px)",
      border: "1px solid rgba(255,255,255,0.18)",
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.25) inset, 0 0 0 1px rgba(255,255,255,0.06), 0 16px 48px -8px rgba(139,124,246,0.5)",
      display: "flex",
      alignItems: "flex-start",
      gap: 14,
      color: "#fff",
      zIndex: 150,
      animation: "toastSlideDown .4s ease",
      overflow: "hidden"
    }
  }, React.createElement("div", {
    style: {
      position: "absolute",
      inset: 0,
      background: "radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.12),transparent 60%)",
      pointerEvents: "none"
    }
  }), React.createElement("div", {
    style: {
      position: "relative",
      width: 42,
      height: 42,
      borderRadius: 13,
      background: "linear-gradient(135deg,rgba(255,255,255,0.28),rgba(255,255,255,0.12))",
      border: "1px solid rgba(255,255,255,0.3)",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      flexShrink: 0,
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.3) inset"
    }
  }, React.createElement("svg", {
    width: "20",
    height: "20",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "#fff",
    strokeWidth: "2.5",
    strokeLinecap: "round",
    strokeLinejoin: "round"
  }, React.createElement("polyline", {
    points: "20 6 9 17 4 12"
  }))), React.createElement("div", {
    style: {
      flex: 1,
      minWidth: 0,
      position: "relative"
    }
  }, React.createElement("div", {
    style: {
      fontSize: 15,
      fontWeight: 800,
      marginBottom: 3,
      letterSpacing: -0.3
    }
  }, lang === "en" ? "Louise Pro updated" : "Louise Pro atualizada"), React.createElement("div", {
    style: {
      fontSize: 12,
      opacity: 0.92,
      lineHeight: 1.55
    }
  }, lang === "en" ? `You're on v${toVersion}. Tap to see what's new.` : `Você está na v${toVersion}. Toque para ver as novidades.`), React.createElement("div", {
    style: {
      display: "flex",
      gap: 10,
      marginTop: 12
    }
  }, React.createElement("button", {
    onClick: onView,
    style: {
      padding: "9px 16px",
      borderRadius: 11,
      fontSize: 12,
      fontWeight: 800,
      background: "#fff",
      color: "#7c3aed",
      border: "none",
      cursor: "pointer",
      letterSpacing: -0.1,
      boxShadow: "0 1px 0 0 rgba(0,0,0,0.05) inset, 0 4px 12px -4px rgba(0,0,0,0.2)"
    }
  }, lang === "en" ? "See what's new" : "Ver novidades"), React.createElement("button", {
    onClick: onDismiss,
    style: {
      padding: "9px 14px",
      borderRadius: 11,
      fontSize: 12,
      fontWeight: 700,
      background: "rgba(255,255,255,0.2)",
      color: "#fff",
      border: "1px solid rgba(255,255,255,0.18)",
      cursor: "pointer",
      letterSpacing: -0.1,
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.15) inset"
    }
  }, lang === "en" ? "Later" : "Depois"))), React.createElement("button", {
    onClick: onDismiss,
    style: {
      position: "relative",
      width: 28,
      height: 28,
      borderRadius: 9,
      background: "rgba(255,255,255,0.18)",
      border: "1px solid rgba(255,255,255,0.18)",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      flexShrink: 0,
      color: "#fff",
      cursor: "pointer",
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.15) inset"
    }
  }, React.createElement("svg", {
    width: "13",
    height: "13",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeWidth: "3"
  }, React.createElement("line", {
    x1: "18",
    y1: "6",
    x2: "6",
    y2: "18"
  }), React.createElement("line", {
    x1: "6",
    y1: "6",
    x2: "18",
    y2: "18"
  }))));
}
const StatsPage = React.memo(function StatsPage({
  entries,
  onGrowth
}) {
  const [period, setPeriod] = useState(7);
  const today = todayStr();
  const days = period === "all" ? [...new Set(entries.map(e => e.date))].sort() : (() => {
    const arr = [];
    for (let i = period; i >= 1; i--) {
      const d = new Date();
      d.setDate(d.getDate() - i);
      arr.push(`${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`);
    }
    arr.push(today);
    return arr;
  })();
  const numDays = days.length || 1;
  const data = days.map(dt => {
    const de = entries.filter(e => e.date === dt);
    const sleeps = de.filter(e => (e.type === "sleep" || e.type === "nap") && e.durationMin);
    const slReal = sumRealSleep(sleeps);
    const slAwake = sumAwakeInSleep(sleeps);
    const simetCount = de.filter(e => e.type === "medicine" && e.name && /simet/i.test(e.name)).length;
    const tumEntries = de.filter(e => e.type === "tummytime" && e.durationMin);
    const tumMin = Math.round(tumEntries.reduce((s, e) => s + (e.durationMin || 0), 0));
    return {
      date: dt,
      isToday: dt === today,
      label: numDays <= 14 ? new Date(dt + "T12:00").toLocaleDateString(_lang === "pt" ? "pt-BR" : "en-US", {
        weekday: "short"
      }).replace(".", "") : new Date(dt + "T12:00").toLocaleDateString(_lang === "pt" ? "pt-BR" : "en-US", {
        day: "numeric",
        month: "numeric"
      }).replace(/\/\d{4}/, ""),
      ml: de.filter(e => e.type === "bottle").reduce((s, e) => s + (e.ml || 0), 0),
      sl: slReal,
      slAwake: slAwake,
      slBed: slReal + slAwake,
      simet: simetCount,
      tum: tumEntries.length,
      tumMin: tumMin
    };
  });
  const completeData = data.filter(d => !d.isToday);
  const usingFallback = completeData.length === 0;
  const avgData = usingFallback ? data : completeData;
  const numComplete = avgData.length || 1;
  const mxMl = Math.max(...data.map(d => d.ml), 1);
  const mxSl = Math.max(...data.map(d => d.sl + d.slAwake), 1);
  const avgMl = Math.round(avgData.reduce((s, d) => s + d.ml, 0) / numComplete);
  const avgSl = Math.round(avgData.reduce((s, d) => s + d.sl, 0) / numComplete);
  const avgAwake = Math.round(avgData.reduce((s, d) => s + d.slAwake, 0) / numComplete);
  const avgBed = avgSl + avgAwake;
  const avgDays = avgData.map(d => d.date);
  const totalWakings = avgDays.reduce((s, dt) => s + countWakings(entries.filter(e => e.date === dt)), 0);
  const nightsWithSleep = avgDays.filter(dt => entries.some(e => e.date === dt && e.type === "sleep" && e.durationMin)).length;
  const avgWakings = nightsWithSleep > 0 ? Math.round(totalWakings / nightsWithSleep * 10) / 10 : 0;
  const prevDays = period !== "all" ? Array.from({
    length: numComplete
  }, (_, i) => {
    const d = new Date();
    d.setDate(d.getDate() - numComplete - 1 - (numComplete - 1 - i));
    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
  }) : [];
  const prevMl = prevDays.length ? Math.round(prevDays.reduce((s, dt) => s + entries.filter(e => e.date === dt && e.type === "bottle").reduce((ss, e) => ss + (e.ml || 0), 0), 0) / prevDays.length) : 0;
  const prevSl = prevDays.length ? Math.round(prevDays.reduce((s, dt) => s + sumRealSleep(entries.filter(e => e.date === dt)), 0) / prevDays.length) : 0;
  const trendMl = prevMl > 0 ? Math.round((avgMl - prevMl) / prevMl * 100) : 0;
  const trendSl = prevSl > 0 ? Math.round((avgSl - prevSl) / prevSl * 100) : 0;
  const avgDiapers = Math.round(avgDays.reduce((s, dt) => s + entries.filter(e => e.date === dt && e.type === "diaper").length, 0) / numComplete * 10) / 10;
  const avgFeedings = Math.round(avgDays.reduce((s, dt) => s + entries.filter(e => e.date === dt && (e.type === "bottle" || e.type === "nursing")).length, 0) / numComplete * 10) / 10;
  const avgNaps = Math.round(avgDays.reduce((s, dt) => s + entries.filter(e => e.date === dt && e.type === "nap").length, 0) / numComplete * 10) / 10;
  const avgTum = Math.round(avgData.reduce((s, d) => s + d.tum, 0) / numComplete * 10) / 10;
  const mxTumMin = Math.max(...data.map(d => d.tumMin), 1);
  const totalTumInPeriod = data.reduce((s, d) => s + d.tum, 0);
  const mxSimet = Math.max(...data.map(d => d.simet), 1);
  const avgSimet = Math.round(avgData.reduce((s, d) => s + d.simet, 0) / numComplete * 10) / 10;
  const totalSimetInPeriod = data.reduce((s, d) => s + d.simet, 0);
  const lastSimetEntry = entries.filter(e => e.type === "medicine" && e.name && /simet/i.test(e.name)).sort((a, b) => `${b.date}T${b.time}`.localeCompare(`${a.date}T${a.time}`))[0];
  const lastSimetAgo = lastSimetEntry ? timeSince(lastSimetEntry.date, lastSimetEntry.time) : null;
  const avgSubtitle = usingFallback ? _lang === "en" ? "Today only · still in progress" : "Apenas hoje · ainda em curso" : _lang === "en" ? `Last ${numComplete} complete day${numComplete > 1 ? "s" : ""}` : `Últimos ${numComplete} ${numComplete > 1 ? "dias completos" : "dia completo"}`;
  const exportCSV = () => {
    const h = "Data,Hora,Tipo,Detalhe,Notas\n";
    const rows = entries.map(e => {
      let d = "";
      if (e.ml) d = `${e.ml}ml`;else if (e.durationMin) d = fmtDur(e.durationMin);else if (e.name) d = e.name;else if (e.value) d = `${e.value}°C`;else if (e.subtype) d = e.subtype;
      return `${e.date},${e.time},${TL(e.type) || e.type},${d},${e.notes || ""}`;
    }).join("\n");
    const blob = new Blob([h + rows], {
      type: "text/csv"
    });
    const url = URL.createObjectURL(blob);
    const a = document.createElement("a");
    a.href = url;
    a.download = `louise-pro-${todayStr()}.csv`;
    a.click();
    URL.revokeObjectURL(url);
  };
  const TrendBadge = ({
    val
  }) => val === 0 ? null : React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 3,
      marginTop: 4
    }
  }, React.createElement(Icon, {
    name: val > 0 ? "arrowUp" : "arrowDown",
    size: 10,
    color: val > 0 ? T.green : T.orange
  }), React.createElement("span", {
    style: {
      fontSize: 9,
      fontWeight: 600,
      color: val > 0 ? T.green : T.orange
    }
  }, val > 0 ? "+" : "", val, "%"), React.createElement("span", {
    style: {
      fontSize: 8,
      color: T.dim
    }
  }, "vs ", _lang === "en" ? "prev" : "ant"));
  if (entries.length === 0) {
    return React.createElement("div", {
      style: {
        padding: "calc(16px + env(safe-area-inset-top)) 20px 0"
      }
    }, React.createElement("div", {
      style: {
        display: "flex",
        justifyContent: "space-between",
        alignItems: "center",
        marginBottom: 14
      }
    }, React.createElement("h2", {
      style: {
        fontSize: 17,
        fontWeight: 700,
        margin: 0
      }
    }, L("summary"))), React.createElement("div", {
      style: {
        padding: "60px 24px 20px",
        textAlign: "center"
      }
    }, React.createElement("div", {
      style: {
        width: 58,
        height: 58,
        borderRadius: 18,
        background: "rgba(139,124,246,0.08)",
        border: "1px solid rgba(139,124,246,0.15)",
        display: "inline-flex",
        alignItems: "center",
        justifyContent: "center",
        marginBottom: 16,
        color: "rgba(196,181,253,0.5)"
      }
    }, React.createElement(Icon, {
      name: "chart",
      size: 26,
      color: "rgba(196,181,253,0.5)"
    })), React.createElement("div", {
      style: {
        fontSize: 15,
        fontWeight: 700,
        color: "#f0f2ff",
        letterSpacing: -0.2,
        marginBottom: 6
      }
    }, _lang === "en" ? "Not enough data yet" : "Sem dados suficientes"), React.createElement("div", {
      style: {
        fontSize: 12,
        color: T.sub,
        lineHeight: 1.55,
        maxWidth: 260,
        margin: "0 auto"
      }
    }, _lang === "en" ? "Log some events over a few days and patterns will appear here — averages, trends, growth curves." : "Registre alguns eventos nos próximos dias e os padrões aparecem aqui — médias, tendências, curvas de crescimento.")));
  }
  return React.createElement("div", {
    style: {
      padding: "calc(16px + env(safe-area-inset-top)) 20px 0"
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      justifyContent: "space-between",
      alignItems: "center",
      marginBottom: 14
    }
  }, React.createElement("h2", {
    style: {
      fontSize: 17,
      fontWeight: 700,
      margin: 0
    }
  }, L("summary")), React.createElement("div", {
    style: {
      display: "flex",
      gap: 6
    }
  }, React.createElement("button", {
    onClick: onGrowth,
    style: {
      display: "flex",
      alignItems: "center",
      gap: 4,
      padding: "6px 10px",
      borderRadius: 8,
      background: "rgba(163,230,53,0.08)",
      border: "1px solid rgba(163,230,53,0.12)",
      fontSize: 11,
      fontWeight: 600,
      color: "#a3e635"
    }
  }, React.createElement(Icon, {
    name: "ruler",
    size: 12,
    color: "#a3e635"
  }), L("growth")), React.createElement("button", {
    onClick: exportCSV,
    style: {
      display: "flex",
      alignItems: "center",
      gap: 4,
      padding: "6px 10px",
      borderRadius: 8,
      background: "rgba(22,28,60,0.6)",
      border: `1px solid ${T.gB}`,
      fontSize: 11,
      fontWeight: 600,
      color: T.sub
    }
  }, "CSV"))), React.createElement("div", {
    style: {
      background: "rgba(22,28,60,0.4)",
      borderRadius: 14,
      border: `1px solid ${T.gB}`,
      padding: 4,
      marginBottom: 6
    }
  }, [{
    v: 7,
    l: "7d"
  }, {
    v: 14,
    l: "14d"
  }, {
    v: 30,
    l: "30d"
  }, {
    v: "all",
    l: L("all")
  }].map(p => React.createElement("button", {
    key: p.v,
    onClick: () => setPeriod(p.v),
    style: {
      width: "25%",
      padding: "8px 0",
      borderRadius: 10,
      fontSize: 12,
      fontWeight: 700,
      background: period === p.v ? T.accent : "transparent",
      color: period === p.v ? "#fff" : T.sub
    }
  }, p.l))), React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      gap: 5,
      marginBottom: 14,
      fontSize: 9,
      color: T.dim,
      fontWeight: 500
    }
  }, React.createElement("svg", {
    width: "9",
    height: "9",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeWidth: "2.5"
  }, React.createElement("circle", {
    cx: "12",
    cy: "12",
    r: "10"
  }), React.createElement("polyline", {
    points: "12 6 12 12 16 14"
  })), React.createElement("span", null, avgSubtitle)), React.createElement("div", {
    style: {
      display: "grid",
      gridTemplateColumns: "minmax(0,1fr) minmax(0,1fr)",
      gap: 10,
      marginBottom: 12
    }
  }, React.createElement("div", {
    style: {
      background: `${T.green}08`,
      borderRadius: 14,
      border: `1px solid ${T.green}0a`,
      padding: 12
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 6,
      marginBottom: 6
    }
  }, React.createElement(Icon, {
    name: "bottle",
    size: 14,
    color: T.green
  }), React.createElement("span", {
    style: {
      fontSize: 9,
      color: T.sub
    }
  }, _lang === "en" ? "Avg milk/day" : "Média leite/dia")), React.createElement("div", {
    style: {
      fontSize: 22,
      fontWeight: 800,
      color: T.green
    }
  }, avgMl, " ", React.createElement("span", {
    style: {
      fontSize: 12,
      opacity: 0.6
    }
  }, "ml")), React.createElement(TrendBadge, {
    val: trendMl
  })), React.createElement("div", {
    style: {
      background: `${T.purple}08`,
      borderRadius: 14,
      border: `1px solid ${T.purple}0a`,
      padding: 12
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 6,
      marginBottom: 6
    }
  }, React.createElement(Icon, {
    name: "bed",
    size: 14,
    color: T.purple
  }), React.createElement("span", {
    style: {
      fontSize: 9,
      color: T.sub
    }
  }, _lang === "en" ? "Real sleep/day" : "Sono real/dia")), React.createElement("div", {
    style: {
      fontSize: 22,
      fontWeight: 800,
      color: T.purple
    }
  }, fmtDur(avgSl)), React.createElement(TrendBadge, {
    val: trendSl
  }), avgAwake > 0 && React.createElement("div", {
    style: {
      marginTop: 8,
      paddingTop: 6,
      borderTop: `1px solid ${T.purple}15`,
      display: "flex",
      flexDirection: "column",
      gap: 3
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      justifyContent: "space-between",
      alignItems: "baseline"
    }
  }, React.createElement("span", {
    style: {
      fontSize: 8,
      color: T.dim
    }
  }, _lang === "en" ? "In bed" : "Na cama"), React.createElement("span", {
    style: {
      fontSize: 10,
      fontWeight: 600,
      color: T.sub,
      fontVariantNumeric: "tabular-nums"
    }
  }, fmtDur(avgBed))), React.createElement("div", {
    style: {
      display: "flex",
      justifyContent: "space-between",
      alignItems: "baseline"
    }
  }, React.createElement("span", {
    style: {
      fontSize: 8,
      color: T.dim
    }
  }, _lang === "en" ? "Awake" : "Acordada"), React.createElement("span", {
    style: {
      fontSize: 10,
      fontWeight: 600,
      color: "#60a5fa",
      fontVariantNumeric: "tabular-nums"
    }
  }, fmtDur(avgAwake), avgWakings > 0 ? ` · ${avgWakings}x` : ""))))), React.createElement("div", {
    style: {
      display: "grid",
      gridTemplateColumns: "minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)",
      gap: 8,
      marginBottom: 16
    }
  }, React.createElement("div", {
    style: {
      background: "rgba(20,26,60,0.5)",
      borderRadius: 20,
      border: `1px solid ${T.gBSoft}`,
      padding: "16px 8px 14px",
      textAlign: "center",
      boxShadow: T.insetTop
    }
  }, React.createElement("div", {
    style: {
      fontSize: 9,
      color: "#7a80a8",
      letterSpacing: -0.05,
      marginBottom: 8,
      fontWeight: 600
    }
  }, _lang === "en" ? "Diapers/day" : "Fraldas/dia"), React.createElement("div", {
    style: {
      fontSize: 22,
      fontWeight: 800,
      color: T.pink,
      letterSpacing: -0.8,
      fontVariantNumeric: "tabular-nums"
    }
  }, avgDiapers)), React.createElement("div", {
    style: {
      background: "rgba(20,26,60,0.5)",
      borderRadius: 20,
      border: `1px solid ${T.gBSoft}`,
      padding: "16px 8px 14px",
      textAlign: "center",
      boxShadow: T.insetTop
    }
  }, React.createElement("div", {
    style: {
      fontSize: 9,
      color: "#7a80a8",
      letterSpacing: -0.05,
      marginBottom: 8,
      fontWeight: 600
    }
  }, _lang === "en" ? "Feeds/day" : "Mamadas/dia"), React.createElement("div", {
    style: {
      fontSize: 22,
      fontWeight: 800,
      color: T.blue,
      letterSpacing: -0.8,
      fontVariantNumeric: "tabular-nums"
    }
  }, avgFeedings)), React.createElement("div", {
    style: {
      background: "rgba(20,26,60,0.5)",
      borderRadius: 20,
      border: `1px solid ${T.gBSoft}`,
      padding: "16px 8px 14px",
      textAlign: "center",
      boxShadow: T.insetTop
    }
  }, React.createElement("div", {
    style: {
      fontSize: 9,
      color: "#7a80a8",
      letterSpacing: -0.05,
      marginBottom: 8,
      fontWeight: 600
    }
  }, _lang === "en" ? "Naps/day" : "Sonecas/dia"), React.createElement("div", {
    style: {
      fontSize: 22,
      fontWeight: 800,
      color: T.accent,
      letterSpacing: -0.8,
      fontVariantNumeric: "tabular-nums"
    }
  }, avgNaps)), React.createElement("div", {
    style: {
      background: "rgba(20,26,60,0.5)",
      borderRadius: 20,
      border: `1px solid ${T.gBSoft}`,
      padding: "16px 8px 14px",
      textAlign: "center",
      boxShadow: T.insetTop
    }
  }, React.createElement("div", {
    style: {
      fontSize: 9,
      color: "#7a80a8",
      letterSpacing: -0.05,
      marginBottom: 8,
      fontWeight: 600
    }
  }, _lang === "en" ? "Tummy/day" : "Tummy/dia"), React.createElement("div", {
    style: {
      fontSize: 22,
      fontWeight: 800,
      color: T.amber,
      letterSpacing: -0.8,
      fontVariantNumeric: "tabular-nums"
    }
  }, avgTum))), [{
    t: _lang === "en" ? "Milk (ml)" : "Leite (ml)",
    f: "ml",
    max: mxMl,
    c: T.green,
    stacked: false
  }, {
    t: _lang === "en" ? "Sleep · real + awake" : "Sono · real + acordada",
    f: "sl",
    max: mxSl,
    c: T.purple,
    stacked: true
  }].map(ch => React.createElement("div", {
    key: ch.f,
    style: {
      marginBottom: 22
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      justifyContent: "space-between",
      marginBottom: 8
    }
  }, React.createElement("span", {
    style: {
      fontSize: 12,
      fontWeight: 600,
      color: T.sub
    }
  }, ch.t), ch.stacked && avgAwake > 0 && React.createElement("div", {
    style: {
      display: "flex",
      gap: 10
    }
  }, React.createElement("span", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 4,
      fontSize: 9,
      color: T.sub,
      fontWeight: 600
    }
  }, React.createElement("span", {
    style: {
      width: 8,
      height: 8,
      borderRadius: 2,
      background: `linear-gradient(180deg,${T.purple},#7c3aed)`
    }
  }), _lang === "en" ? "Real" : "Real"), React.createElement("span", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 4,
      fontSize: 9,
      color: T.sub,
      fontWeight: 600
    }
  }, React.createElement("span", {
    style: {
      width: 8,
      height: 8,
      borderRadius: 2,
      background: "rgba(96,165,250,0.6)",
      border: "1px solid #60a5fa"
    }
  }), _lang === "en" ? "Awake" : "Acordada"))), React.createElement("div", {
    style: {
      display: "flex",
      gap: numDays > 20 ? 1 : numDays > 14 ? 2 : 5,
      alignItems: "flex-end",
      height: 100,
      background: "rgba(22,28,60,0.4)",
      borderRadius: 14,
      padding: "12px 4px 6px",
      border: `1px solid ${T.gB}`,
      overflow: "hidden",
      position: "relative"
    }
  }, data.map(d => {
    if (ch.stacked) {
      const v = d.sl;
      const aw = d.slAwake;
      const total = v + aw;
      const totalPct = Math.max(total / ch.max * 65, 2);
      const realPct = total > 0 ? v / total * totalPct : totalPct;
      const awakePct = total > 0 ? aw / total * totalPct : 0;
      return React.createElement("div", {
        key: d.date,
        style: {
          flex: 1,
          display: "flex",
          flexDirection: "column",
          alignItems: "center",
          gap: 2,
          minWidth: 0
        }
      }, numDays <= 14 && React.createElement("span", {
        style: {
          fontSize: 10,
          color: T.sub,
          fontWeight: 600
        }
      }, v > 0 ? fmtDur(v) : ""), React.createElement("div", {
        style: {
          width: "85%",
          maxWidth: numDays > 20 ? 8 : 20,
          height: totalPct,
          borderRadius: numDays > 20 ? 2 : 5,
          overflow: "hidden",
          display: "flex",
          flexDirection: "column",
          justifyContent: "flex-end",
          background: T.bg3,
          opacity: d.isToday ? 1 : 0.7,
          transition: "height .5s"
        }
      }, aw > 0 && React.createElement("div", {
        style: {
          height: awakePct,
          background: "rgba(96,165,250,0.55)",
          borderBottom: "1px solid #60a5fa"
        }
      }), React.createElement("div", {
        style: {
          height: realPct,
          background: v > 0 ? `linear-gradient(180deg,${T.purple},#7c3aed)` : T.bg3,
          borderRadius: numDays > 20 ? "2px 2px 0 0" : "5px 5px 0 0"
        }
      })), numDays <= 14 && React.createElement("span", {
        style: {
          fontSize: 8,
          color: d.isToday ? T.accent : T.dim,
          fontWeight: d.isToday ? 700 : 400
        }
      }, d.isToday ? _lang === "en" ? "Today" : "Hoje" : d.label));
    } else {
      const v = d[ch.f];
      return React.createElement("div", {
        key: d.date,
        style: {
          flex: 1,
          display: "flex",
          flexDirection: "column",
          alignItems: "center",
          gap: 2,
          minWidth: 0
        }
      }, numDays <= 14 && React.createElement("span", {
        style: {
          fontSize: 10,
          color: T.sub,
          fontWeight: 600
        }
      }, v > 0 ? v : ""), React.createElement("div", {
        style: {
          width: "85%",
          maxWidth: numDays > 20 ? 8 : 20,
          height: Math.max(v / ch.max * 65, 2),
          borderRadius: numDays > 20 ? 2 : 5,
          background: v > 0 ? ch.c : T.bg3,
          transition: "height .5s",
          opacity: d.isToday ? 1 : 0.7
        }
      }), numDays <= 14 && React.createElement("span", {
        style: {
          fontSize: 8,
          color: d.isToday ? T.accent : T.dim,
          fontWeight: d.isToday ? 700 : 400
        }
      }, d.isToday ? _lang === "en" ? "Today" : "Hoje" : d.label));
    }
  })), numDays > 14 && React.createElement("div", {
    style: {
      display: "flex",
      justifyContent: "space-between",
      padding: "4px 4px 0",
      fontSize: 8,
      color: T.dim
    }
  }, React.createElement("span", null, data[0]?.label), React.createElement("span", null, data[Math.floor(data.length / 2)]?.label), React.createElement("span", null, data[data.length - 1]?.label)))), React.createElement("div", {
    style: {
      marginBottom: 22,
      padding: "14px 14px 12px",
      background: "rgba(22,28,60,0.4)",
      borderRadius: 14,
      border: `1px solid ${T.gB}`
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      justifyContent: "space-between",
      marginBottom: 12
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 8
    }
  }, React.createElement("div", {
    style: {
      width: 28,
      height: 28,
      borderRadius: 9,
      background: `${T.amber}1a`,
      border: `1px solid ${T.amber}33`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center"
    }
  }, React.createElement(Icon, {
    name: "medicine",
    size: 14,
    color: T.amber
  })), React.createElement("div", null, React.createElement("div", {
    style: {
      fontSize: 12,
      fontWeight: 700,
      color: T.text
    }
  }, "Simeticona"), React.createElement("div", {
    style: {
      fontSize: 9,
      color: T.dim,
      marginTop: 1
    }
  }, _lang === "en" ? "Doses per day" : "Doses por dia"))), React.createElement("div", {
    style: {
      display: "flex",
      gap: 14,
      alignItems: "center"
    }
  }, React.createElement("div", {
    style: {
      textAlign: "right"
    }
  }, React.createElement("div", {
    style: {
      fontSize: 9,
      color: T.dim,
      textTransform: "uppercase",
      letterSpacing: 0.5
    }
  }, _lang === "en" ? "Avg/day" : "Méd/dia"), React.createElement("div", {
    style: {
      fontSize: 18,
      fontWeight: 800,
      color: T.amber,
      fontVariantNumeric: "tabular-nums"
    }
  }, avgSimet)), lastSimetEntry && React.createElement("div", {
    style: {
      textAlign: "right",
      borderLeft: `1px solid ${T.gB}`,
      paddingLeft: 14
    }
  }, React.createElement("div", {
    style: {
      fontSize: 9,
      color: T.dim,
      textTransform: "uppercase",
      letterSpacing: 0.5
    }
  }, _lang === "en" ? "Last dose" : "Última"), React.createElement("div", {
    style: {
      fontSize: 13,
      fontWeight: 700,
      color: T.text,
      fontVariantNumeric: "tabular-nums"
    }
  }, lastSimetEntry.time), React.createElement("div", {
    style: {
      fontSize: 9,
      color: T.sub
    }
  }, lastSimetAgo)))), totalSimetInPeriod === 0 ? React.createElement("div", {
    style: {
      padding: "24px 12px",
      textAlign: "center",
      fontSize: 11,
      color: T.dim,
      fontStyle: "italic"
    }
  }, _lang === "en" ? "No Simeticona doses in this period" : "Nenhuma dose de Simeticona neste período") : React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      display: "flex",
      gap: numDays > 20 ? 1 : numDays > 14 ? 2 : 5,
      alignItems: "flex-end",
      height: 100,
      background: "rgba(14,18,48,0.5)",
      borderRadius: 10,
      padding: "14px 4px 6px",
      border: `1px solid ${T.gB}`,
      position: "relative"
    }
  }, data.map(d => {
    const v = d.simet;
    return React.createElement("div", {
      key: d.date,
      style: {
        flex: 1,
        display: "flex",
        flexDirection: "column",
        alignItems: "center",
        gap: 2,
        minWidth: 0
      }
    }, numDays <= 14 && React.createElement("span", {
      style: {
        fontSize: 9,
        color: T.sub,
        fontWeight: 600
      }
    }, v > 0 ? v : ""), React.createElement("div", {
      style: {
        width: "85%",
        maxWidth: numDays > 20 ? 8 : 18,
        height: Math.max(v / mxSimet * 50, 2),
        borderRadius: numDays > 20 ? 2 : 5,
        background: v > 0 ? `linear-gradient(180deg,${T.amber},#d97706)` : T.bg3,
        transition: "height .5s",
        opacity: d.isToday ? 1 : 0.75,
        boxShadow: v > 0 ? `0 0 8px ${T.amber}33` : "none"
      }
    }), numDays <= 14 && React.createElement("span", {
      style: {
        fontSize: 8,
        color: d.isToday ? T.accent : T.dim,
        fontWeight: d.isToday ? 700 : 400
      }
    }, d.isToday ? _lang === "en" ? "Today" : "Hoje" : d.label));
  })), numDays > 14 && React.createElement("div", {
    style: {
      display: "flex",
      justifyContent: "space-between",
      padding: "4px 4px 0",
      fontSize: 8,
      color: T.dim
    }
  }, React.createElement("span", null, data[0]?.label), React.createElement("span", null, data[Math.floor(data.length / 2)]?.label), React.createElement("span", null, data[data.length - 1]?.label)))), React.createElement("div", {
    style: {
      marginBottom: 22,
      padding: "14px 14px 12px",
      background: "rgba(22,28,60,0.4)",
      borderRadius: 14,
      border: `1px solid ${T.gB}`
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      justifyContent: "space-between",
      marginBottom: 12
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 8
    }
  }, React.createElement("div", {
    style: {
      width: 28,
      height: 28,
      borderRadius: 9,
      background: `${T.amber}1a`,
      border: `1px solid ${T.amber}33`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center"
    }
  }, React.createElement(Icon, {
    name: "baby",
    size: 14,
    color: T.amber
  })), React.createElement("div", null, React.createElement("div", {
    style: {
      fontSize: 12,
      fontWeight: 700,
      color: T.text
    }
  }, "Tummy time"), React.createElement("div", {
    style: {
      fontSize: 9,
      color: T.dim,
      marginTop: 1
    }
  }, _lang === "en" ? "Minutes per day" : "Minutos por dia"))), React.createElement("div", {
    style: {
      display: "flex",
      gap: 14,
      alignItems: "center"
    }
  }, React.createElement("div", {
    style: {
      textAlign: "right"
    }
  }, React.createElement("div", {
    style: {
      fontSize: 9,
      color: T.dim,
      textTransform: "uppercase",
      letterSpacing: 0.5
    }
  }, _lang === "en" ? "Avg/day" : "Méd/dia"), React.createElement("div", {
    style: {
      fontSize: 18,
      fontWeight: 800,
      color: T.amber,
      fontVariantNumeric: "tabular-nums"
    }
  }, avgTum, React.createElement("span", {
    style: {
      fontSize: 10,
      opacity: 0.6,
      marginLeft: 2
    }
  }, _lang === "en" ? "sess" : "sess"))))), totalTumInPeriod === 0 ? React.createElement("div", {
    style: {
      padding: "24px 12px",
      textAlign: "center",
      fontSize: 11,
      color: T.dim,
      fontStyle: "italic"
    }
  }, _lang === "en" ? "No tummy time in this period" : "Nenhum tummy time neste período") : React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      display: "flex",
      gap: numDays > 20 ? 1 : numDays > 14 ? 2 : 5,
      alignItems: "flex-end",
      height: 100,
      background: "rgba(14,18,48,0.5)",
      borderRadius: 10,
      padding: "14px 4px 6px",
      border: `1px solid ${T.gB}`,
      position: "relative"
    }
  }, data.map(d => {
    const v = d.tumMin;
    return React.createElement("div", {
      key: d.date,
      style: {
        flex: 1,
        display: "flex",
        flexDirection: "column",
        alignItems: "center",
        gap: 2,
        minWidth: 0
      }
    }, numDays <= 14 && React.createElement("span", {
      style: {
        fontSize: 9,
        color: T.sub,
        fontWeight: 600
      }
    }, v > 0 ? `${v}m` : ""), React.createElement("div", {
      style: {
        width: "85%",
        maxWidth: numDays > 20 ? 8 : 18,
        height: Math.max(v / mxTumMin * 50, 2),
        borderRadius: numDays > 20 ? 2 : 5,
        background: v > 0 ? `linear-gradient(180deg,${T.amber},#d97706)` : T.bg3,
        transition: "height .5s",
        opacity: d.isToday ? 1 : 0.75,
        boxShadow: v > 0 ? `0 0 8px ${T.amber}33` : "none"
      }
    }), numDays <= 14 && React.createElement("span", {
      style: {
        fontSize: 8,
        color: d.isToday ? T.accent : T.dim,
        fontWeight: d.isToday ? 700 : 400
      }
    }, d.isToday ? _lang === "en" ? "Today" : "Hoje" : d.label));
  })), numDays > 14 && React.createElement("div", {
    style: {
      display: "flex",
      justifyContent: "space-between",
      padding: "4px 4px 0",
      fontSize: 8,
      color: T.dim
    }
  }, React.createElement("span", null, data[0]?.label), React.createElement("span", null, data[Math.floor(data.length / 2)]?.label), React.createElement("span", null, data[data.length - 1]?.label)))));
});
const HistoryPage = React.memo(function HistoryPage({
  entries,
  onDelete,
  onEdit,
  activeTimer
}) {
  const [dateIdx, setDateIdx] = useState(0);
  const [filter, setFilter] = useState("all");
  const viewDate = dateOffset(todayStr(), -dateIdx);
  const dayE = entries.filter(e => e.date === viewDate);
  const filtered = filter === "all" ? dayE : dayE.filter(e => {
    if (filter === "feed") return e.type === "bottle" || e.type === "nursing";
    if (filter === "sleep") return e.type === "sleep" || e.type === "nap" || e.type === "wakeup" || e.type === "nightwaking";
    return e.type === filter;
  });
  const dMl = dayE.filter(e => e.type === "bottle").reduce((s, e) => s + (e.ml || 0), 0);
  const dSl = sumRealSleep(dayE);
  const dDiapers = dayE.filter(e => e.type === "diaper");
  const dWet = dDiapers.filter(e => e.subtype === "wet" || e.subtype === "both").length;
  const dDirty = dDiapers.filter(e => e.subtype === "dirty" || e.subtype === "both").length;
  const dLbl = new Date(viewDate + "T12:00").toLocaleDateString(_lang === "pt" ? "pt-BR" : "en-US", {
    weekday: "long",
    day: "numeric",
    month: "long"
  });
  const isToday = dateIdx === 0;
  const filters = [{
    v: "all",
    l: L("all"),
    c: T.accent
  }, {
    v: "feed",
    l: L("milk"),
    c: T.green
  }, {
    v: "sleep",
    l: L("sleepLabel"),
    c: T.purple
  }, {
    v: "diaper",
    l: typeLabel("diaper", _lang),
    c: T.pink
  }, {
    v: "medicine",
    l: _lang === "en" ? "Meds" : "Med.",
    c: T.amber
  }];
  const isSpecificFilter = filter === "feed" || filter === "diaper" || filter === "medicine";
  const listItems = isSpecificFilter ? filtered.map(e => {
    const bedtime = findContainingBedtime(e, entries);
    return React.createElement(EntryRow, {
      key: e.id,
      entry: e,
      onDelete: onDelete,
      onEdit: onEdit,
      nightBadge: !!bedtime
    });
  }) : filtered.filter(e => {
    if (e.nightWake) return false;
    const cb = findContainingBedtime(e, entries);
    if (cb) {
      const renderedHere = cb.date === viewDate && cb.wakings && cb.wakings.length > 0;
      if (renderedHere) return false;
    }
    return true;
  }).map(e => e.type === "sleep" && e.wakings && e.wakings.length > 0 ? React.createElement(SleepBlock, {
    key: e.id,
    entry: e,
    onDelete: onDelete,
    onEdit: onEdit,
    entries: entries,
    activeTimer: activeTimer,
    onSaveTimer: FB.saveTimer,
    onSaveEntry: FB.addEntry
  }) : React.createElement(EntryRow, {
    key: e.id,
    entry: e,
    onDelete: onDelete,
    onEdit: onEdit
  }));
  return React.createElement("div", {
    style: {
      padding: "calc(16px + env(safe-area-inset-top)) 20px 0"
    }
  }, React.createElement("h2", {
    style: {
      fontSize: 17,
      fontWeight: 700,
      marginBottom: 12
    }
  }, L("history")), React.createElement("div", {
    style: {
      background: "linear-gradient(180deg,rgba(22,28,60,0.55),rgba(20,26,60,0.4))",
      borderRadius: 20,
      border: `1px solid ${T.gBSoft}`,
      padding: "18px 18px 16px",
      marginBottom: 14,
      boxShadow: T.insetTop
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 12
    }
  }, React.createElement("button", {
    onClick: () => setDateIdx(dateIdx + 1),
    style: {
      width: 38,
      height: 38,
      borderRadius: 12,
      background: "rgba(22,28,60,0.6)",
      border: `1px solid ${T.gBSoft}`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: T.insetTop
    }
  }, React.createElement(Icon, {
    name: "back",
    size: 14,
    color: T.sub
  })), React.createElement("div", {
    style: {
      flex: 1,
      textAlign: "center"
    }
  }, React.createElement("div", {
    style: {
      fontSize: 17,
      fontWeight: 800,
      color: isToday ? T.accent : T.text,
      letterSpacing: -0.3
    }
  }, isToday ? L("today") : dLbl), React.createElement("div", {
    style: {
      display: "flex",
      justifyContent: "center",
      gap: 10,
      fontSize: 11,
      color: T.sub,
      marginTop: 7,
      flexWrap: "wrap",
      alignItems: "center"
    }
  }, dMl > 0 && React.createElement("span", {
    style: {
      display: "inline-flex",
      alignItems: "center",
      gap: 4,
      fontWeight: 600,
      fontVariantNumeric: "tabular-nums"
    }
  }, React.createElement(Icon, {
    name: "bottle",
    size: 11,
    color: T.green
  }), dMl, "ml"), dSl > 0 && React.createElement(React.Fragment, null, React.createElement("span", {
    style: {
      width: 3,
      height: 3,
      borderRadius: "50%",
      background: T.dim
    }
  }), React.createElement("span", {
    style: {
      display: "inline-flex",
      alignItems: "center",
      gap: 4,
      fontWeight: 600,
      fontVariantNumeric: "tabular-nums"
    }
  }, React.createElement(Icon, {
    name: "bed",
    size: 11,
    color: T.purple
  }), fmtDur(dSl))), (dWet > 0 || dDirty > 0) && React.createElement(React.Fragment, null, React.createElement("span", {
    style: {
      width: 3,
      height: 3,
      borderRadius: "50%",
      background: T.dim
    }
  }), React.createElement("span", {
    style: {
      display: "inline-flex",
      alignItems: "center",
      gap: 4,
      color: "#93c5fd",
      fontWeight: 600,
      fontVariantNumeric: "tabular-nums"
    }
  }, React.createElement(Icon, {
    name: "droplet",
    size: 11,
    color: "#93c5fd"
  }), dWet), React.createElement("span", {
    style: {
      display: "inline-flex",
      alignItems: "center",
      gap: 4,
      color: "#a16b4a",
      fontWeight: 600,
      fontVariantNumeric: "tabular-nums"
    }
  }, React.createElement(Icon, {
    name: "poop",
    size: 11,
    color: "#a16b4a"
  }), dDirty)), React.createElement("span", {
    style: {
      width: 3,
      height: 3,
      borderRadius: "50%",
      background: T.dim
    }
  }), React.createElement("span", {
    style: {
      fontWeight: 600,
      fontVariantNumeric: "tabular-nums"
    }
  }, dayE.length, " ", L("reg")))), React.createElement("button", {
    onClick: () => setDateIdx(Math.max(0, dateIdx - 1)),
    disabled: isToday,
    style: {
      width: 38,
      height: 38,
      borderRadius: 12,
      background: "rgba(22,28,60,0.6)",
      border: `1px solid ${T.gBSoft}`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      opacity: isToday ? 0.3 : 1,
      boxShadow: T.insetTop
    }
  }, React.createElement(Icon, {
    name: "forward",
    size: 14,
    color: T.sub
  })))), React.createElement("div", {
    style: {
      display: "flex",
      gap: 6,
      marginBottom: 14,
      overflowX: "auto",
      paddingBottom: 2
    }
  }, filters.map(f => {
    const isActive = filter === f.v;
    return React.createElement("button", {
      key: f.v,
      onClick: () => setFilter(f.v),
      style: {
        padding: "9px 16px",
        borderRadius: 12,
        fontSize: 12,
        fontWeight: 600,
        whiteSpace: "nowrap",
        letterSpacing: -0.1,
        background: isActive ? `linear-gradient(180deg,${f.c}38,${f.c}12)` : "rgba(22,28,60,0.5)",
        color: isActive ? f.c : T.sub,
        border: `1px solid ${isActive ? f.c + "55" : T.gBSoft}`,
        boxShadow: isActive ? `0 1px 0 0 rgba(255,255,255,0.1) inset, 0 0 0 1px ${f.c}25, 0 6px 16px -8px ${f.c}50` : T.insetTop
      }
    }, f.l);
  })), filtered.length === 0 ? React.createElement("div", {
    style: {
      padding: "48px 24px 20px",
      textAlign: "center"
    }
  }, React.createElement("div", {
    style: {
      width: 58,
      height: 58,
      borderRadius: 18,
      background: "rgba(139,124,246,0.08)",
      border: "1px solid rgba(139,124,246,0.15)",
      display: "inline-flex",
      alignItems: "center",
      justifyContent: "center",
      marginBottom: 16,
      color: "rgba(196,181,253,0.5)"
    }
  }, React.createElement(Icon, {
    name: "clock",
    size: 26,
    color: "rgba(196,181,253,0.5)"
  })), React.createElement("div", {
    style: {
      fontSize: 15,
      fontWeight: 700,
      color: "#f0f2ff",
      letterSpacing: -0.2,
      marginBottom: 6
    }
  }, _lang === "en" ? "No events this day" : "Nenhum evento neste dia"), React.createElement("div", {
    style: {
      fontSize: 12,
      color: T.sub,
      lineHeight: 1.55,
      maxWidth: 240,
      margin: "0 auto"
    }
  }, filter !== "all" ? _lang === "en" ? "Try changing the filter or switching to another day." : "Tente mudar o filtro ou ir para outro dia." : _lang === "en" ? "Tap + below to register the first." : "Toque + abaixo para registrar o primeiro.")) : listItems);
});
const parseGrowthDecimal = s => {
  if (s === undefined || s === null) return undefined;
  const str = String(s).trim();
  if (!str) return undefined;
  const n = parseFloat(str.replace(",", "."));
  return isNaN(n) ? undefined : n;
};
const formatGrowthVal = v => {
  if (v === undefined || v === null || v === "") return "";
  const s = String(v);
  return _lang === "pt" ? s.replace(".", ",") : s;
};
function GrowthPage({
  entries,
  birthDate,
  profile,
  onBack,
  onAddEntry,
  onDeleteEntry
}) {
  const growthEntries = entries.filter(e => e.type === "growth").sort((a, b) => `${a.date}T${a.time}`.localeCompare(`${b.date}T${b.time}`));
  const age = calcAge(birthDate);
  const ageMonths = age ? age.months + age.days / 30 : 0;
  const [showForm, setShowForm] = useState(false);
  const [editingId, setEditingId] = useState(null);
  const [fDate, setFDate] = useState(todayStr());
  const [wK, setWK] = useState("");
  const [lC, setLC] = useState("");
  const [hC, setHC] = useState("");
  const findByDate = (date, excludeId) => growthEntries.find(e => e.date === date && e.id !== excludeId);
  const mergeTarget = !editingId ? findByDate(fDate, null) : null;
  const isEdit = !!editingId;
  const allPoints = [];
  if (profile.birthWeight || profile.birthLength || profile.birthHead) {
    allPoints.push({
      ageM: 0,
      date: birthDate,
      weightKg: profile.birthWeight,
      lengthCm: profile.birthLength,
      headCm: profile.birthHead,
      label: _lang === "en" ? "Birth" : "Nasc.",
      isBirth: true
    });
  }
  growthEntries.forEach(e => {
    const eAge = calcAge(birthDate);
    if (!eAge) return;
    const d1 = new Date(birthDate),
      d2 = new Date(e.date);
    const mths = (d2.getFullYear() - d1.getFullYear()) * 12 + d2.getMonth() - d1.getMonth() + (d2.getDate() - d1.getDate()) / 30;
    allPoints.push({
      ageM: Math.max(0, mths),
      date: e.date,
      weightKg: e.weightKg,
      lengthCm: e.lengthCm,
      headCm: e.headCm,
      label: new Date(e.date + "T12:00").toLocaleDateString(_lang === "pt" ? "pt-BR" : "en-US", {
        day: "numeric",
        month: "short"
      }),
      entryId: e.id
    });
  });
  const latest = allPoints[allPoints.length - 1];
  const resetForm = () => {
    setShowForm(false);
    setEditingId(null);
    setFDate(todayStr());
    setWK("");
    setLC("");
    setHC("");
  };
  const openNew = () => {
    setEditingId(null);
    setFDate(todayStr());
    setWK("");
    setLC("");
    setHC("");
    setShowForm(true);
  };
  const openEdit = entryId => {
    const e = growthEntries.find(g => g.id === entryId);
    if (!e) return;
    setEditingId(entryId);
    setFDate(e.date);
    setWK(e.weightKg !== undefined ? formatGrowthVal(e.weightKg) : "");
    setLC(e.lengthCm !== undefined ? formatGrowthVal(e.lengthCm) : "");
    setHC(e.headCm !== undefined ? formatGrowthVal(e.headCm) : "");
    setShowForm(true);
  };
  const hasAnyValue = () => {
    const w = parseGrowthDecimal(wK),
      l = parseGrowthDecimal(lC),
      h = parseGrowthDecimal(hC);
    if (w !== undefined || l !== undefined || h !== undefined) return true;
    if (isEdit) {
      const orig = growthEntries.find(g => g.id === editingId);
      if (orig && (orig.weightKg !== undefined || orig.lengthCm !== undefined || orig.headCm !== undefined)) return true;
    }
    return false;
  };
  const doSave = () => {
    const w = parseGrowthDecimal(wK),
      l = parseGrowthDecimal(lC),
      h = parseGrowthDecimal(hC);
    if (!hasAnyValue()) return;
    let targetEntry;
    if (isEdit) {
      const orig = growthEntries.find(g => g.id === editingId);
      if (!orig) return;
      targetEntry = {
        ...orig,
        date: fDate
      };
    } else if (mergeTarget) {
      targetEntry = {
        ...mergeTarget,
        date: fDate
      };
    } else {
      targetEntry = {
        type: "growth",
        date: fDate,
        time: nowTime(),
        id: uid()
      };
    }
    if (w !== undefined) targetEntry.weightKg = w;
    if (l !== undefined) targetEntry.lengthCm = l;
    if (h !== undefined) targetEntry.headCm = h;
    onAddEntry(targetEntry);
    resetForm();
  };
  const doDelete = () => {
    if (!editingId) return;
    const msg = _lang === "en" ? "Delete this measurement?" : "Excluir esta medição?";
    if (!confirm(msg)) return;
    if (onDeleteEntry) onDeleteEntry(editingId);
    resetForm();
  };
  function GrowthChart({
    label,
    field,
    table,
    color
  }) {
    const pts = allPoints.filter(p => p[field]);
    if (pts.length < 1) return null;
    const maxAge = Math.max(ageMonths + 1, 3);
    const whoSteps = [];
    for (let m = 0; m <= maxAge; m += maxAge / 20) {
      const lms = interpolateLMS(table, m);
      const z3 = lms.M * Math.pow(1 + lms.L * lms.S * -1.88, 1 / lms.L);
      const z97 = lms.M * Math.pow(1 + lms.L * lms.S * 1.88, 1 / lms.L);
      whoSteps.push({
        m,
        p3: Math.abs(lms.L) > 0.001 ? z3 : lms.M * Math.exp(-1.88 * lms.S),
        p50: lms.M,
        p97: Math.abs(lms.L) > 0.001 ? z97 : lms.M * Math.exp(1.88 * lms.S)
      });
    }
    const allVals = [...whoSteps.map(w => w.p97), ...whoSteps.map(w => w.p3), ...pts.map(p => p[field])];
    const minV = Math.min(...allVals) * 0.9,
      maxV = Math.max(...allVals) * 1.05;
    const W = 320,
      H = 140;
    const x = m => 10 + m / maxAge * (W - 20);
    const y = v => H - 10 - (v - minV) / (maxV - minV) * (H - 20);
    const pathStr = (arr, key) => arr.map((p, i) => `${i === 0 ? "M" : "L"}${x(p.m).toFixed(1)},${y(p[key]).toFixed(1)}`).join(" ");
    return React.createElement("div", {
      style: {
        marginBottom: 16
      }
    }, React.createElement("div", {
      style: {
        fontSize: 12,
        fontWeight: 700,
        color,
        marginBottom: 6
      }
    }, label), React.createElement("svg", {
      width: W,
      height: H,
      viewBox: `0 0 ${W} ${H}`,
      style: {
        width: "100%",
        height: "auto",
        background: T.glass,
        borderRadius: 12,
        border: `1px solid ${T.gB}`
      }
    }, React.createElement("path", {
      d: pathStr(whoSteps, "p3") + " L" + x(maxAge) + "," + y(whoSteps[whoSteps.length - 1].p97) + " " + pathStr([...whoSteps].reverse(), "p97"),
      fill: `${color}08`,
      stroke: "none"
    }), React.createElement("path", {
      d: pathStr(whoSteps, "p50"),
      fill: "none",
      stroke: `${color}44`,
      strokeWidth: "1",
      strokeDasharray: "4,3"
    }), React.createElement("path", {
      d: pathStr(whoSteps, "p3"),
      fill: "none",
      stroke: `${color}22`,
      strokeWidth: "0.5"
    }), React.createElement("path", {
      d: pathStr(whoSteps, "p97"),
      fill: "none",
      stroke: `${color}22`,
      strokeWidth: "0.5"
    }), pts.map((p, i) => React.createElement("circle", {
      key: i,
      cx: x(p.ageM),
      cy: y(p[field]),
      r: 4,
      fill: color,
      stroke: T.bg1,
      strokeWidth: 2
    })), pts.length > 1 && React.createElement("path", {
      d: pts.map((p, i) => `${i === 0 ? "M" : "L"}${x(p.ageM).toFixed(1)},${y(p[field]).toFixed(1)}`).join(" "),
      fill: "none",
      stroke: color,
      strokeWidth: "2"
    }), React.createElement("text", {
      x: W - 4,
      y: y(whoSteps[whoSteps.length - 1].p50) + 4,
      textAnchor: "end",
      fill: `${color}66`,
      fontSize: "8"
    }, "P50"), React.createElement("text", {
      x: W - 4,
      y: y(whoSteps[whoSteps.length - 1].p97) + 4,
      textAnchor: "end",
      fill: `${color}44`,
      fontSize: "7"
    }, "P97"), React.createElement("text", {
      x: W - 4,
      y: y(whoSteps[whoSteps.length - 1].p3) + 4,
      textAnchor: "end",
      fill: `${color}44`,
      fontSize: "7"
    }, "P3")));
  }
  function PercentileCard({
    label,
    value,
    unit,
    table,
    icon
  }) {
    if (!value) return React.createElement("div", {
      style: {
        background: T.glass,
        borderRadius: 14,
        padding: 14,
        marginBottom: 8,
        border: `1px solid ${T.gB}`,
        display: "flex",
        justifyContent: "space-between",
        alignItems: "center"
      }
    }, React.createElement("div", {
      style: {
        display: "flex",
        alignItems: "center",
        gap: 8
      }
    }, React.createElement(Icon, {
      name: icon,
      size: 14,
      color: T.dim
    }), React.createElement("span", {
      style: {
        fontSize: 13,
        fontWeight: 600,
        color: T.dim
      }
    }, label)), React.createElement("span", {
      style: {
        fontSize: 11,
        color: T.dim,
        fontStyle: "italic"
      }
    }, _lang === "en" ? "no data yet" : "sem dados ainda"));
    const result = getPercentile(value, table, ageMonths);
    const p = result?.percentile;
    const pColor = !p ? T.dim : p < 3 || p > 97 ? T.red : p < 15 || p > 85 ? T.orange : T.green;
    return React.createElement("div", {
      style: {
        background: T.glass,
        borderRadius: 14,
        padding: 14,
        marginBottom: 8,
        border: `1px solid ${T.gB}`
      }
    }, React.createElement("div", {
      style: {
        display: "flex",
        justifyContent: "space-between",
        alignItems: "center",
        marginBottom: 8
      }
    }, React.createElement("div", {
      style: {
        display: "flex",
        alignItems: "center",
        gap: 8
      }
    }, React.createElement(Icon, {
      name: icon,
      size: 14,
      color: pColor
    }), React.createElement("span", {
      style: {
        fontSize: 13,
        fontWeight: 700
      }
    }, label)), React.createElement("span", {
      style: {
        fontSize: 18,
        fontWeight: 800
      }
    }, formatGrowthVal(value), " ", unit)), React.createElement("div", {
      style: {
        display: "flex",
        alignItems: "center",
        gap: 10
      }
    }, React.createElement("div", {
      style: {
        flex: 1,
        height: 6,
        borderRadius: 3,
        background: T.bg3,
        overflow: "hidden",
        position: "relative"
      }
    }, React.createElement("div", {
      style: {
        position: "absolute",
        left: "3%",
        width: 1,
        height: "100%",
        background: T.dim,
        opacity: 0.3
      }
    }), React.createElement("div", {
      style: {
        position: "absolute",
        left: "50%",
        width: 1,
        height: "100%",
        background: T.dim,
        opacity: 0.5
      }
    }), React.createElement("div", {
      style: {
        position: "absolute",
        left: "97%",
        width: 1,
        height: "100%",
        background: T.dim,
        opacity: 0.3
      }
    }), React.createElement("div", {
      style: {
        position: "absolute",
        left: `${Math.max(1, Math.min(99, p))}%`,
        transform: "translateX(-50%)",
        width: 8,
        height: 8,
        borderRadius: "50%",
        background: pColor,
        top: -1,
        boxShadow: `0 0 6px ${pColor}88`
      }
    })), React.createElement("span", {
      style: {
        fontSize: 14,
        fontWeight: 800,
        color: pColor,
        minWidth: 35,
        textAlign: "right"
      }
    }, "P", p)), React.createElement("div", {
      style: {
        fontSize: 10,
        color: T.sub,
        marginTop: 4
      }
    }, _lang === "en" ? "WHO Median" : "Mediana OMS", ": ", result.median.toFixed(1), " ", unit));
  }
  const inp = {
    width: "100%",
    maxWidth: "100%",
    boxSizing: "border-box",
    WebkitAppearance: "none",
    appearance: "none",
    padding: "15px 12px",
    background: "rgba(20,26,60,0.55)",
    border: `1px solid ${T.gBSoft}`,
    borderRadius: 14,
    color: T.text,
    fontSize: 17,
    fontWeight: 600,
    letterSpacing: -0.2,
    outline: "none",
    textAlign: "center",
    boxShadow: T.insetTop
  };
  const dateInp = {
    ...inp,
    fontSize: 15,
    padding: "13px 12px"
  };
  const mergeTargetLabel = mergeTarget ? new Date(mergeTarget.date + "T12:00").toLocaleDateString(_lang === "pt" ? "pt-BR" : "en-US", {
    day: "numeric",
    month: "short"
  }) : "";
  const editTargetLabel = isEdit ? (() => {
    const e = growthEntries.find(g => g.id === editingId);
    return e ? new Date(e.date + "T12:00").toLocaleDateString(_lang === "pt" ? "pt-BR" : "en-US", {
      day: "numeric",
      month: "long"
    }) : "";
  })() : "";
  return React.createElement("div", {
    style: {
      padding: "calc(16px + env(safe-area-inset-top)) 20px 0"
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      justifyContent: "space-between",
      alignItems: "center",
      marginBottom: 16
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 10
    }
  }, React.createElement("button", {
    onClick: onBack,
    style: {
      width: 32,
      height: 32,
      borderRadius: 10,
      background: T.glass,
      border: `1px solid ${T.gB}`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center"
    }
  }, React.createElement(Icon, {
    name: "back",
    size: 16,
    color: T.sub
  })), React.createElement("h2", {
    style: {
      fontSize: 17,
      fontWeight: 700,
      margin: 0
    }
  }, L("growth"))), React.createElement("button", {
    onClick: () => showForm ? resetForm() : openNew(),
    style: {
      padding: "6px 12px",
      borderRadius: 10,
      background: "rgba(163,230,53,0.1)",
      border: "1px solid rgba(163,230,53,0.2)",
      fontSize: 12,
      fontWeight: 700,
      color: "#a3e635"
    }
  }, showForm ? L("cancel") : _lang === "en" ? "+ Measure" : "+ Medição")), showForm && React.createElement("div", {
    style: {
      background: T.glass,
      borderRadius: 14,
      padding: 16,
      marginBottom: 16,
      border: `1px solid ${T.gB}`
    }
  }, React.createElement("div", {
    style: {
      fontSize: 12,
      fontWeight: 700,
      color: T.sub,
      marginBottom: 12
    }
  }, isEdit ? _lang === "en" ? "Edit measurement" : "Editar medição" : _lang === "en" ? "New measurement" : "Nova medição"), isEdit && React.createElement("div", {
    style: {
      padding: "10px 12px",
      background: "rgba(139,124,246,0.1)",
      border: "1px solid rgba(139,124,246,0.25)",
      borderRadius: 10,
      display: "flex",
      gap: 8,
      alignItems: "center",
      marginBottom: 12
    }
  }, React.createElement(Icon, {
    name: "pencil",
    size: 14,
    color: "#c4b5fd"
  }), React.createElement("div", {
    style: {
      fontSize: 11.5,
      color: "#c4b5fd",
      lineHeight: 1.4,
      flex: 1,
      fontWeight: 600
    }
  }, _lang === "en" ? "Editing measurement from" : "Editando medição de", " ", React.createElement("b", null, editTargetLabel))), React.createElement(Fld, {
    label: _lang === "en" ? "Date" : "Data"
  }, React.createElement("input", {
    type: "date",
    value: fDate,
    onChange: e => setFDate(e.target.value),
    style: dateInp
  })), mergeTarget && !isEdit && React.createElement("div", {
    style: {
      padding: "10px 12px",
      background: "rgba(251,191,36,0.08)",
      border: "1px solid rgba(251,191,36,0.2)",
      borderRadius: 10,
      display: "flex",
      gap: 8,
      alignItems: "center",
      margin: "12px 0"
    }
  }, React.createElement(Icon, {
    name: "zap",
    size: 14,
    color: "#fbbf24"
  }), React.createElement("div", {
    style: {
      fontSize: 11.5,
      color: "#fbbf24",
      lineHeight: 1.4,
      flex: 1
    }
  }, _lang === "en" ? React.createElement(React.Fragment, null, "Measurement already exists on ", React.createElement("b", null, mergeTargetLabel), " \u2014 filled fields will ", React.createElement("b", null, "update"), " that entry.") : React.createElement(React.Fragment, null, "J\xE1 existe medi\xE7\xE3o em ", React.createElement("b", null, mergeTargetLabel), " \u2014 campos preenchidos ir\xE3o ", React.createElement("b", null, "atualizar"), " essa entrada."))), React.createElement("div", {
    style: {
      display: "grid",
      gridTemplateColumns: "minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)",
      gap: 8,
      marginTop: 12,
      marginBottom: 8
    }
  }, React.createElement(Fld, {
    label: `${L("weight")} (kg)`
  }, React.createElement("input", {
    type: "text",
    inputMode: "decimal",
    placeholder: _lang === "pt" ? "4,5" : "4.5",
    value: wK,
    onChange: e => setWK(e.target.value),
    style: inp
  })), React.createElement(Fld, {
    label: `${_lang === "en" ? "Length" : "Comp."} (cm)`
  }, React.createElement("input", {
    type: "text",
    inputMode: "decimal",
    placeholder: "55",
    value: lC,
    onChange: e => setLC(e.target.value),
    style: inp
  })), React.createElement(Fld, {
    label: `${L("head")} (cm)`
  }, React.createElement("input", {
    type: "text",
    inputMode: "decimal",
    placeholder: "37",
    value: hC,
    onChange: e => setHC(e.target.value),
    style: inp
  }))), React.createElement("div", {
    style: {
      fontSize: 10.5,
      color: T.dim,
      margin: "6px 0 12px",
      textAlign: "center",
      lineHeight: 1.5
    }
  }, _lang === "en" ? "Leave blank what wasn't measured · comma or dot" : "Deixe em branco os que não foram medidos · vírgula ou ponto"), React.createElement("button", {
    onClick: doSave,
    disabled: !hasAnyValue(),
    style: {
      width: "100%",
      padding: 12,
      borderRadius: 10,
      background: hasAnyValue() ? "#a3e635" : "rgba(139,124,246,0.1)",
      color: hasAnyValue() ? T.bg1 : T.dim,
      fontSize: 14,
      fontWeight: 700,
      opacity: hasAnyValue() ? 1 : 0.6
    }
  }, isEdit ? _lang === "en" ? "Update measurement" : "Atualizar medição" : mergeTarget ? _lang === "en" ? "Update measurement" : "Atualizar medição" : _lang === "en" ? "Save measurement" : "Salvar medição"), isEdit && React.createElement("button", {
    onClick: doDelete,
    style: {
      background: "transparent",
      border: "none",
      color: T.red,
      fontSize: 12,
      fontWeight: 600,
      padding: 10,
      marginTop: 8,
      width: "100%"
    }
  }, _lang === "en" ? "Delete this measurement" : "Excluir esta medição")), latest && React.createElement("div", {
    style: {
      fontSize: 11,
      color: T.sub,
      marginBottom: 10
    }
  }, latest.isBirth ? _lang === "en" ? "Birth data" : L("birthData") : `${_lang === "en" ? "Last" : "Últ."}: ${latest.label}`, " \xB7 ", ageMonths.toFixed(1), " ", _lang === "en" ? "mo" : "meses"), React.createElement(PercentileCard, {
    label: L("weight"),
    value: latest?.weightKg,
    unit: "kg",
    table: WHO_GIRLS.weight,
    icon: "target"
  }), React.createElement(PercentileCard, {
    label: L("length"),
    value: latest?.lengthCm,
    unit: "cm",
    table: WHO_GIRLS.length,
    icon: "ruler"
  }), React.createElement(PercentileCard, {
    label: L("head"),
    value: latest?.headCm,
    unit: "cm",
    table: WHO_GIRLS.head,
    icon: "target"
  }), allPoints.length > 0 && React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      fontSize: 12,
      fontWeight: 600,
      color: T.dim,
      marginTop: 16,
      marginBottom: 10,
      textTransform: "uppercase",
      letterSpacing: 0.8
    }
  }, _lang === "en" ? "Growth curves" : "Curvas de crescimento"), React.createElement(GrowthChart, {
    label: `${L("weight")} (kg)`,
    field: "weightKg",
    table: WHO_GIRLS.weight,
    color: T.green
  }), React.createElement(GrowthChart, {
    label: `${L("length")} (cm)`,
    field: "lengthCm",
    table: WHO_GIRLS.length,
    color: T.blue
  }), React.createElement(GrowthChart, {
    label: `${L("head")} (cm)`,
    field: "headCm",
    table: WHO_GIRLS.head,
    color: T.amber
  })), allPoints.length > 0 && React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      fontSize: 12,
      fontWeight: 600,
      color: T.dim,
      marginTop: 8,
      marginBottom: 10,
      textTransform: "uppercase",
      letterSpacing: 0.8
    }
  }, _lang === "en" ? "History" : "Histórico"), [...allPoints].reverse().map((p, i) => {
    const clickable = !p.isBirth && p.entryId;
    const rowStyle = {
      display: "flex",
      alignItems: "center",
      gap: 12,
      padding: "10px 12px",
      marginBottom: 4,
      background: T.glass,
      borderRadius: 10,
      border: `1px solid ${T.gB}`,
      width: "100%",
      textAlign: "left",
      cursor: clickable ? "pointer" : "default",
      opacity: p.isBirth ? 0.75 : 1
    };
    const content = React.createElement(React.Fragment, null, React.createElement("span", {
      style: {
        fontSize: 11,
        color: T.sub,
        minWidth: 50,
        fontWeight: 600
      }
    }, p.label), React.createElement("div", {
      style: {
        flex: 1,
        display: "flex",
        gap: 10,
        fontSize: 12,
        flexWrap: "wrap"
      }
    }, p.weightKg !== undefined && React.createElement("span", {
      style: {
        color: T.green,
        fontWeight: 600
      }
    }, formatGrowthVal(p.weightKg), "kg"), p.lengthCm !== undefined && React.createElement("span", {
      style: {
        color: T.blue,
        fontWeight: 600
      }
    }, formatGrowthVal(p.lengthCm), "cm"), p.headCm !== undefined && React.createElement("span", {
      style: {
        color: T.amber,
        fontWeight: 600
      }
    }, _lang === "en" ? "Head" : "Cab.", " ", formatGrowthVal(p.headCm))), p.isBirth ? React.createElement("span", {
      style: {
        fontSize: 9,
        color: "#a78bfa",
        background: "rgba(139,124,246,0.15)",
        padding: "2px 6px",
        borderRadius: 4,
        fontWeight: 700,
        letterSpacing: 0.5
      }
    }, _lang === "en" ? "BIRTH" : "NASC.") : React.createElement("div", {
      style: {
        width: 26,
        height: 26,
        borderRadius: 7,
        background: "rgba(139,124,246,0.1)",
        border: "1px solid rgba(139,124,246,0.15)",
        display: "flex",
        alignItems: "center",
        justifyContent: "center"
      }
    }, React.createElement(Icon, {
      name: "pencil",
      size: 11,
      color: "#a78bfa"
    })));
    return clickable ? React.createElement("button", {
      key: i,
      onClick: () => openEdit(p.entryId),
      style: rowStyle
    }, content) : React.createElement("div", {
      key: i,
      style: rowStyle
    }, content);
  })), React.createElement("div", {
    style: {
      marginTop: 16,
      padding: 12,
      background: T.glass,
      borderRadius: 12,
      border: `1px solid ${T.gB}`,
      fontSize: 10,
      color: T.dim,
      lineHeight: 1.6
    }
  }, _lang === "en" ? "WHO curves for girls 0-24mo. Dashed line = P50 (median). Band = P3-P97." : "Curvas OMS para meninas 0-24m. Linha tracejada = P50 (mediana). Faixa = P3-P97."));
}
const _STARFIELD_COLORS = ["rgba(251,191,36,0.6)", "rgba(167,139,250,0.5)", "rgba(52,211,153,0.45)", "rgba(96,165,250,0.5)", "rgba(244,114,182,0.4)", "rgba(251,191,36,0.5)", "rgba(200,210,255,0.6)", "rgba(167,139,250,0.45)"];
const STARFIELD_DATA = {
  sm: Array.from({
    length: 60
  }, (_, i) => ({
    k: "s" + i,
    w: Math.random() * 1 + 0.6,
    h: Math.random() * 1 + 0.6,
    o: Math.random() * 0.35 + 0.15,
    t: Math.random() * 100,
    l: Math.random() * 100
  })),
  md: Array.from({
    length: 25
  }, (_, i) => ({
    k: "m" + i,
    w: Math.random() * 1.5 + 1.2,
    h: Math.random() * 1.5 + 1.2,
    o: Math.random() * 0.5 + 0.25,
    t: Math.random() * 100,
    l: Math.random() * 100,
    g: 4 + Math.random() * 5
  })),
  br: Array.from({
    length: 8
  }, (_, i) => ({
    k: "b" + i,
    w: 2.5 + Math.random(),
    h: 2.5 + Math.random(),
    c: _STARFIELD_COLORS[i],
    t: Math.random() * 80 + 10,
    l: Math.random() * 90 + 5
  }))
};
const Starfield = React.memo(function Starfield() {
  return React.createElement("div", {
    style: {
      position: "fixed",
      inset: 0,
      pointerEvents: "none",
      zIndex: 0
    }
  }, React.createElement("div", {
    style: {
      position: "absolute",
      width: "60%",
      height: "40%",
      top: "5%",
      right: "-10%",
      background: "radial-gradient(ellipse,rgba(120,80,200,0.06) 0%,transparent 70%)",
      filter: "blur(40px)"
    }
  }), React.createElement("div", {
    style: {
      position: "absolute",
      width: "50%",
      height: "30%",
      bottom: "20%",
      left: "-5%",
      background: "radial-gradient(ellipse,rgba(60,100,180,0.05) 0%,transparent 70%)",
      filter: "blur(30px)"
    }
  }), STARFIELD_DATA.sm.map(s => React.createElement("div", {
    key: s.k,
    style: {
      position: "absolute",
      width: s.w,
      height: s.h,
      background: `rgba(210,220,255,${s.o})`,
      borderRadius: "50%",
      top: s.t + "%",
      left: s.l + "%"
    }
  })), STARFIELD_DATA.md.map(s => React.createElement("div", {
    key: s.k,
    style: {
      position: "absolute",
      width: s.w,
      height: s.h,
      background: `rgba(220,230,255,${s.o})`,
      borderRadius: "50%",
      top: s.t + "%",
      left: s.l + "%",
      boxShadow: `0 0 ${s.g}px rgba(220,230,255,0.4)`
    }
  })), STARFIELD_DATA.br.map(s => React.createElement("div", {
    key: s.k,
    style: {
      position: "absolute",
      width: s.w,
      height: s.h,
      background: s.c,
      borderRadius: "50%",
      top: s.t + "%",
      left: s.l + "%",
      boxShadow: `0 0 12px ${s.c}, 0 0 4px ${s.c}`
    }
  })));
});
const BACKUP_KEY = "lp_last_backup_at";
function fmtBackupAgo(ts, lang) {
  if (!ts) return lang === "en" ? "never" : "nunca";
  const diffMin = Math.floor((Date.now() - ts) / 60000);
  if (diffMin < 1) return lang === "en" ? "just now" : "agora";
  if (diffMin < 60) return `${diffMin}min`;
  const h = Math.floor(diffMin / 60);
  if (h < 24) return `${h}h`;
  const d = Math.floor(h / 24);
  return lang === "en" ? `${d}d ago` : `${d}d atrás`;
}
function downloadJSON(obj, filename) {
  const blob = new Blob([JSON.stringify(obj, null, 2)], {
    type: "application/json"
  });
  const url = URL.createObjectURL(blob);
  const a = document.createElement("a");
  a.href = url;
  a.download = filename;
  document.body.appendChild(a);
  a.click();
  setTimeout(() => {
    document.body.removeChild(a);
    URL.revokeObjectURL(url);
  }, 100);
}
function BackupSection() {
  const [backupMeta, setBackupMeta] = useState(null);
  const [busy, setBusy] = useState(false);
  const [msg, setMsg] = useState("");
  const fileRef = useRef(null);
  useEffect(() => {
    (async () => {
      try {
        const b = await FB.loadBackup();
        if (b) setBackupMeta({
          updatedAt: b.updatedAt,
          size: b.size
        });
      } catch (e) {}
    })();
  }, []);
  const lastAt = backupMeta ? new Date(backupMeta.updatedAt).getTime() : 0;
  const onBackupNow = async () => {
    if (busy) return;
    setBusy(true);
    setMsg("");
    try {
      const data = await FB.exportAll();
      const result = await FB.saveBackup(data);
      const now = Date.now();
      try {
        localStorage.setItem(BACKUP_KEY, String(now));
        localStorage.setItem("lp_last_backup_date", todayStr());
      } catch (_) {}
      setBackupMeta({
        updatedAt: new Date().toISOString(),
        size: result.size
      });
      setMsg(_lang === "en" ? "Backup saved to cloud" : "Backup salvo na nuvem");
      Haptic.success();
      setTimeout(() => setMsg(""), 3000);
    } catch (e) {
      setMsg("Erro: " + e.message);
      Haptic.warning();
      setTimeout(() => setMsg(""), 5000);
    }
    setBusy(false);
  };
  const onRestoreCloud = async () => {
    if (busy) return;
    if (!backupMeta) {
      setMsg(_lang === "en" ? "No cloud backup yet" : "Nenhum backup na nuvem ainda");
      setTimeout(() => setMsg(""), 3000);
      return;
    }
    if (!confirm(L("importConfirm"))) return;
    setBusy(true);
    setMsg("");
    try {
      const b = await FB.loadBackup();
      if (!b) throw new Error(_lang === "en" ? "No backup found" : "Nenhum backup encontrado");
      await FB.importAll(b.data);
      setMsg(L("importedOk"));
      Haptic.success();
      setTimeout(() => {
        setMsg("");
        window.location.reload();
      }, 1500);
    } catch (err) {
      setMsg(L("importErr") + ": " + err.message);
      Haptic.warning();
      setTimeout(() => setMsg(""), 5000);
    }
    setBusy(false);
  };
  const onDownloadLocal = async () => {
    if (busy) return;
    setBusy(true);
    setMsg("");
    try {
      const data = await FB.exportAll();
      downloadJSON(data, `louise-backup-${todayStr()}.json`);
      setMsg(_lang === "en" ? "Local copy downloaded" : "Cópia local baixada");
      Haptic.light();
      setTimeout(() => setMsg(""), 3000);
    } catch (e) {
      setMsg("Erro: " + e.message);
      Haptic.warning();
      setTimeout(() => setMsg(""), 4000);
    }
    setBusy(false);
  };
  const onImportClick = () => {
    fileRef.current?.click();
  };
  const onImportFile = async e => {
    const f = e.target.files?.[0];
    if (!f) return;
    if (!confirm(L("importConfirm"))) {
      e.target.value = "";
      return;
    }
    setBusy(true);
    setMsg("");
    try {
      const txt = await f.text();
      const data = JSON.parse(txt);
      await FB.importAll(data);
      setMsg(L("importedOk"));
      Haptic.success();
      setTimeout(() => {
        setMsg("");
        window.location.reload();
      }, 1500);
    } catch (err) {
      setMsg(L("importErr") + ": " + err.message);
      Haptic.warning();
      setTimeout(() => setMsg(""), 5000);
    }
    setBusy(false);
    e.target.value = "";
  };
  let lastBackupDate = "";
  try {
    lastBackupDate = localStorage.getItem("lp_last_backup_date") || "";
  } catch (_) {}
  const nextInStr = lastBackupDate === todayStr() ? _lang === "en" ? "tomorrow" : "amanh\u00e3" : _lang === "en" ? "any moment" : "a qualquer momento";
  return React.createElement("div", {
    style: {
      marginTop: 16,
      padding: "16px 18px",
      borderRadius: 14,
      background: "rgba(22,28,60,0.4)",
      border: `1px solid ${T.gB}`,
      boxShadow: T.insetTop
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 10,
      marginBottom: 10
    }
  }, React.createElement("div", {
    style: {
      width: 32,
      height: 32,
      borderRadius: 9,
      background: "rgba(52,211,153,0.12)",
      border: "1px solid rgba(52,211,153,0.28)",
      display: "flex",
      alignItems: "center",
      justifyContent: "center"
    }
  }, React.createElement("svg", {
    width: "16",
    height: "16",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "#6ee7b7",
    strokeWidth: "2",
    strokeLinecap: "round",
    strokeLinejoin: "round"
  }, React.createElement("path", {
    d: "M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7"
  }), React.createElement("polyline", {
    points: "7 10 12 15 17 10"
  }), React.createElement("line", {
    x1: "12",
    y1: "15",
    x2: "12",
    y2: "3"
  }))), React.createElement("div", {
    style: {
      flex: 1,
      minWidth: 0
    }
  }, React.createElement("div", {
    style: {
      fontSize: 13,
      fontWeight: 700,
      color: T.text
    }
  }, L("backup")), React.createElement("div", {
    style: {
      fontSize: 10,
      color: T.sub,
      fontWeight: 600,
      marginTop: 1,
      fontVariantNumeric: "tabular-nums"
    }
  }, L("lastBackup"), ": ", fmtBackupAgo(lastAt, _lang), lastAt ? ` \u00b7 ${_lang === "en" ? "next auto" : "pr\u00f3x. auto"}: ${nextInStr}` : ""))), React.createElement("div", {
    style: {
      fontSize: 11,
      color: T.sub,
      lineHeight: 1.5,
      marginBottom: 12
    }
  }, _lang === "en" ? "Automatic backup every 24h to Firestore (shared between devices). Single latest snapshot — each new backup replaces the previous. Local file download available as fallback." : "Backup automático a cada 24h no Firestore (compartilhado entre os 2 devices). Um único snapshot mais recente — cada backup novo substitui o anterior. Download local disponível como segurança extra."), React.createElement("div", {
    style: {
      display: "flex",
      gap: 8,
      marginBottom: 8
    }
  }, React.createElement("button", {
    onClick: onBackupNow,
    disabled: busy,
    style: {
      flex: 1,
      padding: "11px 12px",
      borderRadius: 11,
      background: busy ? "rgba(52,211,153,0.1)" : "linear-gradient(180deg,rgba(52,211,153,0.22),rgba(16,185,129,0.12))",
      border: "1px solid rgba(52,211,153,0.35)",
      color: "#6ee7b7",
      fontSize: 12,
      fontWeight: 700,
      letterSpacing: -0.1,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      gap: 6,
      opacity: busy ? 0.6 : 1
    }
  }, React.createElement("svg", {
    width: "13",
    height: "13",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeWidth: "2.5",
    strokeLinecap: "round",
    strokeLinejoin: "round"
  }, React.createElement("path", {
    d: "M12 2v6m0 0l-3-3m3 3l3-3M5 12h14a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2z"
  })), _lang === "en" ? "Backup now" : "Fazer backup agora"), React.createElement("button", {
    onClick: onRestoreCloud,
    disabled: busy || !backupMeta,
    style: {
      flex: 1,
      padding: "11px 12px",
      borderRadius: 11,
      background: "rgba(22,28,60,0.6)",
      border: `1px solid ${T.gBSoft}`,
      color: backupMeta ? T.text : T.dim,
      fontSize: 12,
      fontWeight: 700,
      letterSpacing: -0.1,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      gap: 6,
      opacity: busy || !backupMeta ? 0.5 : 1
    }
  }, React.createElement("svg", {
    width: "13",
    height: "13",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeWidth: "2.5",
    strokeLinecap: "round",
    strokeLinejoin: "round"
  }, React.createElement("path", {
    d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"
  }), React.createElement("path", {
    d: "M21 3v5h-5"
  }), React.createElement("path", {
    d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"
  }), React.createElement("path", {
    d: "M8 16H3v5"
  })), _lang === "en" ? "Restore last" : "Restaurar último")), React.createElement("div", {
    style: {
      display: "flex",
      gap: 8
    }
  }, React.createElement("button", {
    onClick: onDownloadLocal,
    disabled: busy,
    style: {
      flex: 1,
      padding: "9px 10px",
      borderRadius: 10,
      background: "transparent",
      border: `1px dashed ${T.gB}`,
      color: T.sub,
      fontSize: 10.5,
      fontWeight: 600,
      letterSpacing: -0.05,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      gap: 5,
      opacity: busy ? 0.6 : 1
    }
  }, React.createElement("svg", {
    width: "11",
    height: "11",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeWidth: "2.5",
    strokeLinecap: "round",
    strokeLinejoin: "round"
  }, React.createElement("path", {
    d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
  }), React.createElement("polyline", {
    points: "7 10 12 15 17 10"
  }), React.createElement("line", {
    x1: "12",
    y1: "15",
    x2: "12",
    y2: "3"
  })), _lang === "en" ? "Local copy" : "Cópia local"), React.createElement("button", {
    onClick: onImportClick,
    disabled: busy,
    style: {
      flex: 1,
      padding: "9px 10px",
      borderRadius: 10,
      background: "transparent",
      border: `1px dashed ${T.gB}`,
      color: T.sub,
      fontSize: 10.5,
      fontWeight: 600,
      letterSpacing: -0.05,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      gap: 5,
      opacity: busy ? 0.6 : 1
    }
  }, React.createElement("svg", {
    width: "11",
    height: "11",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeWidth: "2.5",
    strokeLinecap: "round",
    strokeLinejoin: "round"
  }, React.createElement("path", {
    d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
  }), React.createElement("polyline", {
    points: "17 8 12 3 7 8"
  }), React.createElement("line", {
    x1: "12",
    y1: "3",
    x2: "12",
    y2: "15"
  })), _lang === "en" ? "From file" : "De arquivo"), React.createElement("input", {
    ref: fileRef,
    type: "file",
    accept: "application/json,.json",
    onChange: onImportFile,
    style: {
      display: "none"
    }
  })), msg && React.createElement("div", {
    style: {
      fontSize: 11,
      color: msg.startsWith("Erro") || msg.toLowerCase().includes("inv") ? "#f87171" : "#6ee7b7",
      marginTop: 10,
      textAlign: "center",
      fontWeight: 600
    }
  }, msg));
}
class ErrorBoundary extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      hasError: false,
      err: null
    };
  }
  static getDerivedStateFromError(err) {
    return {
      hasError: true,
      err: err
    };
  }
  componentDidCatch(err, info) {
    console.error("[LP] ErrorBoundary caught:", err, info);
  }
  componentDidUpdate(_, prev) {
    if (this.state.hasError && !prev.hasError) {
      setTimeout(function () {
        window.location.reload();
      }, 3000);
    }
  }
  render() {
    if (this.state.hasError) {
      return React.createElement("div", {
        style: {
          position: "fixed",
          inset: 0,
          background: "linear-gradient(180deg,#070b1e 0%,#0b1130 100%)",
          display: "flex",
          flexDirection: "column",
          alignItems: "center",
          justifyContent: "center",
          padding: "36px 28px",
          textAlign: "center",
          color: "#f0f2ff",
          fontFamily: "'Outfit',sans-serif"
        }
      }, React.createElement("div", {
        style: {
          width: 72,
          height: 72,
          borderRadius: 24,
          background: "rgba(248,113,113,0.1)",
          border: "1.5px solid rgba(248,113,113,0.25)",
          display: "flex",
          alignItems: "center",
          justifyContent: "center",
          fontSize: 30,
          color: "#f87171",
          marginBottom: 20,
          boxShadow: "0 0 32px -8px rgba(248,113,113,0.3)"
        }
      }, "\\u26A0"), React.createElement("div", {
        style: {
          fontSize: 22,
          fontWeight: 800,
          letterSpacing: -0.5,
          marginBottom: 6
        }
      }, "Oops!"), React.createElement("div", {
        style: {
          fontSize: 13,
          color: "#a3aac8",
          lineHeight: 1.55,
          marginBottom: 20,
          maxWidth: 240
        }
      }, "Algo quebrou. Recarregando em 3s\\u2026"), React.createElement("div", {
        style: {
          width: 28,
          height: 28,
          border: "2.5px solid rgba(139,124,246,0.2)",
          borderTopColor: "#a78bfa",
          borderRadius: "50%",
          animation: "spin 0.9s linear infinite"
        }
      }), React.createElement("style", null, "@keyframes spin{to{transform:rotate(360deg)}}"));
    }
    return this.props.children;
  }
}
function App() {
  const [entries, setEntries] = useState([]);
  const [savedMeds, setSavedMeds] = useState([]);
  const [profile, setProfile] = useState({
    name: "",
    birthDate: "2026-03-08",
    photo: "",
    mlGoal: 0
  });
  const [activeTimer, setActiveTimer] = useState(null);
  const [loading, setLoading] = useState(true);
  const _VALID_PAGES = ["home", "stats", "history", "growth"];
  const _initialHash = typeof window !== "undefined" && window.location.hash.slice(1) || "";
  const [page, setPage] = useState(_VALID_PAGES.includes(_initialHash) ? _initialHash : "home");
  useEffect(() => {
    if (typeof window === "undefined") return;
    if (_VALID_PAGES.includes(page)) {
      const h = "#" + page;
      if (window.location.hash !== h) {
        history.replaceState(null, "", h);
      }
    }
  }, [page]);
  useEffect(() => {
    if (typeof window === "undefined") return;
    const onHash = () => {
      const h = window.location.hash.slice(1) || "home";
      if (_VALID_PAGES.includes(h)) setPage(h);
    };
    window.addEventListener("hashchange", onHash);
    return () => window.removeEventListener("hashchange", onHash);
  }, []);
  const [showAdd, setShowAdd] = useState(false);
  const [formType, setFormType] = useState(null);
  const [editEntry, setEditEntry] = useState(null);
  const [showOrbit, setShowOrbit] = useState(false);
  const SWIPE_PAGES = ["home", "stats", "history"];
  const swipeIdx = SWIPE_PAGES.indexOf(page);
  const isSwipePage = swipeIdx >= 0;
  const swipeIdxRef = useRef(swipeIdx);
  useEffect(() => {
    swipeIdxRef.current = swipeIdx;
  }, [swipeIdx]);
  const [dragPx, setDragPx] = useState(0);
  const [swipeDragging, setSwipeDragging] = useState(false);
  const swipeRef = useRef(null);
  const swipeGestureRef = useRef({
    startX: 0,
    startY: 0,
    lastX: 0,
    lastT: 0,
    velocity: 0,
    active: false,
    locked: null,
    sw: 0
  });
  const [showProfile, setShowProfile] = useState(false);
  const [showSleepInfo, setShowSleepInfo] = useState(false);
  const [profileIsDirty, setProfileIsDirty] = useState(false);
  const [profileCancelSignal, setProfileCancelSignal] = useState(0);
  const [profileSaveSignal, setProfileSaveSignal] = useState(0);
  const profileSaveRef = useRef(null);
  const [inbox, setInbox] = useState({
    items: [],
    lastReset: ""
  });
  const [showInbox, setShowInbox] = useState(false);
  const [reminders, setReminders] = useState([]);
  const [showChangelog, setShowChangelog] = useState(false);
  const [showUpdateToast, setShowUpdateToast] = useState(false);
  const [showEditStart, setShowEditStart] = useState(false);
  const [showNursingPicker, setShowNursingPicker] = useState(false);
  const lang = profile.lang || "en";
  _lang = lang;
  const [toast, setToast] = useState(null);
  const [tick, setTick] = useState(0);
  const undoRef = useRef(null);
  const [splash, setSplash] = useState(true);
  useEffect(() => {
    const t = setTimeout(() => setSplash(false), 1800);
    return () => clearTimeout(t);
  }, []);
  const [localLastSeenVersion, setLocalLastSeenVersion] = useState(() => {
    try {
      return localStorage.getItem("lp_last_seen_version") || "";
    } catch (_) {
      return "";
    }
  });
  const hasUnreadChangelog = localLastSeenVersion !== APP_VERSION;
  const profileLoadedRef = useRef(false);
  useEffect(() => {
    if (loading || profileLoadedRef.current) return;
    profileLoadedRef.current = true;
    const stored = localLastSeenVersion;
    if (stored) {
      if (stored !== APP_VERSION) setShowUpdateToast(true);
    } else {
      const initial = profile.lastSeenVersion || APP_VERSION;
      setLocalLastSeenVersion(initial);
      try {
        localStorage.setItem("lp_last_seen_version", initial);
      } catch (_) {}
      if (initial !== APP_VERSION) setShowUpdateToast(true);
    }
  }, [loading, localLastSeenVersion, profile.lastSeenVersion]);
  const markChangelogSeen = () => {
    if (localLastSeenVersion !== APP_VERSION) {
      setLocalLastSeenVersion(APP_VERSION);
      try {
        localStorage.setItem("lp_last_seen_version", APP_VERSION);
      } catch (_) {}
    }
  };
  const openChangelog = () => {
    setShowChangelog(true);
    setShowUpdateToast(false);
    markChangelogSeen();
  };
  const dismissUpdateToast = () => {
    setShowUpdateToast(false);
    markChangelogSeen();
  };
  const closeChangelog = () => {
    setShowChangelog(false);
    markChangelogSeen();
  };
  const backupTriedRef = useRef(false);
  useEffect(() => {
    if (loading || backupTriedRef.current) return;
    backupTriedRef.current = true;
    const today = todayStr();
    let lastDate = "";
    try {
      lastDate = localStorage.getItem("lp_last_backup_date") || "";
    } catch (_) {}
    if (lastDate === today) return;
    const t = setTimeout(async () => {
      try {
        const data = await FB.exportAll();
        await FB.saveBackup(data);
        const now = Date.now();
        try {
          localStorage.setItem("lp_last_backup_date", today);
          localStorage.setItem("lp_last_backup_at", String(now));
        } catch (_) {}
        setToast(_lang === "en" ? "\u2713 Auto-backup saved" : "\u2713 Backup autom\u00e1tico salvo");
      } catch (e) {
        console.warn("[LP] auto-backup failed:", e.message);
      }
    }, 8000);
    return () => clearTimeout(t);
  }, [loading]);
  useEffect(() => {
    const iv = activeTimer ? 5000 : 30000;
    const t = setInterval(() => setTick(k => k + 1), iv);
    return () => clearInterval(t);
  }, [activeTimer]);
  const wakeLockEnabled = profile.keepScreenOn !== false;
  const shouldLock = wakeLockEnabled && activeTimer && (activeTimer.type === "nursing" || activeTimer.type === "tummytime" || activeTimer.type === "sleep" && activeTimer.nightWake);
  useEffect(() => {
    if (shouldLock) {
      WakeLock.request();
    } else {
      WakeLock.release();
    }
    const onVis = () => {
      if (document.visibilityState === "visible" && shouldLock) WakeLock.request();
    };
    document.addEventListener("visibilitychange", onVis);
    return () => {
      document.removeEventListener("visibilitychange", onVis);
    };
  }, [shouldLock]);
  useEffect(() => () => {
    WakeLock.release();
  }, []);
  useEffect(() => {
    Haptic.setEnabled(false);
  }, []);
  useEffect(() => {
    if (PushNotifs.isSupported()) {
      PushNotifs.registerServiceWorker().catch(() => {});
    }
    PushNotifs.setVapidKey("BE7jb8k2HRvR-q-xUj_1boSI8vG8-ZwFwIyaDh4Pq7ClegyqG_JjuYJ3JHd2lGAzUXr3kZtz1DRIUVO215uoRhs");
    PushNotifs.setTokenSaver(async token => {
      try {
        await FB.savePushToken(token, profile.lang || "en");
      } catch (e) {}
    });
  }, []);
  useEffect(() => {
    let ready = {
      e: false,
      p: false,
      m: false,
      a: false
    };
    const check = () => {
      if (Object.values(ready).every(Boolean)) setLoading(false);
    };
    const u1 = FB.subEntries(d => {
      setEntries(dedupeLegacyWakings(d));
      ready.e = true;
      check();
    });
    const u2 = FB.subProfile(d => {
      if (d) setProfile(d);
      ready.p = true;
      check();
    });
    const u3 = FB.subMeds(d => {
      const ASK_DROPS = /simet|paracetam|novalgin/i;
      let list = d || [{
        name: "Floripa",
        dose: "6 gotas"
      }, {
        name: "Vit. D",
        dose: "2 gotas"
      }, {
        name: "C\u00f3licaliv",
        dose: "5 gotas"
      }, {
        name: "Simeticona",
        dose: ""
      }, {
        name: "Paracetamol",
        dose: ""
      }];
      try {
        if (!localStorage.getItem("lp_meds_drops_mig_v2")) {
          let changed = false;
          list = list.map(m => {
            if (m && m.dose && ASK_DROPS.test(m.name || "")) {
              changed = true;
              return {
                ...m,
                dose: ""
              };
            }
            return m;
          });
          if (!list.some(m => m && /c[o\u00f3]licaliv/i.test(m.name || ""))) {
            list = [...list, {
              name: "C\u00f3licaliv",
              dose: "5 gotas"
            }];
            changed = true;
          }
          localStorage.setItem("lp_meds_drops_mig_v2", "1");
          if (changed) FB.saveMeds(list);
        }
      } catch (_) {}
      setSavedMeds(list);
      ready.m = true;
      check();
    });
    const u4 = FB.subTimer(d => {
      setActiveTimer(d?.cleared ? null : d);
      ready.a = true;
      check();
    });
    const u5 = FB.subInbox(d => {
      if (d) setInbox({
        items: d.items || [],
        lastReset: d.lastReset || ""
      });
    });
    const u6 = FB.subReminders(d => setReminders(d || []));
    return () => {
      u1();
      u2();
      u3();
      u4();
      u5();
      u6();
    };
  }, []);
  const showToast = (msg, fn) => {
    undoRef.current = fn;
    setToast(msg);
  };
  const handleUndo = () => {
    if (undoRef.current) undoRef.current();
    setToast(null);
  };
  const addEntry = useCallback(async e => {
    Haptic.medium();
    const wasEdit = !!editEntry;
    setFormType(null);
    setShowAdd(false);
    setEditEntry(null);
    setShowOrbit(true);
    setTimeout(() => setShowOrbit(false), 1200);
    const NIGHT_WAKE_EXCLUDED = ["sleep", "nap", "wakeup", "nightwaking", "growth"];
    let nwTimerUpdate = null;
    if (activeTimer && activeTimer.type === "sleep" && activeTimer.nightWake && !NIGHT_WAKE_EXCLUDED.includes(e.type)) {
      const bedStartMs = new Date(activeTimer.startTime).getTime();
      const evMs = e.date && e.time ? new Date(`${e.date}T${e.time}`).getTime() : NaN;
      const nowMs = Date.now();
      const inRange = !isNaN(evMs) && evMs >= bedStartMs && evMs <= nowMs + 60000;
      if (inRange) {
        e.nightWake = activeTimer.startTime;
        const updatedNw = {
          ...activeTimer.nightWake,
          events: [...(activeTimer.nightWake.events || []), e.id]
        };
        nwTimerUpdate = {
          ...activeTimer,
          nightWake: updatedNw
        };
      }
    }
    const parts = splitMidnight(e);
    let tmsg = `${TL(e.type) || e.type} ${wasEdit ? L("updated") : L("registered")}`;
    if (!wasEdit) {
      const td = todayStr();
      const ta = entries.filter(x => x.date === td);
      if (e.type === "bottle") {
        const ml2 = ta.filter(x => x.type === "bottle").reduce((s, x) => s + (x.ml || 0), 0) + (e.ml || 0);
        tmsg = `${_lang === "en" ? "Bottle logged!" : "Mamadeira registrada!"} ${ml2}ml ${_lang === "en" ? "today" : "hoje"}`;
      }
      if (e.type === "diaper") {
        const dc = ta.filter(x => x.type === "diaper").length + 1;
        tmsg = `${_lang === "en" ? "Diaper logged!" : "Fralda registrada!"} ${dc}x ${_lang === "en" ? "today" : "hoje"}`;
      }
    }
    showToast(tmsg, async () => {
      for (const p of parts) await FB.delEntry(p.id);
    });
    (async () => {
      try {
        if (nwTimerUpdate) await FB.saveTimer(nwTimerUpdate);
        for (const p of parts) await FB.addEntry(p);
      } catch (err) {
        console.warn("[addEntry] write failed", err);
      }
    })();
  }, [editEntry, entries, activeTimer]);
  const addMedicineBatch = useCallback(async entries => {
    if (!entries || entries.length === 0) return;
    Haptic.medium();
    setFormType(null);
    setShowAdd(false);
    setEditEntry(null);
    setShowOrbit(true);
    setTimeout(() => setShowOrbit(false), 1200);
    const n = entries.length;
    const tmsg = n === 1 ? `${entries[0].name} ${L("registered")}` : `${n} ${_lang === "en" ? "medicines logged" : "medicamentos registrados"}`;
    showToast(tmsg, async () => {
      for (const e of entries) await FB.delEntry(e.id);
    });
    (async () => {
      try {
        for (const e of entries) await FB.addEntry(e);
      } catch (err) {
        console.warn("[addMedicineBatch] write failed", err);
      }
    })();
  }, []);
  const startEdit = useCallback(entry => {
    setEditEntry(entry);
    setFormType(entry.type);
    setShowAdd(false);
  }, []);
  const deleteEntry = useCallback(async id => {
    const entry = entries.find(e => e.id === id);
    await FB.delEntry(id);
    showToast(`${TL(entry?.type) || ""} ${L("removed")}`, async () => {
      if (entry) await FB.addEntry(entry);
    });
  }, [entries]);
  const quickWakeup = useCallback(() => {
    const now = Date.now();
    const recentWakeup = entries.find(e => {
      if (e.type !== "wakeup") return false;
      const ms = new Date(`${e.date}T${e.time}`).getTime();
      return now - ms < 60000 && now - ms >= -5000;
    });
    if (recentWakeup) {
      showToast(_lang === "en" ? "Already woke up just now" : "Já acordou agora há pouco", null);
      return;
    }
    const wakeup = {
      type: "wakeup",
      date: todayStr(),
      time: nowTime(),
      id: uid()
    };
    const recentSleeps = entries.filter(e => e.type === "sleep" && e.durationMin).map(e => {
      const endMs = new Date(`${e.date}T${e.time}`).getTime() + e.durationMin * 60000;
      return {
        e,
        endMs
      };
    }).filter(x => now - x.endMs < 30 * 60000 && now - x.endMs >= -60000).sort((a, b) => b.endMs - a.endMs);
    if (recentSleeps.length > 0) {
      const top = recentSleeps[0].e;
      const baseId = top.id.endsWith("_b") ? top.id.slice(0, -2) : top.id;
      const pair = entries.filter(e => e.type === "sleep" && (e.id === baseId || e.id === baseId + "_b"));
      if (pair.length > 0) {
        const totalDur = pair.reduce((s, e) => s + (e.durationMin || 0), 0);
        const totalAwake = pair.reduce((s, e) => s + awakeMinIn(e), 0);
        const realSleep = Math.max(0, totalDur - totalAwake);
        wakeup.nightSleepMin = realSleep;
      }
    }
    addEntry(wakeup);
  }, [addEntry, entries]);
  const duplicateLast = useCallback(() => {
    if (!entries.length) return;
    const l = entries[0];
    addEntry({
      ...l,
      id: uid(),
      date: todayStr(),
      time: nowTime(),
      _docId: undefined
    });
  }, [entries, addEntry]);
  const startTimer = useCallback(async (type, side) => {
    Haptic.heavy();
    const data = {
      type,
      startTime: new Date().toISOString()
    };
    if (type === "nursing") {
      data.side = side || "left";
      data.leftMs = 0;
      data.rightMs = 0;
      data.sideStart = new Date().toISOString();
    }
    await FB.saveTimer(data);
    setShowAdd(false);
    setFormType(null);
  }, []);
  const switchSide = useCallback(async newSide => {
    if (!activeTimer || activeTimer.type !== "nursing") return;
    const now = Date.now();
    const elapsed = activeTimer.paused ? 0 : now - new Date(activeTimer.sideStart).getTime();
    const updated = {
      ...activeTimer,
      side: newSide,
      sideStart: new Date().toISOString(),
      paused: false
    };
    if (activeTimer.side === "left") updated.leftMs = (activeTimer.leftMs || 0) + elapsed;else updated.rightMs = (activeTimer.rightMs || 0) + elapsed;
    await FB.saveTimer(updated);
  }, [activeTimer]);
  const pauseNursing = useCallback(async () => {
    if (!activeTimer || activeTimer.type !== "nursing") return;
    if (activeTimer.paused) {
      await FB.saveTimer({
        ...activeTimer,
        paused: false,
        sideStart: new Date().toISOString()
      });
    } else {
      const now = Date.now();
      const elapsed = now - new Date(activeTimer.sideStart).getTime();
      const updated = {
        ...activeTimer,
        paused: true
      };
      if (activeTimer.side === "left") updated.leftMs = (activeTimer.leftMs || 0) + elapsed;else updated.rightMs = (activeTimer.rightMs || 0) + elapsed;
      await FB.saveTimer(updated);
    }
  }, [activeTimer]);
  const toggleNightWake = useCallback(async () => {
    if (!activeTimer || activeTimer.type !== "sleep") return;
    if (activeTimer.nightWake) {
      const nw = activeTimer.nightWake;
      const wakeStart = new Date(nw.startTime);
      const durMin = Math.max(1, Math.round((Date.now() - wakeStart.getTime()) / 60000));
      const wakings = [...(activeTimer.wakings || []), {
        time: `${String(wakeStart.getHours()).padStart(2, "0")}:${String(wakeStart.getMinutes()).padStart(2, "0")}`,
        durationMin: durMin,
        events: nw.events || []
      }];
      await FB.saveTimer({
        ...activeTimer,
        nightWake: null,
        wakings
      });
      Haptic.light();
    } else {
      await FB.saveTimer({
        ...activeTimer,
        nightWake: {
          startTime: new Date().toISOString(),
          events: []
        }
      });
      Haptic.warning();
    }
  }, [activeTimer]);
  const stopTimer = useCallback(async () => {
    if (!activeTimer) return;
    Haptic.heavy();
    const s = new Date(activeTimer.startTime);
    if (activeTimer.type === "nursing") {
      const now = Date.now();
      const elapsed = activeTimer.paused ? 0 : now - new Date(activeTimer.sideStart).getTime();
      let lMs = activeTimer.leftMs || 0,
        rMs = activeTimer.rightMs || 0;
      if (!activeTimer.paused) {
        if (activeTimer.side === "left") lMs += elapsed;else rMs += elapsed;
      }
      const totalMin = Math.max(1, Math.round((lMs + rMs) / 60000));
      const lMin = Math.round(lMs / 60000),
        rMin = Math.round(rMs / 60000);
      const side = lMs > 0 && rMs > 0 ? "both" : lMs > 0 ? "left" : "right";
      const entry = {
        type: "nursing",
        date: `${s.getFullYear()}-${String(s.getMonth() + 1).padStart(2, "0")}-${String(s.getDate()).padStart(2, "0")}`,
        time: `${String(s.getHours()).padStart(2, "0")}:${String(s.getMinutes()).padStart(2, "0")}`,
        durationMin: totalMin,
        side,
        leftMin: lMin,
        rightMin: rMin,
        id: uid()
      };
      await FB.addEntry(entry);
      await FB.saveTimer(null);
      showToast(`${_lang === "en" ? "Nursing" : "Amam."} ${totalMin}min (L:${lMin} R:${rMin})`, null);
    } else {
      let wakings = activeTimer.wakings || [];
      if (activeTimer.type === "sleep" && activeTimer.nightWake) {
        const nw = activeTimer.nightWake;
        const wakeStart = new Date(nw.startTime);
        const durMin = Math.max(1, Math.round((Date.now() - wakeStart.getTime()) / 60000));
        wakings = [...wakings, {
          time: `${String(wakeStart.getHours()).padStart(2, "0")}:${String(wakeStart.getMinutes()).padStart(2, "0")}`,
          durationMin: durMin,
          events: nw.events || []
        }];
      }
      const elapsedMs = Date.now() - s.getTime();
      const mins = activeTimer.type === "tummytime" ? Math.max(1 / 60, elapsedMs / 60000) : Math.max(1, Math.round(elapsedMs / 6e4));
      const entry = {
        type: activeTimer.type,
        date: `${s.getFullYear()}-${String(s.getMonth() + 1).padStart(2, "0")}-${String(s.getDate()).padStart(2, "0")}`,
        time: `${String(s.getHours()).padStart(2, "0")}:${String(s.getMinutes()).padStart(2, "0")}`,
        durationMin: activeTimer.type === "tummytime" ? Math.round(mins * 60) / 60 : mins,
        id: uid()
      };
      if (activeTimer.type === "sleep" && wakings.length > 0) entry.wakings = wakings;
      const parts = splitMidnight(entry);
      for (const p of parts) await FB.addEntry(p);
      await FB.saveTimer(null);
      if (activeTimer.type === "sleep") {
        const totalAwake = wakings.reduce((s, w) => s + (w.durationMin || 0), 0);
        const realSleep = Math.max(0, mins - totalAwake);
        const wakeup = {
          type: "wakeup",
          date: todayStr(),
          time: nowTime(),
          id: uid(),
          nightSleepMin: realSleep,
          _autoFromBedtime: true
        };
        await FB.addEntry(wakeup);
      }
      if (activeTimer.type === "tummytime") {
        const m = Math.floor(mins);
        const sec = Math.round((mins - m) * 60);
        showToast(`Tummy time · ${m}min${sec > 0 ? ` ${sec}s` : ""}`, null);
      } else {
        const wakingNote = wakings.length > 0 ? ` (${wakings.length} ${_lang === "en" ? "wake" + (wakings.length > 1 ? "s" : "") : "despertar" + (wakings.length > 1 ? "es" : "")})` : "";
        showToast(`${mins}min ${_lang === "en" ? "logged" : "registrado"}${wakingNote}`, null);
      }
    }
  }, [activeTimer]);
  const handleEditStart = useCallback(async newStartISO => {
    if (!activeTimer) return;
    await FB.saveTimer({
      ...activeTimer,
      startTime: newStartISO
    });
  }, [activeTimer]);
  const today = todayStr();
  const cycleStart = useMemo(() => {
    const sorted = [...entries].sort((a, b) => `${b.date}T${b.time}`.localeCompare(`${a.date}T${a.time}`));
    const wk = sorted.find(e => e.type === "wakeup");
    if (wk) return new Date(`${wk.date}T${wk.time}`);
    for (const e of sorted) {
      if ((e.type === "sleep" || e.type === "nap") && e.durationMin > 0) {
        const end = new Date(new Date(`${e.date}T${e.time}`).getTime() + e.durationMin * 60000);
        const h = end.getHours();
        if (h >= 4 && h <= 12) return end;
      }
    }
    const todayEvs = entries.filter(e => e.date === today);
    if (todayEvs.length > 0) {
      const first = [...todayEvs].sort((a, b) => a.time.localeCompare(b.time))[0];
      return new Date(`${first.date}T${first.time}`);
    }
    return null;
  }, [entries, today]);
  const cycleE = useMemo(() => {
    if (!cycleStart) return entries.filter(e => e.date === today);
    return entries.filter(e => new Date(`${e.date}T${e.time}`) >= cycleStart);
  }, [entries, cycleStart, today]);
  const todayE = useMemo(() => entries.filter(e => e.date === today), [entries, today]);
  const totalMl = todayE.filter(e => e.type === "bottle").reduce((s, e) => s + (e.ml || 0), 0);
  const lastBottleMl = useMemo(() => {
    const b = entries.find(e => e.type === "bottle" && e.ml);
    return b ? b.ml : 0;
  }, [entries]);
  const feedReminder = useMemo(() => (reminders || []).find(r => r.tipo === "feedingInterval"), [reminders]);
  const feedingActive = feedReminder?.ativo === true;
  const feedingIntervalMin = feedReminder?.barIntervalMin || feedReminder?.intervalMin || 120;
  const lastNursingSide = useMemo(() => {
    const n = entries.find(e => e.type === "nursing" && e.side);
    return n ? n.side : null;
  }, [entries]);
  const nextNursingSide = lastNursingSide === "left" || lastNursingSide === "both" ? "right" : "left";
  const topMl = useMemo(() => {
    const counts = {};
    entries.filter(e => e.type === "bottle" && e.ml).forEach(e => {
      counts[e.ml] = (counts[e.ml] || 0) + 1;
    });
    return Object.entries(counts).sort((a, b) => b[1] - a[1]).slice(0, 3).map(([v]) => Number(v));
  }, [entries]);
  const totalNursingMin = todayE.filter(e => e.type === "nursing" && e.durationMin).reduce((s, e) => s + e.durationMin, 0);
  const totalNursing = todayE.filter(e => e.type === "nursing").length;
  const totalSleep = sumRealSleep(todayE);
  const totalDiapers = todayE.filter(e => e.type === "diaper").length;
  const totalSimet = todayE.filter(e => e.type === "medicine" && e.name && /simet/i.test(e.name)).length;
  const todayDiapers = todayE.filter(e => e.type === "diaper");
  const wetDiapers = todayDiapers.filter(e => e.subtype === "wet" || e.subtype === "both").length;
  const dirtyDiapers = todayDiapers.filter(e => e.subtype === "dirty" || e.subtype === "both").length;
  const napNums = useMemo(() => {
    const naps = [...todayE].reverse().filter(e => e.type === "nap");
    const m = {};
    naps.forEach((n, i) => {
      m[n.id] = i + 1;
    });
    return m;
  }, [todayE]);
  const age = calcAge(profile.birthDate);
  const babyName = profile.name || "Bebê";
  const sleepRec = useMemo(() => getSleepRec(entries, age, profile.birthDate), [entries, age, profile.birthDate]);
  const sleepPattern = useMemo(() => analyzeSleepPatterns(entries, 7), [entries]);
  const daySchedule = useMemo(() => {
    if (!sleepPattern) return [];
    let wm = 6 * 60;
    const wk = todayE.find(e => e.type === "wakeup");
    if (wk) {
      wm = toMinutes(wk.time);
    } else {
      const ls = todayE.filter(e => (e.type === "sleep" || e.type === "nap") && e.durationMin > 0).sort((a, b) => b.time.localeCompare(a.time))[0];
      if (ls) {
        const em = toMinutes(ls.time) + ls.durationMin;
        if (em >= 300 && em <= 720) wm = em;
      }
    }
    return projectSchedule(wm, sleepPattern, todayE);
  }, [sleepPattern, todayE]);
  const fullSchedule = useMemo(() => {
    if (!sleepPattern || !sleepPattern.fullPattern) return [];
    let wm = 6 * 60;
    const wk = todayE.find(e => e.type === "wakeup");
    if (wk) {
      wm = toMinutes(wk.time);
    } else {
      const ls = todayE.filter(e => (e.type === "sleep" || e.type === "nap") && e.durationMin > 0).sort((a, b) => b.time.localeCompare(a.time))[0];
      if (ls) {
        const em = toMinutes(ls.time) + ls.durationMin;
        if (em >= 300 && em <= 720) wm = em;
      }
    }
    return predictRoutine(todayE, sleepPattern.fullPattern, wm, age ? age.totalWeeks : 4);
  }, [sleepPattern, todayE, age]);
  const dayInsights = useMemo(() => {
    const hints = getDayInsights(todayE, sleepPattern, sleepRec?.g) || [];
    if (activeTimer && activeTimer.type === "sleep") {
      return hints.filter(h => {
        const t = (h.title || "").toLowerCase();
        return !t.includes("night pattern") && !t.includes("padrao das noites") && !t.includes("padr\u00e3o das noites");
      });
    }
    return hints;
  }, [todayE, sleepPattern, sleepRec, activeTimer]);
  const napSug = useMemo(() => !activeTimer ? getNapSug(cycleE, sleepRec) : null, [cycleE, sleepRec, activeTimer, tick]);
  const liveBedtime = useMemo(() => {
    if (!activeTimer || activeTimer.type !== "sleep") return null;
    const startMs = new Date(activeTimer.startTime).getTime();
    const startD = new Date(startMs);
    const startDate = `${startD.getFullYear()}-${String(startD.getMonth() + 1).padStart(2, "0")}-${String(startD.getDate()).padStart(2, "0")}`;
    const startTime = `${String(startD.getHours()).padStart(2, "0")}:${String(startD.getMinutes()).padStart(2, "0")}`;
    const totalMin = Math.max(1, Math.floor((Date.now() - startMs) / 60000));
    const wakings = [...(activeTimer.wakings || [])];
    if (activeTimer.nightWake) {
      const nwStart = new Date(activeTimer.nightWake.startTime);
      const nwDur = Math.max(1, Math.floor((Date.now() - nwStart.getTime()) / 60000));
      wakings.push({
        time: `${String(nwStart.getHours()).padStart(2, "0")}:${String(nwStart.getMinutes()).padStart(2, "0")}`,
        durationMin: nwDur,
        events: activeTimer.nightWake.events || [],
        isActive: true
      });
    }
    return {
      id: "__live__",
      type: "sleep",
      date: startDate,
      time: startTime,
      durationMin: totalMin,
      wakings
    };
  }, [activeTimer, tick]);
  const daysLeft = sleepRec?.phase === 1 ? sleepRec.dl : null;
  const lastHashRef = useRef("");
  useEffect(() => {
    if (!dayInsights || !Array.isArray(dayInsights)) return;
    const slugify = s => (s || "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
    const td = todayStr();
    const fresh = dayInsights.map(h => ({
      key: `${slugify(h.title)}-${td}`,
      title: h.title || "",
      sub: h.sub || "",
      type: h.type || "info"
    }));
    const hash = fresh.map(h => `${h.key}|${h.sub}`).sort().join("~");
    if (hash === lastHashRef.current) return;
    lastHashRef.current = hash;
    if (fresh.length === 0) return;
    const existing = (inbox.items || []).filter(it => it.date === td);
    const existingKeys = new Set(existing.map(it => it.key));
    const now = Date.now();
    const merged = [...existing];
    let changed = false;
    fresh.forEach(h => {
      const idx = merged.findIndex(it => it.key === h.key);
      if (idx >= 0) {
        if (merged[idx].sub !== h.sub || merged[idx].title !== h.title) {
          merged[idx] = {
            ...merged[idx],
            title: h.title,
            sub: h.sub,
            type: h.type,
            timestamp: now
          };
          changed = true;
        }
      } else {
        merged.push({
          key: h.key,
          title: h.title,
          sub: h.sub,
          type: h.type,
          timestamp: now,
          read: false,
          date: td
        });
        changed = true;
      }
    });
    if (!changed) return;
    merged.sort((a, b) => (b.timestamp || 0) - (a.timestamp || 0));
    FB.saveInbox({
      items: merged,
      lastReset: inbox.lastReset || td
    });
  }, [dayInsights, inbox.items, inbox.lastReset]);
  useEffect(() => {
    const td = todayStr();
    if (inbox.lastReset && inbox.lastReset !== td) {
      FB.saveInbox({
        items: [],
        lastReset: td
      });
      lastHashRef.current = "";
    } else if (!inbox.lastReset) {
      FB.saveInbox({
        items: inbox.items || [],
        lastReset: td
      });
    }
  }, [tick, inbox.lastReset]);
  useEffect(() => {
    if (!age) return;
    const td = todayStr();
    if (!inbox.lastReset || inbox.lastReset !== td) return;
    const curi = getTodayCuriosity(age, _lang);
    if (!curi) return;
    const key = `curiosity-${td}`;
    const exists = (inbox.items || []).some(it => it.key === key);
    if (exists) return;
    const newItem = {
      key,
      title: `${curi.tagLabel} · ${curi.title}`,
      sub: curi.body,
      type: "curiosity",
      timestamp: Date.now(),
      read: false,
      date: td
    };
    const merged = [newItem, ...(inbox.items || [])].sort((a, b) => (b.timestamp || 0) - (a.timestamp || 0));
    FB.saveInbox({
      items: merged,
      lastReset: td
    });
  }, [age, inbox.items, inbox.lastReset]);
  const [localReadKeys, setLocalReadKeys] = useState(() => {
    try {
      return new Set(JSON.parse(localStorage.getItem("lp_inbox_read") || "[]"));
    } catch (_) {
      return new Set();
    }
  });
  const persistLocalReadKeys = useCallback(newSet => {
    try {
      const arr = [...newSet];
      const capped = arr.length > 500 ? arr.slice(-500) : arr;
      localStorage.setItem("lp_inbox_read", JSON.stringify(capped));
    } catch (_) {}
  }, []);
  const markInboxRead = useCallback(key => {
    setLocalReadKeys(prev => {
      if (prev.has(key)) return prev;
      const next = new Set(prev);
      next.add(key);
      persistLocalReadKeys(next);
      return next;
    });
  }, [persistLocalReadKeys]);
  const markAllInboxRead = useCallback(() => {
    const allKeys = (inbox.items || []).map(it => it.key);
    setLocalReadKeys(prev => {
      const next = new Set(prev);
      allKeys.forEach(k => next.add(k));
      persistLocalReadKeys(next);
      return next;
    });
  }, [inbox.items, persistLocalReadKeys]);
  const isRead = useCallback(it => it.read === true || localReadKeys.has(it.key), [localReadKeys]);
  const inboxUnreadCount = (inbox.items || []).filter(it => !isRead(it)).length;
  const prevWind = useRef(false);
  const prevOver = useRef(false);
  useEffect(() => {
    if (napSug?.wind && !prevWind.current && navigator.vibrate) navigator.vibrate([200, 100, 200]);
    if (napSug?.over && !prevOver.current && navigator.vibrate) navigator.vibrate([300, 150, 300, 150, 300]);
    prevWind.current = !!napSug?.wind;
    prevOver.current = !!napSug?.over;
  }, [napSug?.wind, napSug?.over]);
  if (splash || loading) return React.createElement("div", {
    style: {
      background: "linear-gradient(180deg,#0e0825,#070b1e 70%,#070b1e)",
      minHeight: "100vh",
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      justifyContent: "center",
      fontFamily: "'Outfit',sans-serif",
      overflow: "hidden",
      opacity: splash ? 1 : 0,
      transition: "opacity .4s",
      position: "relative"
    }
  }, React.createElement("link", {
    href: "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap",
    rel: "stylesheet"
  }), React.createElement("div", {
    style: {
      position: "absolute",
      top: 0,
      left: 0,
      right: 0,
      height: "50%",
      background: "radial-gradient(ellipse at 50% 30%,rgba(50,25,100,0.15),transparent 70%)",
      pointerEvents: "none"
    }
  }), React.createElement("div", {
    style: {
      position: "fixed",
      inset: 0,
      pointerEvents: "none"
    }
  }, Array.from({
    length: 25
  }).map((_, i) => React.createElement("div", {
    key: i,
    style: {
      position: "absolute",
      width: Math.random() * 2 + 0.5,
      height: Math.random() * 2 + 0.5,
      background: `rgba(160,170,255,${Math.random() * 0.25 + 0.05})`,
      borderRadius: "50%",
      top: Math.random() * 100 + "%",
      left: Math.random() * 100 + "%"
    }
  }))), React.createElement("div", {
    style: {
      position: "relative",
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      zIndex: 1
    }
  }, React.createElement("div", {
    style: {
      position: "relative",
      marginBottom: 24,
      width: 120,
      height: 120
    }
  }, React.createElement("div", {
    style: {
      position: "absolute",
      top: "50%",
      left: "50%",
      width: 200,
      height: 200,
      borderRadius: "50%",
      background: "radial-gradient(circle,rgba(167,139,250,0.32),rgba(139,124,246,0.10) 40%,transparent 70%)",
      filter: "blur(12px)",
      pointerEvents: "none",
      animation: "splashHaloBreathe 2.8s ease-in-out 0.6s infinite",
      transform: "translate(-50%,-50%) scale(0.85)",
      opacity: 0
    }
  }), React.createElement("div", {
    style: {
      position: "absolute",
      inset: -10,
      borderRadius: "50%",
      border: "1px solid rgba(139,124,246,0.05)",
      pointerEvents: "none"
    }
  }), React.createElement("div", {
    style: {
      position: "absolute",
      inset: -20,
      borderRadius: "50%",
      border: "1px solid rgba(139,124,246,0.03)",
      pointerEvents: "none"
    }
  }), React.createElement("img", {
    src: window.LOUISE_ICON,
    width: "120",
    height: "120",
    style: {
      animation: "splashLogo 1s cubic-bezier(0.34,1.56,0.64,1) both, splashHeartbeat 1.4s ease-in-out 1s infinite",
      position: "relative",
      display: "block"
    }
  })), React.createElement("div", {
    style: {
      animation: "splashText 1.2s ease both",
      display: "flex",
      flexDirection: "column",
      alignItems: "center"
    }
  }, React.createElement("div", {
    style: {
      display: "flex",
      gap: 4,
      alignItems: "baseline"
    }
  }, React.createElement("span", {
    style: {
      fontSize: 26,
      fontWeight: 200,
      letterSpacing: 5,
      textTransform: "uppercase",
      color: "rgba(228,230,245,0.8)"
    }
  }, "LOUISE"), React.createElement("span", {
    style: {
      fontSize: 26,
      fontWeight: 800,
      letterSpacing: 5,
      textTransform: "uppercase",
      background: "linear-gradient(135deg,#a78bfa,#38bdf8)",
      WebkitBackgroundClip: "text",
      WebkitTextFillColor: "transparent"
    }
  }, "PRO")), React.createElement("div", {
    style: {
      fontSize: 10,
      color: "#555a80",
      letterSpacing: 4,
      textTransform: "uppercase",
      marginTop: 8
    }
  }, "Baby Tracker"), React.createElement("div", {
    style: {
      width: 40,
      height: 1,
      background: "linear-gradient(90deg,transparent,rgba(139,124,246,0.3),transparent)",
      marginTop: 24
    }
  }))), React.createElement("div", {
    style: {
      position: "absolute",
      bottom: 30,
      fontSize: 9,
      color: "rgba(139,124,246,0.3)",
      letterSpacing: 2
    }
  }, "v", APP_VERSION));
  const goTo = p => {
    setPage(p);
    setShowAdd(false);
    setFormType(null);
  };
  const onSwipeStart = e => {
    if (e.target.closest("button,input,textarea,select,a,[data-no-swipe]")) return;
    const t = e.touches[0];
    const sw = swipeRef.current ? swipeRef.current.offsetWidth : window.innerWidth;
    swipeGestureRef.current = {
      startX: t.clientX,
      startY: t.clientY,
      lastX: t.clientX,
      lastT: performance.now(),
      velocity: 0,
      active: true,
      locked: null,
      sw
    };
  };
  const onSwipeMove = e => {
    const st = swipeGestureRef.current;
    if (!st.active) return;
    const t = e.touches[0];
    const dx = t.clientX - st.startX;
    const dy = t.clientY - st.startY;
    if (st.locked === null) {
      const ax = Math.abs(dx),
        ay = Math.abs(dy);
      if (ax < 6 && ay < 6) return;
      if (ay > ax * 1.1) {
        st.locked = "v";
        st.active = false;
        return;
      }
      st.locked = "h";
      setSwipeDragging(true);
    }
    if (st.locked === "h") {
      const now = performance.now();
      const dt = now - st.lastT;
      if (dt > 0) st.velocity = (t.clientX - st.lastX) / dt;
      st.lastX = t.clientX;
      st.lastT = now;
      let offset = dx;
      const cur = swipeIdxRef.current;
      if (cur === 0 && offset > 0) offset = offset * 0.3;else if (cur === SWIPE_PAGES.length - 1 && offset < 0) offset = offset * 0.3;
      setDragPx(offset);
      if (e.cancelable) e.preventDefault();
    }
  };
  const onSwipeEnd = () => {
    const st = swipeGestureRef.current;
    if (st.locked !== "h") {
      st.active = false;
      st.locked = null;
      return;
    }
    const dx = st.lastX - st.startX;
    const v = st.velocity;
    const cur = swipeIdxRef.current;
    const distThresh = st.sw * 0.15;
    let target = cur;
    if ((dx < -distThresh || dx < -40 && v < -0.4) && cur < SWIPE_PAGES.length - 1) target = cur + 1;else if ((dx > distThresh || dx > 40 && v > 0.4) && cur > 0) target = cur - 1;
    if (target !== cur) {
      setPage(SWIPE_PAGES[target]);
      setShowAdd(false);
    }
    setDragPx(0);
    setSwipeDragging(false);
    st.active = false;
    st.locked = null;
  };
  return React.createElement("div", {
    style: {
      background: "transparent",
      height: "var(--phys-h, 100dvh)",
      overflowY: "auto",
      overflowX: "hidden",
      WebkitOverflowScrolling: "touch",
      overscrollBehavior: "none",
      color: T.text,
      maxWidth: 480,
      margin: "0 auto",
      position: "relative"
    }
  }, React.createElement(Starfield, null), toast && React.createElement(Toast, {
    message: toast,
    onUndo: undoRef.current ? handleUndo : null,
    onClose: () => setToast(null)
  }), React.createElement("div", {
    style: {
      position: "relative",
      zIndex: 1
    }
  }, isSwipePage ? React.createElement("div", {
    style: {
      overflow: "hidden",
      width: "100%",
      touchAction: "pan-y"
    }
  }, React.createElement("div", {
    ref: swipeRef,
    onTouchStart: onSwipeStart,
    onTouchMove: onSwipeMove,
    onTouchEnd: onSwipeEnd,
    onTouchCancel: onSwipeEnd,
    style: {
      display: "flex",
      width: "300%",
      transform: `translate3d(calc(${-swipeIdx * (100 / 3)}% + ${dragPx}px), 0, 0)`,
      transition: swipeDragging ? "none" : "transform .28s cubic-bezier(0.2,0.9,0.3,1)",
      willChange: "transform"
    }
  }, React.createElement("div", {
    style: {
      width: `${100 / 3}%`,
      flexShrink: 0,
      minWidth: 0,
      contentVisibility: "auto",
      containIntrinsicSize: "auto 100vh"
    }
  }, React.createElement("div", null, React.createElement("div", {
    style: {
      padding: "calc(12px + env(safe-area-inset-top)) 20px 0",
      display: "flex",
      alignItems: "center",
      gap: 12
    }
  }, React.createElement("div", {
    style: {
      position: "relative"
    }
  }, React.createElement("button", {
    onClick: () => setShowProfile(true),
    style: {
      width: 52,
      height: 52,
      borderRadius: 16,
      overflow: "hidden",
      border: `1.5px solid ${T.accent}20`,
      background: T.glass,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: "0 2px 12px rgba(0,0,0,0.3)"
    }
  }, profile.photo ? React.createElement("img", {
    src: profile.photo,
    alt: "",
    style: {
      width: "100%",
      height: "100%",
      objectFit: "cover"
    }
  }) : React.createElement(Icon, {
    name: "sun",
    size: 22,
    color: T.sub
  })), daysLeft !== null && daysLeft > 0 && React.createElement("button", {
    onClick: () => setShowSleepInfo(true),
    style: {
      position: "absolute",
      top: -5,
      right: -8,
      minWidth: 24,
      height: 24,
      borderRadius: 12,
      background: `linear-gradient(135deg,${T.accent},#a78bfa)`,
      color: "#fff",
      fontSize: 10,
      fontWeight: 800,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      padding: "0 5px",
      boxShadow: `0 2px 8px ${T.accent}55`,
      border: `2px solid ${T.bg1}`
    }
  }, daysLeft), sleepRec?.phase === 2 && React.createElement("button", {
    onClick: () => setShowSleepInfo(true),
    style: {
      position: "absolute",
      top: -2,
      right: -6,
      width: 20,
      height: 20,
      borderRadius: 10,
      background: T.green,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      border: `2px solid ${T.bg1}`
    }
  }, React.createElement(Icon, {
    name: "check",
    size: 10,
    color: T.bg1
  }))), React.createElement("div", {
    style: {
      flex: 1
    }
  }, React.createElement("h1", {
    style: {
      fontSize: 17,
      fontWeight: 800,
      margin: 0,
      letterSpacing: -0.3
    }
  }, babyName), React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 6,
      marginTop: 3
    }
  }, React.createElement("span", {
    style: {
      fontSize: 10,
      color: T.accent,
      fontWeight: 600
    }
  }, age && React.createElement(React.Fragment, null, age.totalDays, " ", _lang === "en" ? "days" : "dias")), React.createElement("span", {
    style: {
      width: 3,
      height: 3,
      borderRadius: "50%",
      background: T.dim
    }
  }), React.createElement("span", {
    style: {
      fontSize: 10,
      color: T.dim
    }
  }, new Date().toLocaleDateString(_lang === "pt" ? "pt-BR" : "en-US", {
    day: "numeric",
    month: "short"
  })))), React.createElement("button", {
    onClick: () => setShowInbox(true),
    style: {
      position: "relative",
      width: 34,
      height: 34,
      borderRadius: 11,
      background: inboxUnreadCount > 0 ? "rgba(139,124,246,0.12)" : "rgba(22,28,60,0.6)",
      border: `1px solid ${inboxUnreadCount > 0 ? "rgba(139,124,246,0.3)" : "rgba(139,124,246,0.08)"}`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      flexShrink: 0
    }
  }, React.createElement("div", {
    style: {
      animation: inboxUnreadCount > 0 ? "bellWiggle 2.5s ease-in-out infinite" : "none",
      transformOrigin: "top center",
      display: "flex"
    }
  }, React.createElement(Icon, {
    name: "bell",
    size: 17,
    color: inboxUnreadCount > 0 ? T.accent : T.dim
  })), inboxUnreadCount > 0 && React.createElement("div", {
    style: {
      position: "absolute",
      top: -5,
      right: -5,
      minWidth: 18,
      height: 18,
      borderRadius: 9,
      background: "linear-gradient(135deg,#f87171,#dc2626)",
      color: "#fff",
      fontSize: 10,
      fontWeight: 800,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      padding: "0 5px",
      border: `2px solid ${T.bg1}`,
      boxShadow: "0 0 10px rgba(239,68,68,0.6)"
    }
  }, inboxUnreadCount))), React.createElement(CuriosityCard, {
    age: age,
    lang: lang,
    tick: tick
  }), React.createElement("div", {
    style: {
      padding: "4px 0 0"
    }
  }, React.createElement(Ring, {
    activeTimer: activeTimer,
    napSug: napSug,
    tick: tick,
    recentEvents: cycleE,
    lang: lang,
    showOrbit: showOrbit,
    screenLockActive: shouldLock
  })), activeTimer && activeTimer.type === "sleep" && React.createElement("div", {
    style: {
      padding: "0 20px",
      marginBottom: 10
    }
  }, React.createElement("button", {
    onClick: toggleNightWake,
    style: {
      width: "100%",
      padding: "12px 16px",
      borderRadius: 14,
      background: activeTimer.nightWake ? "linear-gradient(135deg,rgba(96,165,250,0.2),rgba(167,139,250,0.15))" : "linear-gradient(135deg,rgba(251,146,60,0.18),rgba(251,191,36,0.12))",
      border: `1px solid ${activeTimer.nightWake ? "rgba(96,165,250,0.6)" : "rgba(251,146,60,0.55)"}`,
      display: "flex",
      alignItems: "center",
      gap: 12,
      boxShadow: activeTimer.nightWake ? "0 0 20px rgba(96,165,250,0.2)" : "0 0 20px rgba(251,146,60,0.15), 0 4px 16px rgba(0,0,0,0.3)",
      transition: "all 0.3s",
      animation: activeTimer.nightWake ? "none" : "nwPulseAmber 2.4s ease-in-out infinite"
    }
  }, React.createElement("div", {
    style: {
      width: 36,
      height: 36,
      borderRadius: 12,
      background: activeTimer.nightWake ? "rgba(96,165,250,0.3)" : "rgba(251,146,60,0.25)",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: activeTimer.nightWake ? "none" : "0 0 14px rgba(251,146,60,0.3)",
      animation: activeTimer.nightWake ? "pulse 2s ease-in-out infinite" : "nwIconPulseAmber 2.4s ease-in-out infinite"
    }
  }, React.createElement(Icon, {
    name: "sun",
    size: 18,
    color: activeTimer.nightWake ? "#60a5fa" : "#fbbf24"
  })), React.createElement("div", {
    style: {
      flex: 1,
      textAlign: "left"
    }
  }, React.createElement("div", {
    style: {
      fontSize: 13,
      fontWeight: 700,
      color: activeTimer.nightWake ? "#60a5fa" : "#fbbf24"
    }
  }, _lang === "en" ? "Night Wake" : "Despertar", activeTimer.nightWake && ` · ${fmtDur(Math.max(1, Math.floor((Date.now() - new Date(activeTimer.nightWake.startTime).getTime()) / 60000)))}`), React.createElement("div", {
    style: {
      fontSize: 9,
      color: activeTimer.nightWake ? T.sub : "rgba(251,191,36,0.75)",
      marginTop: 1
    }
  }, activeTimer.nightWake ? _lang === "en" ? "Tap to go back to sleep" : "Toque para voltar a dormir" : _lang === "en" ? "Tap if Louise woke up" : "Toque se Louise acordou")), activeTimer.nightWake && React.createElement("div", {
    style: {
      width: 10,
      height: 10,
      borderRadius: "50%",
      background: "#60a5fa",
      boxShadow: "0 0 8px #60a5fa",
      animation: "pulse 1.5s ease-in-out infinite"
    }
  }))), !activeTimer && React.createElement("div", {
    style: {
      display: "grid",
      gridTemplateColumns: "repeat(6, minmax(0,1fr))",
      gap: 5,
      padding: "0 20px",
      marginBottom: 10
    }
  }, React.createElement("button", {
    onClick: () => {
      setFormType("bottle");
      setShowAdd(false);
    },
    style: {
      padding: "9px 0 7px",
      borderRadius: 11,
      background: `${T.green}08`,
      border: `1px solid ${T.green}14`,
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      gap: 3
    }
  }, React.createElement(Icon, {
    name: "bottle",
    size: 15,
    color: T.green
  }), React.createElement("span", {
    style: {
      fontSize: 8.5,
      fontWeight: 700,
      color: T.green
    }
  }, _lang === "en" ? "Bottle" : "Mam.")), React.createElement("button", {
    onClick: () => setShowNursingPicker(true),
    style: {
      padding: "9px 0 7px",
      borderRadius: 11,
      background: `${T.blue}08`,
      border: `1px solid ${T.blue}14`,
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      gap: 3
    }
  }, React.createElement(Icon, {
    name: "breast",
    size: 15,
    color: T.blue
  }), React.createElement("span", {
    style: {
      fontSize: 8.5,
      fontWeight: 700,
      color: T.blue
    }
  }, _lang === "en" ? "Nurse" : "Amam.")), React.createElement("button", {
    onClick: () => {
      setFormType("diaper");
      setShowAdd(false);
    },
    style: {
      padding: "9px 0 7px",
      borderRadius: 11,
      background: `${T.pink}08`,
      border: `1px solid ${T.pink}14`,
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      gap: 3
    }
  }, React.createElement(Icon, {
    name: "diaper",
    size: 15,
    color: T.pink
  }), React.createElement("span", {
    style: {
      fontSize: 8.5,
      fontWeight: 700,
      color: T.pink
    }
  }, _lang === "en" ? "Diaper" : "Fralda")), React.createElement("button", {
    onClick: () => startTimer("sleep"),
    style: {
      padding: "9px 0 7px",
      borderRadius: 11,
      background: `${T.purple}08`,
      border: `1px solid ${T.purple}14`,
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      gap: 3
    }
  }, React.createElement(Icon, {
    name: "bed",
    size: 15,
    color: T.purple
  }), React.createElement("span", {
    style: {
      fontSize: 8.5,
      fontWeight: 700,
      color: T.purple
    }
  }, _lang === "en" ? "Sleep" : "Sono")), React.createElement("button", {
    onClick: () => startTimer("nap"),
    style: {
      padding: "9px 0 7px",
      borderRadius: 11,
      background: `${T.accent}08`,
      border: `1px solid ${T.accent}14`,
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      gap: 3
    }
  }, React.createElement(Icon, {
    name: "cloud",
    size: 15,
    color: T.accent
  }), React.createElement("span", {
    style: {
      fontSize: 8.5,
      fontWeight: 700,
      color: T.accent
    }
  }, _lang === "en" ? "Nap" : "Sonec.")), React.createElement("button", {
    onClick: () => startTimer("tummytime"),
    style: {
      padding: "9px 0 7px",
      borderRadius: 11,
      background: `${T.amber}08`,
      border: `1px solid ${T.amber}14`,
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      gap: 3
    }
  }, React.createElement(Icon, {
    name: "baby",
    size: 15,
    color: T.amber
  }), React.createElement("span", {
    style: {
      fontSize: 8.5,
      fontWeight: 700,
      color: T.amber
    }
  }, "Tummy"))), activeTimer && activeTimer.type === "sleep" && activeTimer.nightWake && React.createElement("div", {
    style: {
      display: "flex",
      gap: 6,
      padding: "0 20px",
      marginBottom: 12
    }
  }, React.createElement("button", {
    onClick: () => {
      setFormType("bottle");
      setShowAdd(false);
    },
    style: {
      flex: 1,
      padding: "12px 0 8px",
      borderRadius: 14,
      background: `${T.green}16`,
      border: `1px solid ${T.green}40`,
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      gap: 5
    }
  }, React.createElement(Icon, {
    name: "bottle",
    size: 18,
    color: T.green
  }), React.createElement("span", {
    style: {
      fontSize: 9,
      fontWeight: 700,
      color: T.green
    }
  }, _lang === "en" ? "Bottle" : "Mamad.")), React.createElement("button", {
    onClick: () => {
      setFormType("diaper");
      setShowAdd(false);
    },
    style: {
      flex: 1,
      padding: "12px 0 8px",
      borderRadius: 14,
      background: `${T.pink}16`,
      border: `1px solid ${T.pink}40`,
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      gap: 5
    }
  }, React.createElement(Icon, {
    name: "diaper",
    size: 18,
    color: T.pink
  }), React.createElement("span", {
    style: {
      fontSize: 9,
      fontWeight: 700,
      color: T.pink
    }
  }, _lang === "en" ? "Diaper" : "Fralda"))), napSug && napSug.state === "opening" && React.createElement("div", {
    style: {
      margin: "0 20px 12px",
      padding: "10px 14px",
      borderRadius: 12,
      background: T.amberS,
      border: `1px solid ${T.amber}22`,
      display: "flex",
      alignItems: "center",
      gap: 10,
      animation: "pulse 2s infinite"
    }
  }, React.createElement(Icon, {
    name: "bell",
    size: 18,
    color: T.amber
  }), React.createElement("div", null, React.createElement("div", {
    style: {
      fontSize: 12,
      fontWeight: 700,
      color: T.amber
    }
  }, _lang === "en" ? "Sleep window opening" : "Janela abrindo"), React.createElement("div", {
    style: {
      fontSize: 10,
      color: T.sub
    }
  }, _lang === "en" ? "Watch for sleepy cues" : "Observe sinais de sono", napSug.predictedTime ? ` · ~${napSug.predictedTime}` : ""))), napSug && napSug.state === "sweet" && React.createElement("div", {
    style: {
      margin: "0 20px 12px",
      padding: "10px 14px",
      borderRadius: 12,
      background: T.greenS,
      border: `1px solid ${T.green}22`,
      display: "flex",
      alignItems: "center",
      gap: 10,
      animation: "pulse 1.5s infinite",
      boxShadow: `0 0 12px ${T.green}15`
    }
  }, React.createElement(Icon, {
    name: "check",
    size: 18,
    color: T.green
  }), React.createElement("div", null, React.createElement("div", {
    style: {
      fontSize: 12,
      fontWeight: 700,
      color: T.green
    }
  }, _lang === "en" ? "Ideal time" : "Hora ideal"), React.createElement("div", {
    style: {
      fontSize: 10,
      color: T.sub
    }
  }, _lang === "en" ? "Best moment for nap" : "Melhor momento pra soneca", napSug.dataPoints >= 3 ? _lang === "en" ? ` · ${napSug.dataPoints} days` : ` · ${napSug.dataPoints} dias` : ""))), napSug && (napSug.state === "stretching" || napSug.state === "overdue") && React.createElement("div", {
    style: {
      margin: "0 20px 12px",
      padding: "10px 14px",
      borderRadius: 12,
      background: T.orangeS,
      border: `1px solid ${T.orange}22`,
      display: "flex",
      alignItems: "center",
      gap: 10,
      animation: "pulse 1.5s infinite"
    }
  }, React.createElement(Icon, {
    name: "zap",
    size: 18,
    color: napSug.state === "overdue" ? "#f87171" : T.orange
  }), React.createElement("div", null, React.createElement("div", {
    style: {
      fontSize: 12,
      fontWeight: 700,
      color: napSug.state === "overdue" ? "#f87171" : T.orange
    }
  }, napSug.state === "overdue" ? _lang === "en" ? "Past max window" : "Passou do maximo" : _lang === "en" ? "Stretching" : "Esticando"), React.createElement("div", {
    style: {
      fontSize: 10,
      color: T.sub
    }
  }, napSug.state === "overdue" ? _lang === "en" ? `${fmtDur(napSug.el)} awake — risk of overtired` : `${fmtDur(napSug.el)} acordada — risco de overtired` : _lang === "en" ? "Past average, still within range" : "Passou da media, ainda dentro do range"))), !activeTimer && sleepRec?.phase === 2 && daySchedule.length > 0 && daySchedule.filter(s => s.status === "next").map((s, i) => React.createElement("div", {
    key: "ns" + i,
    style: {
      margin: "0 20px 12px",
      padding: "10px 14px",
      borderRadius: 12,
      background: `${T.accent}10`,
      border: `1px solid ${T.accent}18`,
      display: "flex",
      alignItems: "center",
      gap: 10
    }
  }, React.createElement(Icon, {
    name: "star",
    size: 18,
    color: T.accent,
    fill: T.accent
  }), React.createElement("div", null, React.createElement("div", {
    style: {
      fontSize: 12,
      fontWeight: 700,
      color: T.accent
    }
  }, s.bed ? _lang === "en" ? "Bedtime ~" : "Sono ~" : _lang === "en" ? "Next nap ~" : "Prox. soneca ~", minToTime(s.startMin)), React.createElement("div", {
    style: {
      fontSize: 10,
      color: T.sub
    }
  }, s.bed ? "" : `${s.pos}${_lang === "en" ? ["", "st", "nd", "rd"][s.pos] || "th" : "a"} · `, "WW ", fmtDur(s.ww), s.durRange ? " · " + s.durRange : "")))), React.createElement(InsightCards, {
    insights: dayInsights,
    phase: sleepRec?.phase
  }), React.createElement("div", {
    style: {
      display: "grid",
      gridTemplateColumns: "minmax(0,1fr) minmax(0,1fr)",
      gap: 6,
      padding: "0 20px",
      marginBottom: 14
    }
  }, [{
    i: "bottle",
    v: `${totalMl}`,
    u: "ml",
    c: T.green,
    t: ["bottle"],
    tap: "bottle",
    l: _lang === "en" ? "Bottle" : "Mamad."
  }, {
    i: "pill",
    v: `${totalSimet}`,
    u: "x",
    c: T.amber,
    t: ["medicine"],
    tap: null,
    l: "Simeticona",
    filter: e => e.type === "medicine" && e.name && /simet/i.test(e.name)
  }, {
    i: "moon",
    v: fmtDur(totalSleep),
    c: T.purple,
    t: ["sleep", "nap"],
    tap: "nap",
    l: _lang === "en" ? "Sleep" : "Sono"
  }, {
    i: "diaper",
    v: `${totalDiapers}`,
    c: T.pink,
    t: ["diaper"],
    tap: "diaper",
    l: _lang === "en" ? "Diaper" : "Fralda"
  }].map((p, idx) => {
    const last = entries.find(e => p.filter ? p.filter(e) : p.t.includes(e.type));
    let ago = null;
    if (last) {
      if (p.t.includes("sleep") && last.durationMin) {
        const endMs = new Date(`${last.date}T${last.time}`).getTime() + last.durationMin * 60000;
        const endD = new Date(endMs);
        const ed = `${endD.getFullYear()}-${String(endD.getMonth() + 1).padStart(2, "0")}-${String(endD.getDate()).padStart(2, "0")}`;
        const et = `${String(endD.getHours()).padStart(2, "0")}:${String(endD.getMinutes()).padStart(2, "0")}`;
        ago = timeSince(ed, et);
      } else {
        ago = timeSince(last.date, last.time);
      }
    }
    let feedProg = null;
    if (p.tap === "bottle" && feedingActive && last && last.date && last.time) {
      const lastMs = new Date(`${last.date}T${last.time}`).getTime();
      const intervalMs = feedingIntervalMin * 60000;
      const elapsedMs = Date.now() - lastMs;
      const prog = Math.max(0, Math.min(1.15, elapsedMs / intervalMs));
      const nextD = new Date(lastMs + intervalMs);
      const nextStr = `${String(nextD.getHours()).padStart(2, "0")}:${String(nextD.getMinutes()).padStart(2, "0")}`;
      const lateMin = prog >= 1 ? Math.max(1, Math.round((elapsedMs - intervalMs) / 60000)) : 0;
      const barColor = prog >= 1 ? "#f87171" : prog >= 0.8 ? "#fbbf24" : p.c;
      feedProg = {
        prog,
        nextStr,
        lateMin,
        barColor
      };
    }
    const diaperBreakdown = p.tap === "diaper" && (wetDiapers > 0 || dirtyDiapers > 0) ? React.createElement("div", {
      style: {
        display: "flex",
        gap: 8,
        marginTop: 3,
        fontSize: 11,
        fontWeight: 700,
        fontVariantNumeric: "tabular-nums"
      }
    }, wetDiapers > 0 && React.createElement("span", {
      style: {
        display: "inline-flex",
        alignItems: "center",
        gap: 3,
        color: "#93c5fd"
      }
    }, React.createElement(Icon, {
      name: "droplet",
      size: 11,
      color: "#93c5fd"
    }), wetDiapers), dirtyDiapers > 0 && React.createElement("span", {
      style: {
        display: "inline-flex",
        alignItems: "center",
        gap: 3,
        color: "#a16b4a"
      }
    }, React.createElement(Icon, {
      name: "poop",
      size: 11,
      color: "#a16b4a"
    }), dirtyDiapers)) : null;
    return React.createElement("div", {
      key: idx,
      className: "home-card",
      style: {
        padding: "7px 9px",
        borderRadius: 12,
        background: `${p.c}06`,
        border: `1px solid ${p.c}0a`,
        textAlign: "left",
        cursor: "default"
      }
    }, React.createElement("div", {
      style: {
        display: "flex",
        alignItems: "center",
        gap: 5,
        marginBottom: 1
      }
    }, React.createElement(Icon, {
      name: p.i,
      size: 11,
      color: p.c
    }), React.createElement("span", {
      style: {
        fontSize: 8.5,
        color: T.dim
      }
    }, p.l)), React.createElement("div", {
      style: {
        fontSize: 14,
        fontWeight: 800,
        color: p.c,
        lineHeight: 1.05
      }
    }, React.createElement("span", {
      key: p.v,
      className: "val-pulse"
    }, p.v), p.u ? React.createElement("span", {
      style: {
        fontSize: 10,
        opacity: 0.6
      }
    }, p.u) : null, p.tap === "bottle" && profile.mlGoal > 0 && totalMl > 0 ? React.createElement("span", {
      style: {
        fontSize: 9,
        opacity: 0.55,
        fontWeight: 700,
        marginLeft: 5
      }
    }, "\xB7 ", Math.round(totalMl / profile.mlGoal * 100), "%") : null), diaperBreakdown, feedProg ? React.createElement(React.Fragment, null, React.createElement("div", {
      style: {
        height: 3,
        borderRadius: 2,
        background: `${p.c}1a`,
        marginTop: 6,
        overflow: "hidden"
      }
    }, React.createElement("div", {
      style: {
        height: "100%",
        width: `${Math.min(100, feedProg.prog * 100)}%`,
        background: feedProg.prog >= 0.8 ? feedProg.barColor : `linear-gradient(90deg,${p.c},${p.c}cc)`,
        borderRadius: 2,
        transition: "width .4s ease, background .3s ease"
      }
    })), React.createElement("div", {
      style: {
        display: "flex",
        justifyContent: "space-between",
        alignItems: "baseline",
        marginTop: 3,
        fontSize: 9.5,
        fontWeight: 600,
        fontVariantNumeric: "tabular-nums"
      }
    }, React.createElement("span", {
      style: {
        color: `${p.c}88`
      }
    }, ago), React.createElement("span", {
      style: {
        color: feedProg.barColor,
        fontWeight: 700
      }
    }, feedProg.prog >= 1 ? `+${feedProg.lateMin}m late` : `→ ${feedProg.nextStr}`))) : ago && React.createElement("div", {
      style: {
        fontSize: 10,
        color: `${p.c}88`,
        fontWeight: 600,
        marginTop: 1,
        fontVariantNumeric: "tabular-nums"
      }
    }, ago));
  })), React.createElement("div", {
    style: {
      padding: "0 20px"
    }
  }, React.createElement("div", {
    style: {
      fontSize: 11,
      fontWeight: 600,
      color: T.dim,
      marginBottom: 8,
      textTransform: "uppercase",
      letterSpacing: 0.8
    }
  }, L("today"), React.createElement("span", {
    style: {
      opacity: 0.5,
      marginLeft: 8,
      fontWeight: 500
    }
  }, "\xB7 ", new Date().toLocaleDateString(_lang === "pt" ? "pt-BR" : "en-US", {
    weekday: "short",
    day: "numeric"
  }).replace(".", ""))), todayE.length === 0 && !liveBedtime && React.createElement("div", {
    style: {
      textAlign: "center",
      padding: "32px 20px",
      color: T.dim
    }
  }, React.createElement(Icon, {
    name: "star",
    size: 32,
    color: T.dim,
    fill: T.dim
  }), React.createElement("div", {
    style: {
      fontSize: 13,
      marginTop: 8
    }
  }, _lang === "en" ? "Tap + to add" : "Toque + para registrar")), liveBedtime && React.createElement(SleepBlock, {
    entry: liveBedtime,
    entries: entries,
    isLive: true,
    activeTimer: activeTimer,
    onSaveTimer: FB.saveTimer,
    onSaveEntry: FB.addEntry,
    onDelete: deleteEntry,
    onEdit: startEdit
  }), todayE.filter(e => {
    if (e.nightWake && liveBedtime) {
      const evMs = e.date && e.time ? new Date(`${e.date}T${e.time}`).getTime() : NaN;
      const bStart = new Date(`${liveBedtime.date}T${liveBedtime.time}`).getTime();
      const bEnd = bStart + (liveBedtime.durationMin || 0) * 60000;
      if (!isNaN(evMs) && evMs >= bStart && evMs <= bEnd) return false;
    }
    const cb = findContainingBedtime(e, entries);
    if (cb) {
      const isLive = liveBedtime && liveBedtime.id === cb.id;
      const willRenderAsBlock = cb.date === today && cb.wakings && cb.wakings.length > 0;
      if (isLive || willRenderAsBlock) return false;
    }
    return true;
  }).map((e, i, arr) => {
    const prev = arr[i - 1];
    let gap = null;
    if (prev) {
      const t1 = new Date(`${e.date}T${e.time}`).getTime();
      let t2 = new Date(`${prev.date}T${prev.time}`).getTime();
      if (prev.durationMin) t2 += prev.durationMin * 60000;
      const diffMin = Math.abs(Math.round((t1 - t2) / 60000));
      if (diffMin >= 30) {
        const isSleep = (e.type === "nap" || e.type === "sleep") && e.durationMin;
        gap = React.createElement("div", {
          style: {
            display: "flex",
            alignItems: "center",
            gap: 10,
            padding: "4px 16px",
            margin: "2px 0"
          }
        }, React.createElement("div", {
          style: {
            flex: 1,
            height: 1,
            background: `linear-gradient(90deg,transparent,${isSleep ? T.accent : T.accent}0a,transparent)`
          }
        }), React.createElement("span", {
          style: {
            fontSize: 8,
            color: isSleep ? T.accent : T.dim,
            letterSpacing: 0.5
          }
        }, isSleep ? "WW " : "", fmtDur(diffMin)), React.createElement("div", {
          style: {
            flex: 1,
            height: 1,
            background: `linear-gradient(90deg,transparent,${isSleep ? T.accent : T.accent}0a,transparent)`
          }
        }));
      }
    }
    const useBlock = e.type === "sleep" && e.wakings && e.wakings.length > 0;
    return React.createElement(React.Fragment, {
      key: e.id
    }, gap, useBlock ? React.createElement(SleepBlock, {
      entry: e,
      onDelete: deleteEntry,
      onEdit: startEdit,
      entries: entries,
      activeTimer: activeTimer,
      onSaveTimer: FB.saveTimer,
      onSaveEntry: FB.addEntry
    }) : React.createElement(EntryRow, {
      entry: e,
      onDelete: deleteEntry,
      onEdit: startEdit,
      napNum: napNums[e.id] || null
    }));
  })))), React.createElement("div", {
    style: {
      width: `${100 / 3}%`,
      flexShrink: 0,
      minWidth: 0,
      contentVisibility: "auto",
      containIntrinsicSize: "auto 100vh"
    }
  }, React.createElement(StatsPage, {
    entries: entries,
    onGrowth: () => goTo("growth")
  })), React.createElement("div", {
    style: {
      width: `${100 / 3}%`,
      flexShrink: 0,
      minWidth: 0,
      contentVisibility: "auto",
      containIntrinsicSize: "auto 100vh"
    }
  }, React.createElement(HistoryPage, {
    entries: entries,
    onDelete: deleteEntry,
    onEdit: startEdit,
    activeTimer: activeTimer
  })))) : null, page === "growth" && React.createElement(GrowthPage, {
    entries: entries,
    birthDate: profile.birthDate,
    profile: profile,
    onBack: () => goTo("stats"),
    onAddEntry: addEntry,
    onDeleteEntry: deleteEntry
  }), React.createElement("div", {
    style: {
      height: activeTimer ? "calc(160px + env(safe-area-inset-bottom))" : "calc(80px + env(safe-area-inset-bottom))"
    }
  })), React.createElement("div", {
    style: {
      position: "fixed",
      bottom: 0,
      left: 0,
      right: 0,
      maxWidth: 480,
      margin: "0 auto",
      height: 120,
      background: `linear-gradient(to bottom, transparent 0%, ${T.bg1}cc 60%, ${T.bg1} 100%)`,
      pointerEvents: "none",
      zIndex: 39
    }
  }), React.createElement(Modal, {
    open: showSleepInfo,
    onClose: () => setShowSleepInfo(false)
  }, sleepRec?.phase === 1 && React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      textAlign: "center",
      marginBottom: 16
    }
  }, React.createElement(Icon, {
    name: "star",
    size: 40,
    color: T.accent,
    fill: T.accent
  })), React.createElement("div", {
    style: {
      textAlign: "center",
      fontSize: 22,
      fontWeight: 800,
      marginBottom: 6
    }
  }, sleepRec.dl, " ", _lang === "en" ? "days" : "dias"), React.createElement("div", {
    style: {
      textAlign: "center",
      fontSize: 13,
      color: T.sub,
      marginBottom: 16
    }
  }, _lang === "en" ? `until ${babyName}'s sleep plan` : `para o plano de sono de ${babyName}`), React.createElement("div", {
    style: {
      height: 4,
      borderRadius: 2,
      background: T.bg1,
      marginBottom: 16,
      overflow: "hidden",
      filter: `drop-shadow(0 0 5px ${T.accent}44)`
    }
  }, React.createElement("div", {
    style: {
      height: "100%",
      width: `${Math.max(0, Math.min(100, (60 - sleepRec.dl) / 60 * 100))}%`,
      background: T.accent,
      borderRadius: 2
    }
  })), React.createElement("div", {
    style: {
      fontSize: 12,
      color: T.sub,
      lineHeight: 1.6
    }
  }, _lang === "en" ? "At 2 months the circadian rhythm matures. Keep tracking." : "Aos 2 meses o ritmo circadiano amadurece. Continue registrando."), React.createElement("div", {
    style: {
      marginTop: 14,
      padding: "10px 12px",
      borderRadius: 10,
      background: "rgba(14,18,48,0.6)",
      fontSize: 11,
      color: T.dim
    }
  }, _lang === "en" ? "Window" : "Janela", ": ", sleepRec.g.min, "\u2013", sleepRec.g.max, " min \xB7 ", sleepRec.g.naps, " ", _lang === "en" ? "naps/day" : "sonecas/dia"), age && age.totalDays >= 1 && age.totalDays <= 30 && CURIOSITIES[age.totalDays - 1] && React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      height: 1,
      background: `${T.accent}18`,
      margin: "16px 0"
    }
  }), React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 8,
      marginBottom: 10
    }
  }, React.createElement(Icon, {
    name: "sun",
    size: 16,
    color: T.amber
  }), React.createElement("span", {
    style: {
      fontSize: 9,
      fontWeight: 700,
      letterSpacing: 1,
      textTransform: "uppercase",
      color: T.amber
    }
  }, _lang === "en" ? `Day ${age.totalDays}` : `Dia ${age.totalDays}`)), React.createElement("div", {
    style: {
      fontSize: 13,
      fontWeight: 700,
      marginBottom: 4
    }
  }, (_lang === "en" ? CURIOSITIES[age.totalDays - 1].en : CURIOSITIES[age.totalDays - 1].pt).t), React.createElement("div", {
    style: {
      fontSize: 11,
      color: T.sub,
      lineHeight: 1.5
    }
  }, (_lang === "en" ? CURIOSITIES[age.totalDays - 1].en : CURIOSITIES[age.totalDays - 1].pt).b))), sleepRec?.phase === 2 && React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      textAlign: "center",
      marginBottom: 12
    }
  }, React.createElement(Icon, {
    name: "check",
    size: 36,
    color: T.green
  })), React.createElement("div", {
    style: {
      textAlign: "center",
      fontSize: 16,
      fontWeight: 700,
      marginBottom: 14
    }
  }, _lang === "en" ? "Sleep plan active" : "Plano de sono ativo"), sleepRec.a ? React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      padding: 10,
      borderRadius: 10,
      background: T.greenS,
      textAlign: "center",
      marginBottom: 14
    }
  }, React.createElement("div", {
    style: {
      fontSize: 9,
      color: T.sub,
      textTransform: "uppercase",
      marginBottom: 4
    }
  }, _lang === "en" ? "Recommended WW" : "Janela recomendada"), React.createElement("div", {
    style: {
      fontSize: 18,
      fontWeight: 800,
      color: T.green
    }
  }, fmtDur(sleepRec.a.rec))), React.createElement("div", {
    style: {
      fontSize: 11,
      color: T.dim,
      marginBottom: 14
    }
  }, _lang === "en" ? `Based on ${sleepRec.a.pts} observations` : `Baseado em ${sleepRec.a.pts} observações`)) : React.createElement("div", {
    style: {
      fontSize: 12,
      color: T.sub,
      marginBottom: 14
    }
  }, _lang === "en" ? "Track more data to personalize." : "Registre mais dados para personalizar."), sleepPattern && sleepRec?.phase === 2 && (fullSchedule.length > 0 || daySchedule.length > 0) && React.createElement(React.Fragment, null, React.createElement("div", {
    style: {
      display: "flex",
      alignItems: "center",
      gap: 8,
      marginBottom: 10
    }
  }, React.createElement(Icon, {
    name: "clock",
    size: 16,
    color: T.accent
  }), React.createElement("span", {
    style: {
      fontSize: 13,
      fontWeight: 700,
      color: T.accent
    }
  }, _lang === "en" ? "Today's routine" : "Rotina do dia"), React.createElement("span", {
    style: {
      fontSize: 9,
      color: T.dim,
      marginLeft: "auto"
    }
  }, _lang === "en" ? `${sleepPattern.days} days` : `${sleepPattern.days} dias`)), (fullSchedule.length > 0 ? fullSchedule : daySchedule.map(s => ({
    ...s,
    type: s.bed ? "sleep" : "nap",
    timeMin: s.startMin
  }))).map((s, i) => {
    const isNap = s.type === "nap";
    const isBed = s.type === "sleep" || s.bed;
    const isFeed = s.type === "feed";
    const isBath = s.type === "bath";
    const icon = isFeed ? "bottle" : isBath ? "bath" : isBed ? "moon" : "cloud";
    const color = isFeed ? T.blue : isBath ? "#38bdf8" : T.accent;
    const label = isBed ? _lang === "en" ? "Bedtime" : "Sono" : isFeed ? _lang === "en" ? "Feed" : "Mamada" : isBath ? _lang === "en" ? "Bath" : "Banho" : _lang === "en" ? `${["", "1st", "2nd", "3rd", "4th", "5th", "6th"][s.pos] || s.pos + "th"} nap` : `${s.pos}a soneca`;
    const timeStr = s.timeMin ? minToTime(s.timeMin) : s.startMin ? minToTime(s.startMin) : "--:--";
    const statusColor = s.status === "done" ? T.green : s.status === "next" ? T.accent : T.dim;
    return React.createElement("div", {
      key: i,
      style: {
        display: "flex",
        alignItems: "center",
        gap: 10,
        padding: "7px 0",
        borderTop: i > 0 ? `1px solid ${T.gB}` : "none",
        opacity: s.status === "later" ? 0.45 : 1
      }
    }, React.createElement("div", {
      style: {
        display: "flex",
        alignItems: "center",
        gap: 6,
        minWidth: 52
      }
    }, React.createElement(Icon, {
      name: icon,
      size: 12,
      color: s.status === "done" ? T.dim : color
    }), React.createElement("span", {
      style: {
        fontSize: 14,
        fontWeight: 800,
        color: s.status === "done" ? T.text : s.status === "next" ? color : T.dim
      }
    }, s.status !== "done" ? "~" : "", timeStr)), React.createElement("div", {
      style: {
        flex: 1
      }
    }, React.createElement("div", {
      style: {
        fontSize: 11,
        fontWeight: 600,
        color: s.status === "done" ? T.text : s.status === "next" ? T.text : T.dim
      }
    }, label), isNap && !isBed && React.createElement("div", {
      style: {
        fontSize: 9,
        color: T.dim
      }
    }, "WW ", fmtDur(s.ww), s.durRange ? " · " + s.durRange : s.duration > 0 ? " · " + fmtDur(s.duration || s.durMin) : "")), React.createElement("span", {
      style: {
        fontSize: 9,
        fontWeight: 600,
        padding: "2px 7px",
        borderRadius: 5,
        background: s.status === "done" ? T.greenS : s.status === "next" ? `${color}20` : `${T.dim}12`,
        color: statusColor
      }
    }, s.status === "done" ? _lang === "en" ? "Done" : "Feito" : s.status === "next" ? _lang === "en" ? "Next" : "Prox." : _lang === "en" ? "Later" : "Depois"));
  })))), React.createElement(Modal, {
    open: showAdd && !formType,
    onClose: () => setShowAdd(false)
  }, React.createElement("div", {
    style: {
      fontSize: 11,
      fontWeight: 700,
      color: "#7a80a8",
      letterSpacing: 0.5,
      textTransform: "uppercase",
      marginBottom: 16,
      textAlign: "center"
    }
  }, _lang === "en" ? "Add event" : "Adicionar evento"), React.createElement("div", {
    style: {
      display: "grid",
      gridTemplateColumns: "minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)",
      gap: "10px 0"
    }
  }, ["wakeup", "bottle", "nursing", "sleep", "nap", "diaper", "bath", "medicine", "temperature", "tummytime"].map((type, i) => {
    const cfg = TYPES[type];
    const last = entries.find(e => e.type === type);
    const agoRaw = last ? timeSince(last.date, last.time) : null;
    const ago = agoRaw === "now" ? "Just now" : agoRaw;
    return React.createElement("button", {
      key: type,
      onClick: () => setFormType(type),
      style: {
        display: "flex",
        flexDirection: "column",
        alignItems: "center",
        gap: 8,
        padding: "8px 4px 4px",
        animation: `slideUp .3s ease ${i * 0.025}s both`
      }
    }, React.createElement("div", {
      style: {
        width: 58,
        height: 58,
        borderRadius: "50%",
        background: `radial-gradient(circle at 35% 30%, rgba(50,60,120,0.95), rgba(18,22,55,0.98))`,
        border: `1.5px solid ${cfg.color}25`,
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        boxShadow: `0 4px 16px rgba(0,0,0,0.35), 0 0 20px ${cfg.color}18, inset 0 1px 0 rgba(200,210,255,0.08), inset 0 -2px 4px rgba(0,0,0,0.2)`,
        position: "relative",
        overflow: "hidden",
        filter: `drop-shadow(0 0 4px ${cfg.color}44)`
      }
    }, React.createElement("div", {
      style: {
        position: "absolute",
        top: "15%",
        left: "25%",
        width: "40%",
        height: "30%",
        background: `radial-gradient(ellipse,${cfg.color}12,transparent)`,
        borderRadius: "50%",
        filter: "blur(5px)"
      }
    }), React.createElement(Icon, {
      name: cfg.icon,
      size: 22,
      color: cfg.color
    })), React.createElement("div", {
      style: {
        textAlign: "center",
        minWidth: 0,
        maxWidth: "100%"
      }
    }, React.createElement("div", {
      style: {
        fontSize: 11,
        fontWeight: 600,
        color: T.text,
        lineHeight: 1.2,
        whiteSpace: "nowrap",
        overflow: "hidden",
        textOverflow: "ellipsis"
      }
    }, cfg.label[_lang] || cfg.label.en), ago && React.createElement("div", {
      style: {
        fontSize: 10,
        color: T.sub,
        fontWeight: 500,
        marginTop: 2,
        whiteSpace: "nowrap",
        overflow: "hidden",
        textOverflow: "ellipsis"
      }
    }, ago)));
  }))), React.createElement(Modal, {
    open: !!formType,
    onClose: () => {
      setFormType(null);
      setEditEntry(null);
    },
    wide: true
  }, formType && React.createElement(AddForm, {
    type: formType,
    onSave: addEntry,
    onSaveBatch: addMedicineBatch,
    savedMeds: savedMeds,
    onSaveMeds: async m => await FB.saveMeds(m),
    editEntry: editEntry,
    lastBottleMl: lastBottleMl,
    topMl: topMl,
    onStartTimer: type => {
      startTimer(type);
      setFormType(null);
      setShowAdd(false);
    }
  })), showProfile && React.createElement(ProfilePage, {
    profile: profile,
    onSave: async p => await FB.saveProfile(p),
    onBack: () => {
      setShowProfile(false);
      setProfileIsDirty(false);
    },
    onGrowth: () => {
      setShowProfile(false);
      setProfileIsDirty(false);
      goTo("growth");
    },
    onShowChangelog: () => setShowChangelog(true),
    hasUnreadChangelog: hasUnreadChangelog,
    reminders: reminders,
    onAddReminder: async r => await FB.addReminder(r),
    onDelReminder: async id => await FB.delReminder(id),
    onDirtyChange: setProfileIsDirty,
    cancelSignal: profileCancelSignal,
    saveSignal: profileSaveSignal
  }), showInbox && React.createElement(InboxPanel, {
    inbox: inbox,
    onClose: () => setShowInbox(false),
    onMarkRead: markInboxRead,
    onMarkAllRead: markAllInboxRead,
    lang: lang,
    isRead: isRead
  }), showChangelog && React.createElement(ChangelogModal, {
    onClose: closeChangelog,
    lang: lang
  }), showUpdateToast && !showChangelog && React.createElement(UpdateToast, {
    fromVersion: profile.lastSeenVersion,
    toVersion: APP_VERSION,
    onView: openChangelog,
    onDismiss: dismissUpdateToast,
    lang: lang
  }), React.createElement(EditStartModal, {
    open: showEditStart,
    onClose: () => setShowEditStart(false),
    activeTimer: activeTimer,
    onSave: handleEditStart
  }), React.createElement(Modal, {
    open: showNursingPicker,
    onClose: () => setShowNursingPicker(false)
  }, React.createElement("div", {
    style: {
      display: "flex",
      justifyContent: "center",
      marginBottom: 14
    }
  }, React.createElement("div", {
    style: {
      width: 44,
      height: 44,
      borderRadius: 13,
      background: `linear-gradient(135deg,${T.blue}5c,${T.blue}14)`,
      border: `1px solid ${T.blue}70`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: `0 1px 0 0 rgba(255,255,255,0.12) inset, 0 4px 12px -4px ${T.blue}60`
    }
  }, React.createElement(Icon, {
    name: "breast",
    size: 22,
    color: "#7dd3fc"
  }))), React.createElement("div", {
    style: {
      fontSize: 11,
      fontWeight: 700,
      color: "#7a80a8",
      letterSpacing: 0.5,
      textTransform: "uppercase",
      textAlign: "center",
      marginBottom: 14
    }
  }, _lang === "en" ? "Which side?" : "Qual lado?"), React.createElement("div", {
    style: {
      display: "grid",
      gridTemplateColumns: "1fr 1fr",
      gap: 8
    }
  }, [{
    k: "left",
    L: "L",
    pt: "Esquerdo",
    en: "Left"
  }, {
    k: "right",
    L: "R",
    pt: "Direito",
    en: "Right"
  }].map(s => React.createElement("button", {
    key: s.k,
    onClick: () => {
      Haptic.medium();
      startTimer("nursing", s.k);
      setShowNursingPicker(false);
    },
    style: {
      padding: "22px 0",
      borderRadius: 14,
      background: `linear-gradient(180deg,${T.blue}26,${T.blue}0a)`,
      border: `1px solid ${T.blue}52`,
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      gap: 3,
      cursor: "pointer",
      boxShadow: `0 1px 0 0 rgba(255,255,255,0.08) inset`
    }
  }, React.createElement("div", {
    style: {
      fontSize: 34,
      fontWeight: 800,
      letterSpacing: -2,
      lineHeight: 0.95,
      background: "linear-gradient(135deg,#ffffff,#7dd3fc)",
      WebkitBackgroundClip: "text",
      WebkitTextFillColor: "transparent",
      backgroundClip: "text"
    }
  }, s.L), React.createElement("div", {
    style: {
      fontSize: 9,
      color: "#7dd3fc",
      opacity: 0.7,
      marginTop: 3
    }
  }, _lang === "en" ? s.en : s.pt))))), ReactDOM.createPortal(React.createElement(React.Fragment, null, React.createElement(TimerBar, {
    activeTimer: activeTimer,
    onStop: stopTimer,
    onSwitch: switchSide,
    onPause: pauseNursing,
    onEditStart: () => setShowEditStart(true),
    hidden: showAdd || !!formType || showProfile || showInbox || showChangelog || showEditStart || showNursingPicker || showSleepInfo
  }), showProfile ? React.createElement("nav", {
    style: {
      position: "fixed",
      bottom: "calc(8px + env(safe-area-inset-bottom))",
      left: "50%",
      transform: "translateX(-50%)",
      width: "auto",
      maxWidth: "none",
      opacity: 1,
      display: "flex",
      alignItems: "center",
      gap: 8,
      padding: "0",
      pointerEvents: "auto",
      background: "transparent",
      border: "none",
      boxShadow: "none",
      zIndex: 250
    }
  }, React.createElement("div", {
    style: {
      position: "relative",
      width: 60,
      height: 60,
      display: "flex",
      alignItems: "center",
      justifyContent: "center"
    }
  }, React.createElement("div", {
    style: {
      position: "absolute",
      inset: 0,
      borderRadius: "50%",
      background: "conic-gradient(from 0deg, #8b7cf6 0%, #e0d4ff 15%, #ffffff 22%, #c4b5fd 35%, #8b7cf6 50%, #5b4aaf 65%, #ffffff 78%, #a78bfa 92%, #8b7cf6 100%)",
      animation: "mercurySpin 3s linear infinite",
      willChange: "transform",
      transformOrigin: "center center"
    }
  }), React.createElement("div", {
    style: {
      position: "absolute",
      inset: -4,
      borderRadius: "50%",
      boxShadow: "0 0 20px rgba(139,124,246,0.55)",
      pointerEvents: "none"
    }
  }), React.createElement("div", {
    style: {
      position: "absolute",
      inset: 2.5,
      borderRadius: "50%",
      background: "linear-gradient(180deg,rgba(14,18,48,0.98),rgba(8,10,28,0.99))"
    }
  }), React.createElement("button", {
    "aria-label": L("home"),
    onClick: () => {
      setShowProfile(false);
      setProfileIsDirty(false);
    },
    style: {
      position: "relative",
      zIndex: 2,
      width: 55,
      height: 55,
      borderRadius: "50%",
      background: "transparent",
      color: "#c4b5fd",
      border: "none",
      cursor: "pointer",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      padding: 0
    }
  }, React.createElement(Icon, {
    name: "home",
    size: 20,
    color: "#c4b5fd"
  })))) : React.createElement("nav", {
    style: {
      position: "absolute",
      bottom: "calc(8px + env(safe-area-inset-bottom))",
      left: "50%",
      transform: "translateX(-50%)",
      width: "calc(100% - 32px)",
      maxWidth: 340,
      pointerEvents: "auto",
      display: "flex",
      alignItems: "center",
      justifyContent: "space-around",
      gap: 2,
      padding: "4px 10px",
      background: "linear-gradient(180deg,rgba(38,44,90,0.38),rgba(14,18,48,0.62))",
      backdropFilter: "blur(22px) saturate(180%)",
      WebkitBackdropFilter: "blur(22px) saturate(180%)",
      borderRadius: 24,
      border: "1px solid rgba(255,255,255,0.12)",
      boxShadow: "0 1px 0 0 rgba(255,255,255,0.2) inset, 0 -1px 2px 0 rgba(0,0,0,0.18) inset, 0 8px 24px -8px rgba(0,0,0,0.55)"
    }
  }, [{
    icon: "home",
    label: L("home"),
    active: page === "home" && !showAdd,
    action: () => goTo("home")
  }, {
    icon: "clock",
    label: L("history"),
    active: page === "history",
    action: () => goTo("history")
  }].map(n => React.createElement("button", {
    key: n.icon,
    "aria-label": n.label,
    className: "navbtn",
    onClick: n.action,
    style: {
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      width: 40,
      height: 36,
      borderRadius: 18,
      background: n.active ? "rgba(139,124,246,0.22)" : "transparent",
      border: "none",
      padding: 0
    }
  }, React.createElement(Icon, {
    name: n.icon,
    size: n.active ? 18 : 17,
    color: n.active ? "#ffffff" : T.dim
  }))), React.createElement("button", {
    "aria-label": showAdd ? L("close") : L("addEvent"),
    className: "navfab",
    onClick: () => {
      setShowAdd(!showAdd);
      setFormType(null);
      setPage("home");
    },
    style: {
      width: 36,
      height: 36,
      borderRadius: 18,
      background: `linear-gradient(180deg,#9b8df8,#7c3aed)`,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      boxShadow: `0 1px 0 0 rgba(255,255,255,0.22) inset, 0 4px 12px -2px ${T.accent}70`,
      transform: showAdd ? "rotate(45deg)" : "rotate(0deg)",
      margin: "-2px 2px",
      border: "none",
      padding: 0
    }
  }, React.createElement(Icon, {
    name: "plus",
    size: 18,
    color: "#fff"
  })), [{
    icon: "chart",
    label: L("stats"),
    active: page === "stats" || page === "growth",
    action: () => goTo("stats")
  }, {
    icon: "gear",
    label: L("settings"),
    active: false,
    action: () => setShowProfile(true)
  }].map(n => React.createElement("button", {
    key: n.icon,
    "aria-label": n.label,
    className: "navbtn",
    onClick: n.action,
    style: {
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      width: 40,
      height: 36,
      borderRadius: 18,
      background: n.active ? "rgba(139,124,246,0.22)" : "transparent",
      border: "none",
      padding: 0
    }
  }, React.createElement(Icon, {
    name: n.icon,
    size: n.active ? 18 : 17,
    color: n.active ? "#ffffff" : T.dim
  }))))), document.getElementById("nav-host")));
}
var _ld = document.getElementById('load-debug');
if (_ld) _ld.remove();
ReactDOM.createRoot(document.getElementById('root')).render(React.createElement(ErrorBoundary, null, React.createElement(App, null)));
</script>

</body>
</html>