:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#251d18;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#fff8f3;--card:#fffdf9;--card-warm:#fff7ef;--green:#237a58;--green-soft:#e9f5ef;--green-pill:#dfeae1;--orange:#ef7e3e;--coral:#ff947d;--ink:#251d18;--muted:#8a7c71;--line:#705b481f;--shadow:0 16px 42px #563e2814;--bottom-nav-height:54px;--chat-input-height:52px;background:#fff8f3;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html{scrollbar-gutter:stable}body{background:radial-gradient(circle at 50% -10%, #ffffffe6, #fff8f300 32rem), var(--bg)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}img{max-width:100%;display:block}.app-shell{width:min(100%,430px);min-height:100svh;padding:max(14px, env(safe-area-inset-top)) 20px 28px;background:linear-gradient(180deg, #fffdf9bf, #fff8f3bf), var(--bg);margin:0 auto}.app-shell.with-tab{padding-bottom:calc(var(--bottom-nav-height) + 8px + env(safe-area-inset-bottom))}.app-header{z-index:2;grid-template-columns:48px 1fr 48px;align-items:center;min-height:50px;margin-bottom:14px;display:grid;position:relative}.app-header h1{text-align:center;color:var(--ink);letter-spacing:0;margin:0;font-size:21px;font-weight:800}.header-slot.right{justify-content:flex-end;display:flex}.round-icon{color:#294738;background:#ffffffe6;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 10px 28px #4f3e2d14}.view{gap:16px;display:grid}.today-hero{text-align:center;justify-items:center;gap:6px;padding:4px 0 0;display:grid}.mascot-hero{place-items:center;width:232px;height:232px;display:grid}.today-hero h2{margin:0;font-size:23px;font-weight:900}.today-hero p,.page-intro p,.task-card p,.whisper-card p,.chart-title p,.insight-card p,.day-summary p,.settings-item small,.food-detail-card p,.food-detail-card small,.food-cta p,.empty-card p,.keep-card p,.day-hero p,.detail-card p{color:var(--muted);margin:0;line-height:1.45}.task-card,.whisper-card,.form-card,.row-card,.comfort-hero-card,.chart-card,.insight-card,.day-summary,.keep-card,.food-detail-card,.food-cta,.settings-item,.day-hero,.timeline-card,.detail-card,.empty-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffd1;border-radius:26px}.task-card{background:linear-gradient(135deg,#fbfffb,#fffdf9);justify-content:space-between;align-items:center;gap:14px;padding:20px;display:flex}.task-card h3,.whisper-card h3,.form-card h2,.chart-card h2,.recent-section h2,.keep-card h2,.settings-item strong,.day-hero h2,.detail-card h2{color:var(--ink);margin:0;font-size:16px}.task-card h3{color:var(--green)}.task-card strong{color:var(--green);margin-top:22px;display:block}.task-card img{object-fit:contain;width:72px;height:72px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.quick-card{min-height:108px;color:var(--ink);border:0;border-radius:18px;justify-items:center;gap:10px;padding:15px 8px;font-weight:800;display:grid}.quick-card.green{color:var(--green);background:#e9f7f1}.quick-card.pink{color:#9a4c41;background:#fff0f1}.quick-card.yellow{color:#a06722;background:#fff8e8}.quick-card img{object-fit:contain;width:54px;height:54px}.whisper-card{text-align:left;border:0;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;min-height:86px;padding:15px;display:grid}.whisper-card img{object-fit:contain;width:54px;height:54px}.whisper-card>span{color:#e9a8bc;font-size:24px}.bottom-nav{z-index:20;width:100%;max-width:none;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding:1px max(28px, calc((100vw - 430px) / 2 + 28px)) calc(1px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9f5;border:0;border-top:1px solid #705b4814;border-radius:0;justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;transform:none;box-shadow:0 -10px 34px #5845341a}.nav-item{color:#a8a7a0;background:0 0;border-radius:28px;place-items:center;gap:2px;width:72px;height:48px;font-size:12px;font-weight:800;transition:color .16s;display:grid}.nav-icon{place-items:center;width:30px;height:24px;display:grid}.nav-icon svg{stroke-width:2.3px;width:24px;height:24px}.nav-item span:last-child{text-align:center;width:34px;line-height:1.1;display:block}.nav-item.active{color:var(--green)}.form-stack{gap:14px;display:grid}.form-card{gap:12px;padding:18px;display:grid;position:relative}.form-card h2{align-items:center;gap:8px;display:flex}.form-card h2 i{background:#69b78f;border-radius:999px;width:5px;height:18px}.form-card small{color:#a7a29b;font-weight:600}input,textarea,select{width:100%;color:var(--ink);background:#fffdf9c2;border:1px solid #5e51441f;border-radius:14px;outline:none;padding:13px 14px;box-shadow:inset 0 1px #fffc}textarea{resize:vertical;min-height:76px}input:focus,textarea:focus,select:focus{border-color:#237a5873;box-shadow:0 0 0 4px #237a5814}.with-mascot{padding-right:86px}.corner-mascot{object-fit:contain;width:78px;height:78px;position:absolute;top:-16px;right:16px}.row-card{grid-template-columns:42px auto 1fr;align-items:center;gap:10px;padding:14px 16px;display:grid}.soft-icon,.settings-icon,.leaf-badge{background:var(--green-soft);color:var(--green);border-radius:16px;place-items:center;display:grid}.soft-icon{width:42px;height:42px}.plain-time{color:var(--muted);box-shadow:none;text-align:right;background:0 0;border:0;padding:0}.segmented{background:#fffdf9b8;border:1px solid #5e51441f;border-radius:14px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.segmented label{min-height:48px;color:var(--ink);place-items:center;display:grid;position:relative}.segmented label+label{border-left:1px solid #5e51441a}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label.active{background:var(--green-soft);color:var(--green);font-weight:800}.segmented label:has(input:checked){background:var(--green-soft);color:var(--green);font-weight:800}.chip-row{flex-wrap:wrap;gap:10px;display:flex}.chip{color:#5b5148;background:#fffdf9;border:1px solid #5e51441f;border-radius:14px;padding:9px 13px}.chip.selected{background:var(--green-soft);color:var(--green);border-color:#237a586b;font-weight:800}.save-button,.solid-button,.outline-button,.soft-button,.summary-button,.load-more{border:0;border-radius:999px;min-height:52px;padding:13px 18px;font-weight:900}.save-button,.solid-button{color:#fff;background:#69b78f;box-shadow:0 12px 24px #347f5b38}.save-button.coral{background:var(--coral)}.outline-button{color:var(--ink);background:#fff;border:1px solid #5e51442e}.soft-button,.load-more{color:#5f4a38;background:#efe7dc}.symptom-page{background:linear-gradient(#fff6f1,#fffaf6)}.symptom-mascot{width:136px;margin:0 auto -12px}.pain-scale{margin-top:2px;padding-top:36px;position:relative}.pain-badge{top:1px;left:var(--pain-percent,40%);color:#fff;background:linear-gradient(#ff9b87,#ff806e);border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;font-weight:900;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 8px 18px #ff8e7647}.pain-badge:after{content:"";background:#ff806e;border-radius:2px;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.pain-range{width:100%;height:18px;accent-color:var(--coral);appearance:none;background:linear-gradient(90deg, #ff927d 0 var(--pain-percent,40%), #efe8df var(--pain-percent,40%) 100%);box-shadow:none;border:0;border-radius:999px;padding:0;display:block}.pain-range::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:6px}.pain-range::-webkit-slider-thumb{appearance:none;background:#ff927d;border:4px solid #fff;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 3px 10px #ff947d52}.pain-range::-moz-range-track{background:0 0;border-radius:999px;height:8px}.pain-range::-moz-range-thumb{background:var(--coral);border:4px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 3px 10px #ff947d52}.range-labels{color:#746a61;text-align:center;grid-template-columns:repeat(11,1fr);margin-top:2px;font-size:12px;font-weight:500;display:grid}hr{border:0;border-top:1px solid #5e514417;width:100%;margin:8px 0}.comfort-hero-card{text-align:center;justify-items:center;gap:8px;padding:24px;display:grid}.comfort-hero-card img{width:170px}.comfort-hero-card h2{margin:12px 0 0;font-size:26px}.comfort-hero-card p{color:#647269;margin:0}.bubble{color:#6a4a38;box-shadow:var(--shadow);background:#fff;border-radius:999px;justify-self:end;padding:9px 14px}.review-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.review-head h1{margin:4px 0;font-size:28px}.review-head p{color:#5f5348;margin:0}.review-head img{width:104px}.chart-card{padding:20px}.chart-title,.section-row,.record-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-title span{color:#5a4c42;background:#f7efe6;border-radius:999px;padding:6px 10px;font-size:12px}.mini-chart{width:100%;height:auto;margin-top:18px}.mini-chart path{stroke:#594e441a}.mini-chart polyline{fill:none;stroke:var(--green);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.mini-chart circle{fill:#fff;stroke:var(--green);stroke-width:2px}.mini-chart text{fill:#a1988f;stroke:none;stroke-width:0;text-anchor:middle;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:12px;font-weight:400}.insight-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.insight-card{gap:9px;padding:15px;display:grid}.insight-card.safe{border-color:#237a5859}.insight-card.watch{border-color:#ef7e3e59}.insight-card h3{color:var(--green);margin:0;font-size:15px}.insight-card.watch h3{color:#a85d35}.insight-card p{font-size:11px}.food-rows{gap:8px;display:grid}.food-rows div{background:#f9efe6;border-radius:10px;align-items:center;gap:9px;min-height:38px;padding:7px 9px;font-weight:800;display:flex}.food-rows img{object-fit:contain;width:28px;height:28px}.food-rows em{color:#8a7c71;margin-left:auto;font-size:12px;font-style:normal;font-weight:700}.food-empty{color:#9b8f85;background:#f9efe670;border:1px dashed #8a7c7133;border-radius:14px;justify-content:center;align-items:center;min-height:64px;font-size:13px;font-weight:700;display:flex}.insight-card small{color:var(--green);font-size:11px}.day-list,.records-list{gap:12px;display:grid}.day-summary{grid-template-columns:8px 1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.day-summary i{background:#bfc9c0;border-radius:999px;width:6px;height:20px}.day-summary.today{border-color:#237a5840}.day-summary.today i{background:var(--green)}.day-summary h3{margin:0 0 4px;font-size:17px}.day-summary h3 span{background:var(--green-soft);color:var(--green);border-radius:999px;padding:3px 7px;font-size:11px}.day-summary strong{color:var(--green);font-size:13px}.keep-card{background:#f8f3e9;grid-template-columns:64px 1fr;align-items:center;gap:14px;padding:16px;display:grid}.keep-card img{width:60px}.food-detail-list{gap:20px;display:grid}.notice-pill{color:#5c6c61;background:#ffffffad;border:1px solid #237a5838;border-radius:999px;justify-self:center;align-items:center;gap:8px;width:fit-content;margin:16px auto 12px;padding:9px 16px;font-size:13px;font-weight:700;display:flex}.food-detail-card{background:linear-gradient(90deg,#f7fff8,#fbfffb 55%,#edf9f1);grid-template-columns:46px 1fr 116px;align-items:center;gap:10px;min-height:148px;padding:18px;display:grid;position:relative;overflow:hidden}.watch-page .food-detail-card{background:linear-gradient(90deg,#fff9f4,#fffdfb 55%,#fff2e7)}.watch-page .notice-pill{color:#a85d35;border-color:#ef7e3e38}.leaf-badge{width:42px;height:42px}.watch-page .leaf-badge{color:var(--orange);background:#fff0e5}.food-detail-card h2{color:#063f2a;margin:0 0 8px;font-size:24px}.watch-page .food-detail-card h2{color:#3a2517}.food-detail-card img{object-fit:contain;filter:drop-shadow(0 14px 16px #4c3c281f);width:112px;height:112px}.food-cta{text-align:left;background:linear-gradient(90deg,#eaf8ee,#dff3e7);border:0;grid-template-columns:1fr 78px 34px;align-items:center;gap:10px;min-height:106px;padding:18px 20px;display:grid}.watch-page .food-cta{background:linear-gradient(90deg,#fff2e5,#fff8f0)}.food-cta h2{color:var(--green);margin:0 0 4px;font-size:19px}.watch-page .food-cta h2{color:#d56827}.food-cta img{width:74px}.food-cta svg{color:var(--green);box-sizing:content-box;background:#ffffffa6;border-radius:50%;padding:7px}.settings-list{gap:18px;display:grid}.settings-item{text-align:left;border:0;grid-template-columns:60px 1fr 24px;align-items:center;gap:16px;min-height:94px;padding:17px;display:grid}.settings-icon{width:58px;height:58px}.settings-icon.green{background:#e8f5e9}.settings-icon.blue,.settings-icon.purple{color:#5271ff;background:#eef1fb}.settings-icon.peach{background:#fff2ee}.settings-icon.peach img{width:46px}.settings-item span:nth-child(2){gap:5px;display:grid}.settings-item strong{font-size:17px}.settings-mascot{min-height:300px;margin-top:22px;position:relative}.settings-mascot p{z-index:2;color:#8f6f5b;margin:0;font-size:18px;line-height:1.8;position:absolute;top:112px;left:4px}.settings-mascot img{width:276px;position:absolute;bottom:0;right:-4px}.assistant-shell{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}.assistant-shell .app-header h1{color:#2e6248;font-size:25px}.assistant-shell .view{min-height:calc(100svh - 76px - var(--bottom-nav-height) - env(safe-area-inset-bottom))}.chat-thread{align-content:start;gap:18px;padding-bottom:10px;display:grid}.chat-bottom-space{height:calc(var(--chat-input-height) + 8px)}.message-row{grid-template-columns:66px minmax(0,1fr);align-items:start;gap:10px;min-width:0;display:grid}.message-row.user{justify-content:flex-end;display:flex}.avatar{width:58px;height:58px;box-shadow:var(--shadow);background:#fff;border-radius:18px;place-items:center;display:grid}.avatar img{object-fit:contain;width:48px;height:48px}.message-stack{gap:6px;min-width:0;display:grid}.message-row.user .message-stack{width:min(74%,280px)}.message-bubble{min-width:0;max-width:100%;box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:15px 18px}.message-row.user .message-bubble{color:#146040;background:#e8f5ec;border:1px solid #237a582e}.message-bubble p{overflow-wrap:anywhere;margin:0;line-height:1.55}.message-stack time{color:#aaa39d;font-size:13px}.message-row.user time{text-align:right}.draft-card{min-width:0;max-width:100%;box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #237a581f;border-radius:24px;gap:13px;margin-top:6px;padding:18px;display:grid}.draft-card h3{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;margin:0;display:flex}.draft-field{border-bottom:1px solid #5e514414;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:12px;padding-bottom:10px;display:grid}.draft-field span{color:#8a8d8a}.draft-field input{min-width:0;box-shadow:none;text-align:right;background:0 0;border:0;padding:0;font-weight:800}.draft-actions,.modal-actions,.form-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chat-input-bar{left:0;right:0;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));z-index:21;width:100%;max-width:none;height:var(--chat-input-height);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9f5;border-top:1px solid #705b4814;border-radius:0;grid-template-columns:34px 34px minmax(0,1fr) 40px;align-items:center;gap:5px;margin:0 auto;padding:5px max(14px,50vw - 201px);display:grid;position:fixed;transform:none;box-shadow:0 -8px 28px #58453414}.chat-input-bar button{color:#68746d;background:#f4eee8;border:0;border-radius:14px;place-items:center;width:34px;height:34px;display:grid}.chat-input-bar .send{background:var(--green);color:#fff;border-radius:50%;width:40px;height:40px}.chat-input-bar input[data-ai-message]{min-width:0;box-shadow:none;background:#f6f0ea;border:0;border-radius:999px;padding:8px 14px}.day-hero,.keep-card{grid-template-columns:1fr 100px;align-items:center;gap:12px;padding:20px;display:grid}.day-hero img{width:94px}.day-hero strong{color:var(--green);margin-top:12px;display:block}.timeline{gap:18px;display:grid;position:relative}.timeline h3{color:var(--green);margin:8px 0 0;font-size:13px}.timeline-item{grid-template-columns:38px 1fr;align-items:center;gap:14px;display:grid}.timeline-dot{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.timeline-item.symptom .timeline-dot{background:#b97b5f}.timeline-card{border-left:4px solid #6bb18b;min-height:132px;padding:18px 118px 18px 18px;position:relative;overflow:hidden}.timeline-item.symptom .timeline-card{border-left-color:#ffb29d}.timeline-card h2{margin:0;font-size:22px}.timeline-card h2 small{color:#5d5148;font-size:14px;font-weight:500}.timeline-card p{margin:12px 0 10px}.timeline-card mark{color:#6c3422;background:#fff0e8;border-radius:10px;padding:8px 10px;display:inline-block}.timeline-card img{width:78px;position:absolute;top:34px;right:18px}.record-top button{color:#56655e;background:0 0;border:0;align-items:center;gap:4px;display:flex}.mini-tags{gap:8px;display:flex}.mini-tags span{background:var(--green-soft);color:var(--green);border-radius:999px;padding:6px 10px}.summary-button{background:var(--green);color:#fff;justify-content:center;align-items:center;gap:10px;min-height:64px;display:flex;box-shadow:0 14px 26px #237a5838}.summary-button img{width:56px}.detail-card,.empty-card{padding:20px}.detail-card dl{gap:12px;margin:18px 0;display:grid}.detail-card dl div{border-bottom:1px solid #5e514414;grid-template-columns:86px 1fr;gap:12px;padding-bottom:10px;display:grid}.detail-card dt{color:var(--muted)}.detail-card dd{margin:0}.modal-mask{z-index:50;background:#31272047;place-items:end center;padding:20px;display:grid;position:fixed;inset:0}.modal-sheet{text-align:center;background:#fffdf9;border-radius:28px;width:min(100%,390px);padding:30px 28px;box-shadow:0 20px 60px #31272038}.modal-sheet h2{margin:4px 0 14px;font-size:24px}.modal-sheet p,.modal-sheet li{color:#6f6258;line-height:1.7}.modal-sheet p{text-align:left}.modal-sheet ol{text-align:left;gap:5px;margin:0 auto 22px;padding-left:22px;display:inline-grid}.modal-mascot{width:72px;margin:0 auto 12px}.modal-mascot.large{width:138px;margin-bottom:10px}.modal-sheet .solid-button.centered{place-items:center;min-width:136px;margin:10px auto 0;display:inline-grid}.modal-sheet>.solid-button:not(.centered){place-items:center;margin-left:auto;margin-right:auto;display:inline-grid}.toast{z-index:60;color:#fff;text-align:center;opacity:0;pointer-events:none;background:#251d18e6;border-radius:16px;max-width:390px;margin:0 auto;padding:13px 16px;transition:opacity .18s,transform .18s;position:fixed;bottom:108px;left:20px;right:20px;transform:translateY(10px)}.toast.show{opacity:1;transform:translateY(0)}@media (width<=390px){.app-shell{padding-left:16px;padding-right:16px}.food-detail-card{grid-template-columns:38px 1fr 92px;min-height:132px}.food-detail-card img{width:92px;height:92px}.insight-grid{gap:10px}}