.daily-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.daily-card{background:linear-gradient(135deg,#fff8ef,#fff0f5 55%,#f4efff);position:relative;overflow:hidden}
.daily-card:after{content:'♡';position:absolute;right:22px;top:8px;font:72px Georgia,serif;color:#e9cfdf66}
.daily-quote{font:normal 25px/1.3 Georgia,serif;color:#76566e;max-width:620px;margin:12px 0}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.quick{border:1px solid #f0e4e9;background:#fff;border-radius:18px;padding:16px;text-align:left;color:#6f5f6b;min-height:108px;box-shadow:none}
.quick:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.quick b{display:block;font-size:14px;margin:7px 0 2px}.quick span{font-size:11px;color:var(--sub)}.quick .qem{font-size:24px}
.family-hero{background:linear-gradient(135deg,#fff0f5,#f4edff);border-radius:32px;padding:30px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.family-hero .big{font:normal 35px Georgia,serif;color:#75566f;margin:6px 0}.family-hero .orb{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:#fff9;font-size:55px;box-shadow:var(--shadow)}
.letter{background:#fffdfb;border:1px solid #f1e4ea;border-radius:20px;padding:18px;position:relative}.letter:before{content:'💌';position:absolute;right:14px;top:12px}.letter h3{padding-right:35px;margin-bottom:5px}.letter .letter-img{width:100%;max-height:240px;object-fit:cover;border-radius:14px;margin:10px 0}
.names{display:grid;gap:9px}.name-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;background:#fff;border:1px solid #efe3e9;border-radius:15px;padding:10px 12px}.name-row.winner{background:#fff3f7;border-color:#e8a8bf}.name-row strong{font:normal 20px Georgia,serif}.vote{min-width:42px}
.health-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.health-form .field{margin:0}.health-table{width:100%;border-collapse:collapse;font-size:12px}.health-table th,.health-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #f1e8ec}.health-table th{color:#9b7d8d}.health-table-wrap{overflow:auto}
.metric-card{text-align:center}.metric-card .value{font:normal 31px Georgia,serif;color:#77576f;margin:5px 0}.metric-card .caption{font-size:11px;color:var(--sub)}
.question{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #f1e7ec}.question.done{opacity:.55}.question.done .qtext{text-decoration:line-through}.question .qtext{flex:1;font-size:13px}
.tool-hero{background:linear-gradient(130deg,#f2edff,#fff6ee);border-radius:28px;padding:25px}.counter{font:normal 58px Georgia,serif;color:#7c5a72;line-height:1}.counter-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.timeline-mini{display:grid;gap:7px;margin-top:15px}.timeline-mini div{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;background:#fff;border-radius:12px;font-size:12px}
.book-cover{min-height:440px;display:grid;place-items:center;text-align:center;background:linear-gradient(150deg,#ffe8ec,#fff9f3 50%,#eee7fb);border-radius:35px;padding:40px}.book-cover h1{font:normal clamp(48px,8vw,82px) Georgia,serif;color:#6f5068;margin:10px}.book-section{margin-top:24px}.book-memory{break-inside:avoid}.book-memory img{max-width:100%;max-height:360px;border-radius:16px}.book-actions{position:sticky;top:10px;z-index:5;display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}
.cloud-card{background:linear-gradient(140deg,#eef8f3,#fff);border-color:#dceee4}.cloud-status{display:flex;gap:10px;align-items:center;padding:12px;border-radius:15px;background:#fff}.status-dot{width:11px;height:11px;border-radius:50%;background:#cfc3ca}.status-dot.on{background:#69a681;box-shadow:0 0 0 5px #dff1e6}.share-box{word-break:break-all;background:#f8f5f8;padding:11px;border-radius:12px;font-size:11px}
.lock-screen{position:fixed;z-index:100;inset:0;background:linear-gradient(145deg,#fff7f2,#f7effd);display:grid;place-items:center;padding:20px}.lock-screen[hidden]{display:none}.lock-box{width:min(100%,400px);background:#fff;padding:30px;border-radius:30px;box-shadow:0 30px 100px #6e4a6350;text-align:center}.lock-icon{width:78px;height:78px;border-radius:25px;background:linear-gradient(135deg,#f2a7b7,#ac96d0);display:grid;place-items:center;color:white;font-size:38px;margin:0 auto 18px}
.audio-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #f1e5ea;border-radius:15px;padding:10px}.audio-card audio{width:100%;max-width:330px}.sync-note{font-size:11px;color:#7f7180}
.stage-chip{display:inline-flex;gap:6px;align-items:center;background:#fff;border:1px solid #eadfe5;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:800}.later-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nav-icon{width:23px;height:23px;display:block;flex:0 0 23px;color:currentColor}.nav-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.navbtn .emoji,.bottomnav .emoji{display:grid;place-items:center;width:25px}.bottomnav .nav-icon{width:22px;height:22px}
.baby-stage.generated-stage{overflow:hidden;background:radial-gradient(circle at 50% 38%,#fffdf9 0%,#fff6f4 52%,#f4ecfb 100%)}.baby-stage.generated-stage .stage-watercolor{width:88%;height:88%;object-fit:contain;display:block;filter:drop-shadow(0 16px 18px rgba(183,113,142,.14));animation:float 5s ease-in-out infinite}.week-illustration .baby-stage.generated-stage .stage-watercolor{width:92%;height:92%}.stage-caption{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#aa7b94;background:#fff9;padding:5px 9px;border-radius:99px;white-space:nowrap}
@media(max-width:900px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-grid,.family-hero{grid-template-columns:1fr}.family-hero .orb{display:none}.health-form{grid-template-columns:repeat(2,minmax(0,1fr))}.later-tools{grid-template-columns:1fr}}
@media(max-width:760px){.bottomnav{display:flex;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.bottomnav button{min-width:60px;flex:0 0 60px}.daily-grid{grid-template-columns:1fr}.health-form{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-hero{padding:23px}.family-hero .big{font-size:29px}.book-cover{min-height:340px;padding:26px}.book-actions{top:4px}.health-table{min-width:630px}.hero-art{min-height:205px}.hero-art .baby-stage.generated-stage{width:220px}.baby-stage.generated-stage .stage-watercolor{width:84%;height:84%}.stage-caption{font-size:9px;bottom:4%}}
@media print{.book-actions,.no-print{display:none!important}.book-cover{min-height:92vh;page-break-after:always}.book-section{page-break-before:auto}.book-memory{page-break-inside:avoid}.main{max-width:900px;margin:auto}.print-page-break{page-break-before:always}.lock-screen{display:none!important}}