:root{
  --bg:#f6f4f0;--bg2:#fbfaf8;--card:#ffffff;--ink:#1d1d1f;--muted:#737278;--subtle:#a09da1;
  --line:rgba(38,35,32,.075);--peach:#f58b73;--peach-soft:#fff0ea;--gold:#eab65d;--gold-soft:#fff7e7;
  --mint:#42b98b;--mint-soft:#eaf8f2;--blue:#6d8ff4;--blue-soft:#eef3ff;--violet:#927ce7;--violet-soft:#f3efff;
  --rose:#e56f87;--rose-soft:#fff0f4;--shadow:0 15px 42px rgba(72,58,45,.075);--shadow-sm:0 7px 24px rgba(72,58,45,.06);
  --r-xl:30px;--r-lg:22px;--r-md:17px;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg)}
body{min-height:100vh;background:linear-gradient(180deg,#fbfaf8 0,#f5f2ed 42%,#f8f7f4 100%);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.72;padding-bottom:calc(88px + env(safe-area-inset-bottom));overflow-x:hidden}
button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid rgba(109,143,244,.30);outline-offset:2px}
.ambient{position:fixed;z-index:-2;border-radius:50%;filter:blur(18px);pointer-events:none;opacity:.75}.ambient.a1{width:300px;height:300px;left:-180px;top:90px;background:radial-gradient(circle,rgba(255,210,188,.62),transparent 66%)}.ambient.a2{width:340px;height:340px;right:-210px;top:-100px;background:radial-gradient(circle,rgba(210,221,255,.62),transparent 68%)}.ambient.a3{width:260px;height:260px;right:-150px;bottom:8%;background:radial-gradient(circle,rgba(234,223,255,.5),transparent 68%)}

/* Mobile hero */
.hero{width:100%;max-width:480px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 14px 18px}
.hero-copy{padding:0 4px}.eyebrow{display:flex;align-items:center;gap:8px;color:#987864;font-size:10.5px;font-weight:750;letter-spacing:.17em;margin-bottom:9px}.eyebrow::before{content:"";width:22px;height:1px;background:#cfb29f}
.hero h1{font-size:38px;line-height:1.04;letter-spacing:-.052em;font-weight:780}.hero h1 span{background:linear-gradient(112deg,#ed8069 3%,#e8ae4e 52%,#728be8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{font-size:14px;line-height:1.65;color:#66636a;margin:12px 0 16px;max-width:390px}
.hero-art{position:relative;height:232px;border-radius:29px;overflow:hidden;background:#eee5db;box-shadow:0 22px 54px rgba(74,59,44,.15);border:1px solid rgba(255,255,255,.96)}
.baby-hero-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center 46%}
.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 46%,rgba(65,45,30,.25) 100%);pointer-events:none}
.photo-tag{position:absolute;z-index:2;right:12px;top:12px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(16px);font-size:11px;font-weight:720;color:#765d4f}
.day-pill{position:absolute;z-index:2;left:12px;bottom:12px;display:flex;align-items:baseline;gap:4px;border-radius:18px;padding:9px 13px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);box-shadow:0 8px 24px rgba(61,45,34,.12)}.day-pill strong{font-size:25px;line-height:1;color:#c96651;letter-spacing:-.04em}.day-pill span{font-size:11px;color:#8a6b5d}
.spark{position:absolute;z-index:3;color:#fff3b7;text-shadow:0 2px 12px rgba(80,50,20,.16);animation:twinkle 2.5s ease-in-out infinite alternate}.spark.s1{left:18px;top:20px}.spark.s2{right:20px;bottom:24px;animation-delay:.8s}.spark.s3{left:48%;top:13px;animation-delay:1.4s}@keyframes twinkle{50%{opacity:.35;transform:scale(.78)}}
.day-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0 10px}.age-chip{min-width:0;border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.72);border-radius:15px;padding:9px 10px;color:#6d6763;font-size:11.5px;text-align:center;box-shadow:var(--shadow-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.summary-card{min-width:0;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.96);box-shadow:var(--shadow-sm);border-radius:19px;padding:13px 13px 12px;min-height:105px}.summary-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:670}.summary-icon{width:29px;height:29px;border-radius:10px;background:#fff7e8;display:grid;place-items:center}.summary-value{font-size:18px;line-height:1.15;font-weight:760;letter-spacing:-.035em;margin-top:10px}.summary-note{font-size:10.5px;line-height:1.45;color:var(--subtle);margin-top:5px}

/* Stable mobile navigation */
.appbar{position:sticky;top:0;z-index:30;width:100%;background:rgba(248,247,244,.88);border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid var(--line);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
.appbar-main{max-width:480px;height:55px;margin:0 auto;padding:0 12px;display:flex;align-items:center;gap:9px}.mini-brand{border:0;background:none;display:flex;align-items:center;gap:8px;min-width:0}.mini-mark{width:33px;height:33px;flex:0 0 auto;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 4px 14px rgba(72,58,45,.12)}.mini-mark img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.brand-text{display:none}
.mode-switch{margin-left:auto;display:flex;padding:3px;background:rgba(29,29,31,.045);border-radius:999px}.mode-btn{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:680;padding:7px 11px;border-radius:999px}.mode-btn[aria-pressed="true"]{color:var(--ink);background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.07)}
.stage-strip{max-width:480px;margin:0 auto;padding:0 10px 9px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.stage-strip::-webkit-scrollbar{display:none}.stage-strip.hidden{display:none}.tick{flex:0 0 auto;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:620;padding:7px 10px;border-radius:999px}.tick[aria-selected="true"]{color:#b45d48;background:var(--peach-soft)}.tick.here-tick{position:relative}.tick.here-tick::after{content:"";position:absolute;right:4px;top:3px;width:5px;height:5px;border-radius:50%;background:var(--peach);box-shadow:0 0 0 3px rgba(245,139,115,.17)}
.tool-breadcrumb{max-width:480px;margin:0 auto;padding:0 13px 9px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.tool-breadcrumb.hidden{display:none}.back-tools{border:0;background:none;color:#b45d48;font-weight:700;padding:4px 0}.tool-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Content */
main{width:100%;max-width:480px;margin:0 auto;padding:24px 12px 8px;min-height:650px}.stage{display:none}.stage.active{display:block;animation:rise .26s ease both}@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.stage-head{padding:0 3px 13px}.section-kicker{display:block;color:#b17a5a;font-size:10px;font-weight:820;letter-spacing:.18em;margin-bottom:4px}.stage-head .age{font-size:31px;font-weight:780;letter-spacing:-.045em;line-height:1.14}.stage-head .theme{color:var(--muted);font-size:13px;line-height:1.55;margin-top:6px}.badge-here{display:inline-flex;margin-bottom:8px;padding:5px 10px;border-radius:999px;background:var(--peach-soft);color:#b45d48;font-size:11px;font-weight:720}
.zone,.plain-card{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.98);border-radius:21px;box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:12px}.zone-head{padding:15px 16px 10px;font-size:15px;font-weight:740}.zone ul,.card-body ul{list-style:none;padding:1px 16px 14px}.zone li,.plain-card li{position:relative;padding:6px 0 6px 19px}.zone li::before,.plain-card li::before{content:"";position:absolute;left:1px;top:15px;width:6px;height:6px;border-radius:50%}.zone li strong,.plain-card strong{font-weight:730;color:#242225}
.z-do .zone-head{color:#278662;background:linear-gradient(90deg,var(--mint-soft),transparent)}.z-do li::before{background:var(--mint)}.z-dont .zone-head{color:#c55269;background:linear-gradient(90deg,var(--rose-soft),transparent)}.z-dont li::before{background:var(--rose)}.z-body .zone-head{color:#5575d6;background:linear-gradient(90deg,var(--blue-soft),transparent)}.z-body li::before{background:var(--blue)}.z-mind .zone-head{color:#a87317;background:linear-gradient(90deg,var(--gold-soft),transparent)}.z-mind li::before{background:var(--gold)}
.card-head{display:flex;align-items:center;gap:9px;padding:15px 16px 11px}.card-head h3{font-size:16px;line-height:1.35;font-weight:740;letter-spacing:-.02em;flex:1}.card-toggle{width:32px;height:32px;flex:0 0 auto;border:0;border-radius:50%;background:#f4f2ef;color:#8c8987;font-size:19px;line-height:1}.plain-card.is-collapsed .card-body{display:none}.plain-card.is-collapsed .card-toggle{transform:rotate(180deg)}.card-body{padding:0 0 5px}.plain-card li::before{background:#d4a060}.pc-peach li::before{background:var(--peach)}.pc-sky li::before{background:var(--blue)}.pc-lilac li::before{background:var(--violet)}.pc-butter li::before{background:var(--gold)}.alert-card{border-color:rgba(229,111,135,.22);box-shadow:0 10px 28px rgba(229,111,135,.07)}.alert-card li::before{background:var(--rose)}
.knowledge-note{margin:0 0 12px;padding:12px 14px;border-radius:17px;background:linear-gradient(110deg,#fff3ec,#f2f5ff);color:#5d6170;font-size:12.5px;border:1px solid rgba(255,255,255,.95)}
.topic-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 13px}.topic-tag{font-size:10.5px;padding:5px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#777178}
.vax-next{display:none}.responsive-table{display:block;width:100%;background:transparent;border:0;box-shadow:none;margin-bottom:12px}.responsive-table thead{display:none}.responsive-table tbody{display:grid;gap:9px}.responsive-table tr{display:block;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.98);border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden}.responsive-table td{display:grid;grid-template-columns:78px minmax(0,1fr);gap:9px;border-top:1px solid var(--line);padding:10px 12px;background:transparent!important;white-space:normal!important;font-size:12.5px}.responsive-table td:first-child{border-top:0;background:#f8f7f4!important;font-weight:730}.responsive-table td::before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:680}.table-note{font-size:11px;color:var(--muted);padding:0 3px 11px}.fill p{font-size:13px;line-height:2.05}.blank{display:inline-block;min-width:95px;height:1em;border-bottom:1.5px dashed #b9b6b1}.blank.w-s{min-width:50px}.blank.w-l{display:block;min-width:100%;margin:4px 0 8px}

/* Toolbox */
.tool-home.active{display:block}.toolbox-head{padding-bottom:17px}.tool-intro{margin-bottom:18px;padding:15px;border-radius:20px;background:linear-gradient(125deg,#fff4ec,#f1f5ff);border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow-sm)}.tool-intro strong{display:block;font-size:14px;margin-bottom:4px}.tool-intro span{display:block;color:var(--muted);font-size:12px;line-height:1.55}.tool-group{margin-bottom:22px}.tool-group-title{font-size:12px;color:var(--muted);font-weight:720;margin:0 3px 9px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tool-card{min-width:0;border:1px solid rgba(255,255,255,.98);background:rgba(255,255,255,.9);border-radius:18px;box-shadow:var(--shadow-sm);padding:13px 11px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;min-height:105px}.tool-icon{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#fff4e7,#eef3ff);display:grid;place-items:center;font-size:19px}.tool-copy{min-width:0}.tool-copy strong{display:block;font-size:13.5px;line-height:1.3}.tool-copy small{display:block;font-size:10.5px;color:var(--muted);line-height:1.4;margin-top:3px}.tool-arrow{display:none}

/* Bottom nav */
.bottom-nav{display:flex;position:fixed;z-index:40;left:12px;right:12px;max-width:456px;margin:auto;bottom:calc(8px + env(safe-area-inset-bottom));height:61px;border:1px solid rgba(255,255,255,.96);background:rgba(255,255,255,.87);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 16px 50px rgba(44,38,32,.16);border-radius:22px;padding:5px}.bottom-nav button{flex:1;border:0;background:none;color:var(--muted);border-radius:17px;font-size:10.5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.bottom-nav button span:first-child{font-size:18px}.bottom-nav button.active{background:var(--peach-soft);color:#b75b47}
footer{max-width:480px;margin:16px auto 0;padding:20px 16px 54px;color:var(--muted);font-size:10.5px;line-height:1.72;text-align:left}.footer-title{font-size:12px;font-weight:750;color:#555157;margin-bottom:7px}.source-links{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.source-links a{color:#7a668f;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 7px}.footer-wish{text-align:center;color:#8b675a;margin-top:13px;font-size:11px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{body{background:#fff;padding:0}.ambient,.hero,.appbar,.bottom-nav,footer{display:none!important}main{padding:0;max-width:none}.stage{display:none!important}.stage.active{display:block!important}.zone,.plain-card,.responsive-table tr{box-shadow:none;border:1px solid #bbb;background:#fff;break-inside:avoid}.plain-card.is-collapsed .card-body{display:block!important}.card-toggle{display:none}.zone li,.plain-card li,.stage-head .theme{color:#111}}

/* ===== App shell and record system ===== */
.app-screen{display:none;min-height:100vh}.app-screen.active{display:block}.hidden{display:none!important}
.home-dashboard,.screen-header,.record-section,.record-card,.ai-privacy-card,.context-toggle-row,.context-options,.quick-prompts,.chat-list{width:100%;max-width:480px;margin-left:auto;margin-right:auto}
.home-dashboard{padding:2px 14px 24px}.dashboard-head,.section-row,.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-head h2,.section-row h2,.card-title-row h2{font-size:24px;line-height:1.18;letter-spacing:-.04em}.soft-button,.text-button,.primary-button,.danger-button,.primary-wide{border:0;cursor:pointer}.soft-button{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);font-size:12px;font-weight:700;color:#855d4d}.soft-button.small{padding:7px 11px}.text-button{background:transparent;color:#b45d48;font-weight:720;font-size:12px}.home-overview-grid,.record-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0}.overview-chip{min-width:0;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.98);border-radius:17px;padding:10px 7px;text-align:center;box-shadow:var(--shadow-sm)}.overview-chip span{display:block;font-size:18px}.overview-chip small{display:block;color:var(--muted);font-size:9.5px;margin:2px 0}.overview-chip strong{display:block;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-entry-card{width:100%;border:1px solid rgba(255,255,255,.98);background:rgba(255,255,255,.9);border-radius:21px;padding:14px 15px;margin-top:9px;display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:11px;text-align:left;box-shadow:var(--shadow-sm)}.home-entry-card.ai-entry{background:linear-gradient(120deg,#fff7ee,#f2f4ff)}.entry-icon{width:44px;height:44px;border-radius:15px;background:linear-gradient(140deg,#fff0e9,#edf3ff);display:grid;place-items:center;font-size:21px}.home-entry-card strong{display:block;font-size:14px}.home-entry-card small{display:block;font-size:10.5px;color:var(--muted);line-height:1.45;margin-top:3px}.home-entry-card b{font-size:25px;color:#aaa4a0;font-weight:400}

.screen-header{padding:calc(20px + env(safe-area-inset-top)) 14px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.screen-brand{display:flex;align-items:center;gap:11px}.screen-brand img{width:52px;height:52px;border-radius:17px;box-shadow:var(--shadow-sm)}.screen-brand small{font-size:9px;letter-spacing:.16em;color:#a27b66;font-weight:800}.screen-brand h1{font-size:27px;line-height:1.05;letter-spacing:-.045em}.screen-brand p{font-size:11px;color:var(--muted);margin-top:3px}.icon-button{width:42px;height:42px;border-radius:15px;border:1px solid rgba(255,255,255,.98);background:rgba(255,255,255,.88);box-shadow:var(--shadow-sm);font-size:20px}
.record-tabs{position:sticky;top:0;z-index:20;max-width:480px;margin:0 auto 2px;padding:6px 14px 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:rgba(248,247,244,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.record-tabs button,.period-tabs button,.metric-tabs button{border:0;background:transparent;border-radius:999px;padding:8px 10px;font-size:12px;color:var(--muted);font-weight:700}.record-tabs button.active,.period-tabs button.active,.metric-tabs button.active{background:#fff;color:#b45d48;box-shadow:0 3px 12px rgba(0,0,0,.07)}.record-panel{display:none;max-width:480px;margin:0 auto;padding:14px 12px 26px}.record-panel.active{display:block}.record-section{margin-bottom:18px}.record-card{margin-bottom:14px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.98);border-radius:23px;padding:16px;box-shadow:var(--shadow-sm)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:11px}.quick-button{border:1px solid rgba(255,255,255,.98);background:rgba(255,255,255,.9);border-radius:19px;min-height:88px;padding:12px 8px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.quick-button .q-icon{font-size:25px}.quick-button strong{font-size:12.5px}.quick-button small{font-size:9.5px;color:var(--muted)}.quick-button[data-color="peach"]{background:linear-gradient(145deg,#fff,#fff2ec)}.quick-button[data-color="violet"]{background:linear-gradient(145deg,#fff,#f3efff)}.quick-button[data-color="mint"]{background:linear-gradient(145deg,#fff,#ebf8f2)}.quick-button[data-color="gold"]{background:linear-gradient(145deg,#fff,#fff7e7)}.quick-button[data-color="blue"]{background:linear-gradient(145deg,#fff,#eef3ff)}.quick-button[data-color="rose"]{background:linear-gradient(145deg,#fff,#fff0f4)}
.sleep-running{margin-top:10px;padding:11px 12px;border-radius:17px;background:linear-gradient(100deg,#f3efff,#eef3ff);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;font-size:12px}.sleep-running strong{font-size:17px}.sleep-running button{border:0;background:#fff;border-radius:999px;padding:7px 10px;color:#7059b2;font-weight:700}
.record-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.growth-latest{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.growth-stat{background:#faf8f5;border:1px solid var(--line);border-radius:15px;padding:10px;text-align:center}.growth-stat small{display:block;color:var(--muted);font-size:9.5px}.growth-stat strong{display:block;font-size:14px;margin-top:2px}.metric-tabs,.period-tabs{display:flex;gap:4px;padding:3px;background:#f4f2ef;border-radius:999px;width:max-content;max-width:100%;margin:10px 0}.growth-chart{min-height:230px;overflow:hidden}.growth-chart svg{display:block;width:100%;height:auto}.chart-grid{stroke:rgba(80,74,70,.11);stroke-width:1}.chart-grid.vertical{stroke-dasharray:2 5}.chart-axis{font-size:8.5px;fill:#96908b}.who-band{fill:rgba(109,143,244,.11);stroke:none}.who-mid{fill:none;stroke:rgba(109,143,244,.55);stroke-width:1.4;stroke-dasharray:5 4}.growth-line{fill:none;stroke:#f07e68;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.growth-dot{fill:#fff;stroke:#f07e68;stroke-width:2.4}.chart-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:9px;color:var(--muted);margin-bottom:5px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:13px;height:4px;border-radius:9px}.legend-personal{background:#f07e68}.legend-who{background:rgba(109,143,244,.35)}.chart-latest,.chart-empty{font-size:10.5px;color:var(--muted);text-align:center;margin-top:4px}.micro-note{font-size:9.5px;line-height:1.55;color:var(--muted);margin-top:9px}.advice-card{background:linear-gradient(130deg,#fff9f0,#f3f5ff)}.advice-empty{font-size:12px;color:var(--muted);line-height:1.65;margin:12px 0}.advice-result{display:grid;gap:9px;margin:12px 0}.advice-item{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);border-radius:16px;padding:11px 12px}.advice-item strong{display:block;font-size:11.5px;margin-bottom:3px}.advice-item span{font-size:11px;line-height:1.55;color:#65616a}.online-dot{width:9px;height:9px;border-radius:50%;background:#bbb}.online-dot.online{background:#42b98b;box-shadow:0 0 0 4px rgba(66,185,139,.14)}.primary-wide{width:100%;padding:12px 15px;border-radius:16px;background:linear-gradient(110deg,#f28a72,#e8ad55);color:#fff;font-weight:760;box-shadow:0 8px 20px rgba(238,139,104,.2)}.date-badge{font-size:10px;color:var(--muted);padding:5px 8px;border-radius:999px;background:#fff}.timeline{display:grid;gap:8px;margin-top:10px}.timeline-empty{padding:24px 14px;text-align:center;color:var(--muted);font-size:12px;background:rgba(255,255,255,.72);border-radius:19px;border:1px dashed rgba(90,80,70,.12)}.timeline-item{width:100%;border:1px solid rgba(255,255,255,.98);background:rgba(255,255,255,.9);border-radius:17px;padding:11px 12px;display:grid;grid-template-columns:44px 34px minmax(0,1fr) 14px;align-items:center;gap:8px;text-align:left;box-shadow:var(--shadow-sm)}.timeline-item time{font-size:11px;color:var(--muted)}.timeline-item .t-icon{width:32px;height:32px;border-radius:11px;background:#f7f4f0;display:grid;place-items:center}.timeline-item strong{display:block;font-size:12.5px}.timeline-item small{display:block;font-size:9.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-item b{font-size:18px;color:#b9b4b0;font-weight:400}.date-picker-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:17px;padding:11px 12px;margin:12px 0;box-shadow:var(--shadow-sm)}.date-picker-card span{font-size:12px;font-weight:700}.date-picker-card input{border:0;background:#f5f3ef;padding:7px 9px;border-radius:10px;font:inherit;font-size:12px}.stats-grid{display:grid;gap:10px}.stats-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:12px;box-shadow:var(--shadow-sm)}.mini-chart-title{font-size:12px;font-weight:720;margin-bottom:8px}.mini-bars{height:104px;display:flex;align-items:flex-end;gap:5px}.mini-bar-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.mini-bar{width:72%;min-height:3px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#f1a477,#e97e68)}.mini-bar-col span{font-size:7.5px;color:var(--muted);margin-top:4px}

/* AI screen */
.ai-privacy-card{padding:13px 14px;border-radius:19px;background:linear-gradient(120deg,#fff3ec,#f1f4ff);border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow-sm)}.ai-privacy-card strong{display:block;font-size:12px;margin-bottom:3px}.ai-privacy-card span{display:block;font-size:10.5px;line-height:1.55;color:var(--muted)}.context-toggle-row{padding:12px 14px 4px;display:flex;justify-content:space-between;align-items:center}.switch-line{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:680}.switch-line input{width:18px;height:18px;accent-color:#f07e68}.context-options{padding:7px 14px 10px;display:flex;gap:6px;flex-wrap:wrap}.context-options label{font-size:10px;background:#fff;border:1px solid var(--line);padding:6px 8px;border-radius:999px}.context-options input{accent-color:#f07e68}.quick-prompts{padding:8px 14px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.quick-prompts::-webkit-scrollbar{display:none}.prompt-chip{flex:0 0 auto;border:1px solid rgba(255,255,255,.98);background:#fff;border-radius:999px;padding:8px 11px;font-size:10.5px;color:#7d6357;box-shadow:var(--shadow-sm)}.chat-list{padding:8px 14px 120px;display:flex;flex-direction:column;gap:10px;min-height:390px}.chat-empty{margin-top:28px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}.chat-message{max-width:88%;padding:11px 13px;border-radius:18px;font-size:12px;line-height:1.65;white-space:pre-wrap}.chat-message.user{align-self:flex-end;background:linear-gradient(120deg,#f18a72,#e8ae5b);color:#fff;border-bottom-right-radius:6px}.chat-message.assistant{align-self:flex-start;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);border-bottom-left-radius:6px}.chat-message.system{align-self:center;background:#f4f2ef;color:var(--muted);font-size:10px}.chat-input-bar{position:fixed;z-index:35;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));max-width:456px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:8px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.98);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 12px 40px rgba(50,42,36,.15)}.chat-input-bar textarea{resize:none;border:0;outline:0;background:#f5f3ef;border-radius:14px;padding:10px 11px;font:inherit;font-size:12px;max-height:110px}.chat-input-bar button{border:0;border-radius:14px;background:linear-gradient(135deg,#f18a72,#e6ad57);color:#fff;font-size:20px}

/* Bottom navigation */
.bottom-nav.five{height:64px;padding:5px 4px}.bottom-nav.five button{min-width:0}.bottom-nav.five .record-nav{position:relative;margin-top:-18px;background:transparent!important}.bottom-nav.five .record-nav span:first-child{width:48px;height:48px;border-radius:17px;background:linear-gradient(135deg,#f28a72,#e7ad59);color:#fff;display:grid;place-items:center;font-size:29px;box-shadow:0 10px 24px rgba(238,137,102,.28)}.bottom-nav.five .record-nav span:last-child{margin-top:1px}.bottom-nav.five .record-nav.active span:first-child{outline:4px solid rgba(242,138,114,.15)}

/* Sheets and forms */
.sheet-backdrop{position:fixed;z-index:80;inset:0;background:rgba(25,22,20,.28);backdrop-filter:blur(3px)}.bottom-sheet{position:fixed;z-index:90;left:0;right:0;bottom:0;max-width:480px;max-height:88vh;margin:auto;background:#fbfaf8;border-radius:27px 27px 0 0;box-shadow:0 -18px 70px rgba(40,34,30,.22);padding:8px 14px calc(18px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain}.sheet-handle{width:38px;height:4px;background:#d6d1cc;border-radius:9px;margin:2px auto 9px}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 10px}.sheet-header h2{font-size:21px;letter-spacing:-.035em}.sheet-close{width:35px;height:35px;border:0;border-radius:50%;background:#efede9;color:#79736e;font-size:24px}.form-block{margin:12px 0}.form-label,.form-field span{display:block;font-size:11px;color:#6f6a67;font-weight:700;margin:0 0 7px 2px}.choice-row{display:flex;gap:7px;flex-wrap:wrap}.choice-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:11px;color:#6f6965}.choice-chip.selected{background:var(--peach-soft);border-color:rgba(245,139,115,.28);color:#b35845;font-weight:720}.field-grid{display:grid;gap:9px}.field-grid.two{grid-template-columns:1fr 1fr}.form-field{display:block;margin:11px 0}.form-field input{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 12px;font:inherit;font-size:12px;outline:none}.form-field input:focus{border-color:rgba(109,143,244,.45);box-shadow:0 0 0 3px rgba(109,143,244,.1)}.conditional.hidden{display:none}.form-separator{display:flex;align-items:center;gap:8px;margin:13px 0;color:var(--muted);font-size:10px}.form-separator::before,.form-separator::after{content:"";height:1px;background:var(--line);flex:1}.sheet-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(251,250,248,0),#fbfaf8 22%);padding:20px 0 2px;display:grid;grid-template-columns:auto 1fr;gap:8px}.primary-button{padding:12px 16px;border-radius:15px;background:linear-gradient(120deg,#f18a72,#e7ad59);color:#fff;font-weight:750}.danger-button{padding:12px 15px;border-radius:15px;background:#fff0f4;color:#c45269;font-weight:720}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding-bottom:8px}.more-button{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:86px;padding:10px 7px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.more-button span{font-size:23px}.more-button strong{font-size:11px}.settings-body{display:grid;gap:11px}.setting-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:14px}.setting-card h3{font-size:14px;margin-bottom:5px}.setting-card p{font-size:10.5px;color:var(--muted);line-height:1.55}.setting-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.setting-actions button,.danger-zone button{border:1px solid var(--line);background:#f8f6f2;border-radius:14px;padding:10px;font-size:11px;font-weight:680}.danger-zone button{width:100%;background:#fff0f4;color:#c45269}.toast{position:fixed;z-index:120;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:86%;padding:10px 14px;border-radius:999px;background:rgba(35,31,29,.9);color:#fff;font-size:11px;box-shadow:0 10px 30px rgba(0,0,0,.2);text-align:center}

@media(max-width:360px){.hero h1{font-size:34px}.home-overview-grid,.record-summary-grid{grid-template-columns:repeat(2,1fr)}.quick-grid,.more-grid{grid-template-columns:repeat(2,1fr)}.summary-grid{gap:7px}.summary-card{padding:11px;min-height:99px}.field-grid.two{grid-template-columns:1fr}}
@media(min-width:481px){body{max-width:480px;margin:0 auto;background:#f6f4f0}.bottom-nav,.chat-input-bar{max-width:456px}}
@media print{.app-screen{display:none!important}#screen-guide{display:block!important}.screen-header,.record-tabs,.chat-input-bar,.sheet-backdrop,.bottom-sheet{display:none!important}}