:root{color-scheme:light;--bg:#edf3f0;--ink:#233d35;--muted:#70837b;--mint:#d7eee2;--green:#46775f;--line:#e8eeea;--warm:#f1eade;--white:#fff}
    *{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #629c7d;outline-offset:4px}button:disabled{opacity:.4;cursor:default}button{border:0;-webkit-tap-highlight-color:transparent}button svg{pointer-events:none}a{color:var(--green)}[hidden]{display:none!important}.app{max-width:560px;margin:auto;padding:26px 20px 44px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.wordmark{font-size:15px;font-weight:650;letter-spacing:2px}.demo-pill{display:inline-block;background:#e0eae4;color:#667b6d;border-radius:30px;padding:5px 9px;font-size:10px;letter-spacing:0;font-weight:500;margin-left:6px}.icon-button{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center}.icon-button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:.6px}.heading{font-size:29px;line-height:1.3;font-weight:650;letter-spacing:-1px;margin:8px 0}.intro{font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 22px}.scenarios{display:flex;gap:5px;background:#e1eae4;padding:5px;border-radius:16px;margin:20px 0}.scenarios button{flex:1;padding:10px 5px;background:transparent;border-radius:12px;font-size:12px;color:#657b6d}.scenarios button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 2px 6px #203e3010}.hero{position:relative;width:100%;text-align:left;background:var(--mint);border-radius:28px;padding:24px;overflow:hidden;min-height:260px}.hero:after{content:"";position:absolute;width:190px;height:190px;right:-75px;top:-75px;background:#ffffff35;border-radius:50%}.hero .meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#577c65}.hero h2{font-size:25px;line-height:1.3;font-weight:650;letter-spacing:-.6px;margin:14px 0 8px;max-width:280px}.hero p{font-size:13px;line-height:1.75;color:#54715f;max-width:225px;margin:0}.hero .bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:24px}.hero .score{font-size:66px;line-height:.95;letter-spacing:-4px;font-weight:600}.hero .score-unit{font-size:12px;letter-spacing:0;font-weight:500;margin-left:9px}.score-note{font-size:10px;color:#628371;margin-top:10px;line-height:1.5}.face{width:102px;height:102px;filter:drop-shadow(0 8px 12px #50806314)}.hero[data-state=baseline]{background:#e5ecdf}.hero[data-state=missing],.hero[data-state=unavailable]{background:#e7e9e4}.section-title{display:flex;justify-content:space-between;align-items:center;margin:27px 2px 13px}.section-title h3{font-size:16px;font-weight:600;margin:0}.section-title small{color:var(--muted);font-size:11px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{background:white;border-radius:24px;min-height:194px;padding:19px;text-align:left;position:relative;border:2px solid transparent}.metric.emphasis{border-color:#8abb9d}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:13px}.card-icon{width:30px;height:30px;border-radius:10px;background:#f1f6f2;display:grid;place-items:center;font-size:15px}.card-tag{display:block;font-size:10px;color:#7c9182;margin:17px 0 7px}.metric .value{font-size:30px;letter-spacing:-1px;line-height:1.2;font-weight:600}.metric .value .unit{font-size:11px;font-weight:400;letter-spacing:0;margin:0 3px}.metric .sub{font-size:11px;color:var(--muted);line-height:1.65;margin-top:8px}.dots{display:flex;gap:5px;margin-top:17px;align-items:flex-end;height:20px}.dots i{display:block;flex:1;background:#cde7d6;border-radius:4px;min-height:5px}.metric.emphasis .dots i{background:#87b69a}.activity{width:100%;border-radius:24px;background:white;padding:18px 20px;display:flex;align-items:center;gap:15px;text-align:left;margin-top:12px}.activity .activity-icon{width:44px;height:44px;background:#f1eadf;border-radius:16px;display:grid;place-items:center;color:#9e906f;font-size:21px}.activity .activity-body{flex:1}.activity strong{font-size:13px;font-weight:550}.activity p{font-size:12px;color:var(--muted);margin:5px 0 0}.chevron{color:#8ca194;font-size:20px}.action{background:#f6f9f6;border-radius:24px;padding:22px;margin-top:22px;display:flex;gap:14px}.action .leaf{color:#659875;font-size:24px;padding-top:2px}.action h3{font-size:14px;font-weight:600;margin:0 0 7px}.action p{font-size:13px;line-height:1.8;color:#6b7f70;margin:0}.action button{font-size:11px;color:var(--green);background:#e3eee5;border-radius:20px;padding:8px 12px;margin-top:12px}.footer{font-size:10px;text-align:center;line-height:1.8;color:#8a9b90;margin:25px 10px 0}.footnote{font-size:11px;color:#7f9085;line-height:1.7;margin:12px 2px 0}.overlay{position:fixed;inset:0;z-index:10;background:#263b3455;display:flex;align-items:flex-end;justify-content:center;padding:0;backdrop-filter:blur(7px)}.sheet{position:relative;width:min(560px,100%);background:#f9fbf9;border-radius:30px 30px 0 0;padding:30px 24px max(30px,env(safe-area-inset-bottom));max-height:90dvh;overflow:auto;box-shadow:0 -15px 80px #1b352720}.sheet h2{font-size:25px;letter-spacing:-.8px;margin:8px 44px 10px 0}.sheet p{font-size:13px;line-height:1.85;color:var(--muted)}.close{position:absolute;right:20px;top:20px;width:36px;height:36px;background:#eaf0eb;border-radius:50%;font-size:23px}.detail-row{padding:17px 0;border-bottom:1px solid var(--line)}.detail-row .label{font-size:11px;color:#7c8d81;display:block;margin-bottom:7px}.detail-row .detail-value{font-size:14px;line-height:1.7}.detail-note{padding:15px;background:#e8f2eb;border-radius:16px;font-size:12px;color:#64806d;line-height:1.8;margin-top:20px}.choices{display:grid;gap:10px;margin:22px 0}.choice{background:white;border:2px solid #e5ede7;border-radius:20px;padding:16px 17px;text-align:left}.choice[aria-pressed=true]{border-color:#82af92;background:#eef7f0}.choice strong{font-size:15px;display:block;font-weight:550}.choice small{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6}.primary{display:block;width:100%;background:#46775f;color:white;border-radius:18px;padding:16px;font-weight:550;font-size:14px}.secondary{display:block;width:100%;background:transparent;color:#788d7e;padding:15px;font-size:12px}.onboard{position:fixed;inset:0;z-index:15;overflow:auto;background:var(--bg);display:grid;place-items:start center;padding:24px 20px}.onboard-inner{width:min(440px,100%)}.onboard-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.plain{background:transparent;font-size:12px;color:#74897a;padding:12px 0}.onboard h1{font-size:31px;letter-spacing:-1px;line-height:1.35;margin:15px 0 12px}.onboard .blurb{font-size:14px;color:#758b7c;line-height:1.9}.onboard-art{display:block;width:125px;height:125px;margin:10px auto 24px}.progress{display:flex;gap:6px;margin:25px 0;width:80px}.progress i{height:4px;flex:1;border-radius:5px;background:#d6e2d9}.progress i.on{background:#80a68c}.choice-group h3{font-size:13px;font-weight:500;margin:20px 0 10px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two .choice{padding:13px}.two .choice strong{font-size:13px}.onboard .note{font-size:11px;color:#829787;line-height:1.8;margin:18px 0}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:30;background:#294c3c;color:#fff;border-radius:18px;padding:13px 19px;font-size:12px;box-shadow:0 6px 30px #294c3c30;max-width:90%;white-space:nowrap}.quiet-link{background:transparent;color:#75897c;font-size:12px;padding:12px 0;text-decoration:underline;text-underline-offset:4px}.goal-settings-label{font-size:12px;color:var(--muted);margin-top:22px}body.locked{overflow:hidden}@media(min-width:650px){.app{padding-top:38px}.overlay{align-items:center;padding:24px}.sheet{border-radius:30px;padding-bottom:30px}.onboard{padding-top:50px}.hero{min-height:275px}}@media(max-width:360px){.app{padding:22px 14px}.hero{padding:21px}.metric{padding:15px}.metric .value{font-size:26px}.hero h2{font-size:23px}.face{width:85px;height:85px}.hero p{max-width:190px}}

    /* Glass is reserved for navigation and controls; data surfaces stay readable. */
    body{background:#eef3f0;background-image:radial-gradient(ellipse at 5% 9%,#d5e7df 0,transparent 43%),radial-gradient(ellipse at 96% 62%,#e8e8de 0,transparent 46%);background-attachment:fixed}
    .app{padding-bottom:calc(125px + env(safe-area-inset-bottom));max-width:560px}.top{margin-bottom:24px;gap:12px}.top-brand{display:flex;align-items:center;gap:10px}.icon-button,.glass,.sheet,.tabbar{background:linear-gradient(145deg,#ffffffc9,#f6fbf590);border:1px solid #ffffffdf;box-shadow:inset 0 1px 0 #ffffff,0 8px 28px #244f3810;backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}.icon-button{flex-shrink:0;width:42px;height:42px}.top-back{width:34px;height:34px}.wordmark{letter-spacing:1.5px;font-size:14px}.demo-pill{background:#ffffff70;border:1px solid #ffffffb0;color:#536d5e}.heading{font-size:30px}.intro{color:#647b6c}.hero{background:linear-gradient(135deg,#d5ece0,#dbece1);border:1px solid #effbf3;box-shadow:inset 0 1px 0 #ffffffa8,0 12px 28px #315c4010;min-height:270px}.hero[data-state=baseline]{background:linear-gradient(135deg,#e0e9dd,#e9efe5)}.hero[data-state=missing],.hero[data-state=unavailable]{background:linear-gradient(135deg,#e3e8e1,#ecede6)}.metric{background:#ffffffed;box-shadow:0 5px 20px #375a4010;min-height:205px}.metric.emphasis{border-color:#99bca6}.metric .sub,.footnote{color:#627b6a}.scenario-link{display:flex;align-items:center;gap:7px;margin:0 0 15px;padding:8px 12px;border-radius:20px;font-size:11px;color:#4f715b;background:#ffffff80;border:1px solid #ffffffb8}.scenario-link i{width:6px;height:6px;background:#73977d;border-radius:50%}.footer{color:#6d8475;font-size:10px}.tabbar{position:fixed;z-index:5;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 28px));padding:6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;border-radius:31px;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff85,0 12px 35px #264f3825;background:linear-gradient(160deg,#ffffffe0,#f0f7efa8)}.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px 2px;min-height:60px;border-radius:25px;background:transparent;color:#66796b;transition:background .15s,color .15s}.tabbar button svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.tabbar button span{font-size:10px;white-space:nowrap;line-height:1.3;font-weight:500}.tabbar button[aria-selected=true]{color:#295f43;background:linear-gradient(145deg,#fffffff0,#dcece3c0);box-shadow:inset 0 1px 0 #fff,0 2px 5px #244b3210}.tabbar button[aria-selected=true] svg{stroke-width:2}.sheet{background:linear-gradient(145deg,#f9fcf8f5,#eff6edf0);border-radius:30px 30px 0 0}.overlay{background:#1e362f35;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.close{background:#ffffffb0;border:1px solid #fff;box-shadow:inset 0 1px 0 #fff}.toast{bottom:calc(105px + env(safe-area-inset-bottom))}.white-card{background:#ffffffed;border:1px solid #ffffff;border-radius:24px;padding:22px;margin:14px 0;box-shadow:0 5px 20px #31503b09}.white-card h2{font-size:17px;font-weight:600;margin:0 0 9px;line-height:1.5}.white-card p{font-size:13px;color:#617a69;line-height:1.85;margin:0}.small-label{font-size:11px;color:#6a8272;display:block;margin-bottom:9px}.goal-plan{background:#e2eee3;border:1px solid #f7fcf8}.plan-title{font-size:24px;letter-spacing:-.6px;line-height:1.4;margin:5px 0 13px;font-weight:600}.plan-row{display:flex;align-items:flex-start;gap:12px;margin:16px 0}.plan-row .number{width:25px;height:25px;flex-shrink:0;border-radius:50%;background:#ffffff95;color:#537b5d;display:grid;place-items:center;font-size:11px}.plan-row p{font-size:12px;color:#597462;line-height:1.7;margin:0}.plan-row strong{font-size:13px;font-weight:550;display:block;margin-bottom:3px}.action{background:#fffffff0;margin-top:14px}.insight-link{width:100%;text-align:left;background:transparent;display:flex;align-items:center;gap:12px;padding:0}.insight-link .insight-copy{flex:1}.insight-link strong{display:block;font-size:14px;font-weight:550;margin-bottom:7px}.insight-link small{font-size:12px;line-height:1.75;color:#607b68}.range{display:flex;gap:5px;padding:4px;border-radius:18px;width:180px;margin:16px 0 20px}.range button{flex:1;border-radius:14px;padding:9px;background:transparent;font-size:12px;color:#607966}.range button[aria-pressed=true]{background:#fffffff0;color:#2c6345;box-shadow:0 1px 5px #31534010}.trend-card{padding:22px}.trend-head{display:flex;justify-content:space-between;align-items:center}.trend-head h2{margin:0;font-size:15px}.chart-note{font-size:10px;color:#6b8274}.trend-number{font-size:30px;letter-spacing:-1px;margin:13px 0 5px;font-weight:600}.trend-number small{font-size:12px;letter-spacing:0;font-weight:400}.chart{display:block;width:100%;height:auto;margin-top:18px;overflow:visible}.chart text{fill:#6e8375;font-size:10px;font-family:inherit}.chart-empty{min-height:175px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border-radius:16px;background:#f1f5ef;margin-top:18px;color:#6b8273;font-size:12px;line-height:1.7;text-align:center;padding:24px}.chart-empty .empty-dash{font-size:35px;color:#9bab9d}.health-state{display:flex;align-items:center;gap:9px;font-size:12px;color:#56795e;margin-bottom:12px}.health-state i{width:7px;height:7px;background:#779c7d;border-radius:50%}.source-list{display:grid;gap:11px}.source-list button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:#fffffff0;border:1px solid #fff;border-radius:22px;padding:20px;box-shadow:0 4px 15px #31534008}.source-list button .source-copy{flex:1}.source-copy strong{display:block;font-size:14px;font-weight:550}.source-copy small{display:block;font-size:12px;color:#657d6c;line-height:1.6;margin-top:6px}.setting-title{font-size:15px;font-weight:550;margin:24px 2px 12px}.settings-choices{margin:12px 0 16px}.settings-choices .choice{padding:15px}.scenarios{background:#e4ece3;margin:12px 0 0}.control-options{display:flex;gap:7px;margin-top:12px}.control-options button{flex:1;border:1px solid #e3ebe0;border-radius:14px;padding:12px 6px;font-size:12px;background:#f0f5ee;color:#5e7a65}.control-options button[aria-pressed=true]{background:#dcebe0;color:#2a6142;border-color:#accab4}.preference-note{font-size:12px;color:#637a69;line-height:1.8}.onboard{background:linear-gradient(145deg,#ecf4ed,#e8efe9)}.onboard-nav .plain{background:#ffffff70;padding:10px 13px;border:1px solid #ffffffb0;border-radius:18px}.onboard-nav .plain:disabled{background:transparent;border-color:transparent}.onboard .choice{background:#ffffffd9;border-color:#ffffff}.onboard .choice[aria-pressed=true]{border-color:#92b39b;background:#ecf5ed}.primary{background:linear-gradient(145deg,#46775f,#3e6e55);box-shadow:inset 0 1px 0 #ffffff30,0 5px 15px #35563e15}
    body.solid .glass,body.solid .icon-button,body.solid .sheet,body.solid .tabbar{background:#f4f8f1;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#d7e1d3}.tab-panel{animation:appear .16s ease-out}@keyframes appear{from{opacity:.65}to{opacity:1}}@media(prefers-reduced-transparency:reduce){.glass,.icon-button,.sheet,.tabbar{background:#f4f8f1;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#d7e1d3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass,.icon-button,.sheet,.tabbar{background:#f4f8f1;border-color:#d7e1d3}}@media(max-width:360px){.tabbar{width:calc(100% - 20px);gap:1px;padding:5px}.tabbar button span{font-size:9px}.tabbar button{min-height:59px;padding:8px 1px}.wordmark{font-size:13px;letter-spacing:1px}.top-brand{gap:6px}.hero{padding:21px}.hero h2{max-width:225px}.metric .value{font-size:25px}}@media(min-width:650px){.sheet{border-radius:30px}.tabbar{bottom:20px}}
  
/* Forms and data controls use the prototype's readable surfaces. */
.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.section-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-radius:23px;padding:6px;margin:0 0 22px}
.section-tabs button{min-height:42px;background:transparent;color:#66796b;border-radius:18px;font-size:14px;font-weight:500}
.section-tabs button[aria-selected=true]{color:#295f43;background:linear-gradient(145deg,#fffffff0,#dcece3c0);box-shadow:inset 0 1px 0 #fff,0 2px 5px #244b3210}
.section-tabs button:focus-visible{outline-offset:1px}
.soft-button{display:inline-flex;align-items:center;justify-content:center;background:#e5efe7;border:1px solid #d6e4d9;border-radius:16px;padding:12px 15px;font-size:12px;line-height:1.5;cursor:pointer}
.form-field{display:grid;gap:8px;font-size:12px;color:#607b68;margin:18px 0}
.form-field input,.form-field textarea{width:100%;font:inherit;font-size:16px;color:#233d35;background:#fffffff0;border:1px solid #d6e4d9;border-radius:14px;padding:14px;resize:vertical}
.form-field input:focus-visible,.form-field textarea:focus-visible,.file-button:focus-within{outline:3px solid #629c7d;outline-offset:3px}
.file-button{position:relative;overflow:hidden}
.file-button input[hidden]{display:block!important;position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.conflict-item{padding:16px;margin-top:16px;background:#f0f5ee;border-radius:18px;overflow-wrap:anywhere}
.conflict-item strong{font-size:13px}
[role=alert]{color:#925948;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.detail-value{overflow-wrap:anywhere}
.toast{white-space:normal;text-align:center;line-height:1.6}
.score{overflow-wrap:anywhere}.hero .score{font-size:clamp(40px,14vw,66px)}
.app{padding-top:calc(26px + env(safe-area-inset-top))}
.onboard{padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}
@media(min-width:650px){.app{padding-top:calc(38px + env(safe-area-inset-top))}.onboard{padding-top:calc(50px + env(safe-area-inset-top))}}

/* Today draft: three qualitative bands; no numeric recovery scale. */
#tab-today .hero{min-height:0;padding:23px 24px;text-align:left;width:100%}
#tab-today .hero[data-state=care]{background:linear-gradient(135deg,#e9e6d4,#eeeee1)}
#tab-today .hero[data-state=good]{background:linear-gradient(135deg,#cee7d6,#e0eee1)}
.experiment-pill{border:1px solid #56785e55;background:#ffffff88;border-radius:20px;padding:4px 8px;font-size:10px;color:#49634e;white-space:nowrap}
.recovery-main{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}
#tab-today .hero h2{font-size:29px;margin:8px 0;max-width:none;line-height:1.35}
.recovery-face{width:92px;height:92px;flex-shrink:0}
.reference-day{font-size:10px;color:#526e5d;line-height:1.6;display:block}
#tab-today .hero .recovery-basis{max-width:none;margin:0;min-height:44px;color:#44624f;font-size:12px;line-height:1.8}
.status-strip{display:flex;gap:5px;margin-top:23px}
.status-segment{position:relative;height:8px;flex:1;border-radius:10px;background:#f7faf5b0}
.status-segment[data-band=care]{background:#c3b88799}.status-segment[data-band=steady]{background:#a5bfa599}.status-segment[data-band=good]{background:#78a88599}
.hero[data-state=unavailable] .status-segment{background:#d1d8cc}
.status-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:15px;height:15px;border-radius:50%;background:#385f47;border:3px solid #fff;box-shadow:0 1px 5px #35523b30}
.status-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px;font-size:10px;color:#526c59;text-align:center}
.recovery-link{display:block;margin-top:17px;font-size:11px;color:#45684f}
#tab-today .sleep-wide{width:100%;min-height:0;padding:20px 22px;margin-bottom:12px}
.metric-main{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sleep-caption{font-size:11px;line-height:1.8;color:#708673;text-align:right}
#tab-today .metric .card-tag{margin-top:10px;font-size:10px}
#tab-today .metric .value{font-size:29px;margin:8px 0 10px}
#tab-today .metric .unit{font-size:11px;letter-spacing:0;margin-left:4px}
#tab-today .today-pair{gap:12px}.today-pair .metric{min-height:0;padding:19px 17px;min-width:0}
.comparison-note{font-size:11px;line-height:1.7;color:#536e5d;overflow-wrap:anywhere}
#tab-today .metric .sub{font-size:10px;line-height:1.7;margin-top:8px;overflow-wrap:anywhere}
#tab-today .pressure-card{display:block;text-align:left;width:100%;padding:21px 22px;margin-top:14px}
.pressure-card .card-top{font-size:14px}.pressure-card .card-tag{font-size:10px}
.pressure-empty{display:flex;align-items:center;flex-direction:column;gap:8px;padding:26px 5px;color:#607967;font-size:12px}
.pressure-empty strong{font-size:14px;font-weight:500}.pressure-empty-icon{font-size:28px;color:#7b9882}
.pressure-card .sub{font-size:11px;line-height:1.8;color:#607967}
.evidence-item{padding:16px 0;border-bottom:1px solid #dce7dd}.evidence-item h3{font-size:16px;margin:0 0 10px}.evidence-item .detail-row{padding:10px 0;border:0}.evidence-item .detail-value{font-size:12px}
@media(max-width:360px){#tab-today .hero{padding:21px 18px}.recovery-face{width:72px;height:72px}#tab-today .hero h2{font-size:26px}.today-pair .metric{padding:17px 13px}#tab-today .metric .value{font-size:25px}.sleep-caption{font-size:10px}.reference-day{max-width:160px}}

/* Complete demo controls are injected only on the separate synthetic origin. */
.demo-controls{padding:17px 16px;border-radius:23px;margin-bottom:17px}
.demo-controls-title{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between;align-items:center}
.demo-controls-title strong{font-size:12px;color:#42624c}.demo-controls-title span{font-size:10px;color:#647d6a}
.demo-controls p{font-size:11px;line-height:1.8;color:#5c7764;margin:8px 0 12px}
.demo-scene-buttons{display:flex;flex-wrap:wrap;gap:7px}.demo-scene-buttons button,.demo-detail-buttons button{padding:10px 11px;border-radius:15px;background:#ffffffab;border:1px solid #e0e9de;font-size:11px;color:#526e5b;min-height:36px}
.demo-scene-buttons button[aria-pressed=true],.demo-detail-buttons button[aria-pressed=true]{background:#dcebdc;border-color:#99b79e;color:#2b563b}
.demo-detail-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:10px}.demo-detail-buttons>span{font-size:10px;color:#627d69;margin-right:3px}
.synthetic-pressure-chart{display:block;width:100%;height:auto;margin:14px 0 10px}.synthetic-pressure-chart text{fill:#6c8172;font-size:9px;font-family:inherit}
.pressure-demo-date{font-size:10px!important;margin:9px 0 0!important;line-height:1.7!important;color:#718577!important}
.demo-pressure-list{display:grid;gap:9px;margin-top:15px;font-size:11px;line-height:1.7}.demo-pressure-list>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 10px;padding-bottom:8px;border-bottom:1px solid #dfe7dc}.demo-pressure-list time{color:#607868;overflow-wrap:anywhere}
.demo-scene-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.demo-scene-buttons button{padding:9px 5px;min-width:0}.demo-controls{padding:14px 15px}.demo-controls p{margin:5px 0 9px;font-size:10px}.demo-detail-buttons{margin-top:8px}.demo-detail-buttons button{padding:8px 10px}

/* Dated metric charts in Today detail sheets. */
.history-range{display:flex;gap:6px;padding:4px;background:#e7efe4;border-radius:17px;width:190px;margin:17px 0 12px}.history-range button{flex:1;min-height:36px;border-radius:13px;background:transparent;font-size:12px;color:#557360}.history-range button[aria-pressed=true]{background:#fff;color:#2f5a3e;box-shadow:0 2px 6px #3253370c}
.history-selection{padding:15px 18px;background:#e8f1e5;border-radius:19px;margin-top:12px}.history-selection>span{display:block;font-size:11px;color:#627d68}.history-selection strong{display:block;font-size:29px;font-weight:550;line-height:1.6}.history-selection strong small{font-size:12px;font-weight:400}.history-selection p{margin:0!important;font-size:11px!important;overflow-wrap:anywhere}
.metric-history-chart{display:block;width:100%;height:auto;margin:18px 0 6px}.metric-history-chart text{font-family:inherit;font-size:10px;fill:#6b8372}.metric-history-chart [data-chart-day]{cursor:pointer}.metric-history-chart [data-chart-day]:hover .sleep-history-bar{fill:#5e8a6b}
.history-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;line-height:1.8;color:#627c69}.baseline-key:before,.target-key:before{content:'';display:inline-block;width:17px;height:7px;border-radius:3px;background:#cde1ce;margin-right:6px}.target-key:before{height:2px;background:#b08c59;vertical-align:middle}
.history-help{font-size:11px!important;margin:10px 0!important}.history-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:16px 0 10px}.history-days button{min-height:38px;position:relative;font-size:10px;background:#f0f5ec;border:1px solid #dce7d8;border-radius:10px;padding:6px 1px;color:#597762}.history-days button[aria-pressed=true]{background:#d6e8d4;color:#315840;border-color:#92b298}.history-days .missing-day{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#6c8270;font-size:15px}
.history-methods{display:flex;flex-wrap:wrap;gap:5px;font-size:11px;color:#657c6b}.history-methods button{padding:7px 10px;border-radius:13px;border:1px solid #d5e3d2;background:#f5f8f1;font-size:11px}.history-methods button[aria-pressed=true]{background:#dcebd8;border-color:#92b298}

/* Recovery trends share dates and keep unlike units on separate charts. */
.trend-intro{margin:24px 2px 20px}.trend-intro h2{font-size:24px;font-weight:600;letter-spacing:-.6px;margin:8px 0 10px}.trend-intro p{font-size:12px;line-height:1.85;color:#68806d;margin:0}.trend-controls{padding:14px;border-radius:23px}.trend-controls .range{width:100%;margin:0 0 13px;background:#e4ece3}.trend-controls label,.trend-day-nav label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#68806d}.trend-controls input,.trend-day-nav input{min-width:0;max-width:180px;padding:9px;border:1px solid #d9e5d5;border-radius:12px;background:#ffffffb0;color:#375f45;font:inherit;font-size:13px}.trend-controls input:focus-visible,.trend-day-nav input:focus-visible,#recovery-trend-chart:focus-visible{outline:2px solid #629c7d;outline-offset:3px}.trend-period-nav{display:flex;gap:6px;margin-top:12px}.trend-period-nav button{flex:1;background:#ffffff90;border-radius:12px;min-height:42px;font-size:11px}.trend-period-label{display:flex;justify-content:space-between;font-size:11px;color:#6c8372;margin:20px 2px 12px}.trend-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.trend-metrics button{min-width:0;text-align:left;padding:14px 12px;background:#ffffffb8;border:1px solid #fff;border-radius:20px;box-shadow:0 4px 15px #31534007}.trend-metrics button[aria-pressed=true]{background:#e1eee3;border-color:#99bda2;box-shadow:inset 0 1px 0 #ffffffd0}.trend-metrics span{display:block;font-size:12px;color:#52715d}.trend-metrics strong{display:block;font-size:26px;font-weight:550;letter-spacing:-.6px;line-height:1.4;margin-top:9px;overflow-wrap:anywhere}.trend-metrics small{display:block;font-size:10px;color:#647e69;margin-top:2px}.trend-metrics em{display:block;font-size:9px;font-style:normal;color:#647e69;margin-top:10px}.recovery-trend{padding:20px}.recovery-trend .history-methods{margin-top:12px}.trend-summary{padding:17px 0 0}.trend-summary>span{font-size:11px;color:#68806d}.trend-summary strong{display:block;font-size:29px;font-weight:550;margin:6px 0;letter-spacing:-.5px}.trend-summary strong small{font-size:12px;font-weight:400;letter-spacing:0}.trend-summary p{font-size:11px;line-height:1.8}.recovery-trend .metric-history-chart{margin-top:8px}.trend-coverage{font-size:11px!important;margin-top:13px!important}.trend-day-nav{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:7px;align-items:center;padding-top:15px;border-top:1px solid #e2eadd;margin-top:15px}.trend-day-nav button{height:42px;font-size:22px;background:#edf3e9;border-radius:12px}.trend-day-nav label{flex-direction:column;gap:5px}.trend-day-nav input{width:100%;text-align:center}.trend-day-records{padding:20px}.trend-day-records time{font-size:10px;color:#6b8274}.trend-day-records button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:transparent;padding:17px 0;border-bottom:1px solid #e3ebdf}.trend-day-records button:last-child{border:0;padding-bottom:2px}.trend-day-records button>span:first-child{min-width:0;flex:1}.trend-day-records strong{display:block;font-size:12px;font-weight:550}.trend-day-records small{display:block;overflow-wrap:anywhere;font-size:10px;line-height:1.7;color:#68806d;margin-top:4px}.trend-day-value{font-size:19px;white-space:nowrap;font-weight:500}.trend-day-value small{display:inline;font-weight:400}.trend-day-value i{font-style:normal;font-size:18px;color:#8ca194;margin-left:5px}
@media(max-width:360px){.trend-intro h2{font-size:22px}.trend-metrics{gap:6px}.trend-metrics button{padding:13px 10px;border-radius:17px}.trend-metrics strong{font-size:23px}.recovery-trend,.trend-day-records{padding:16px}.trend-day-value{font-size:17px}}
@media(max-width:360px){.history-days{grid-template-columns:repeat(5,minmax(0,1fr))}.history-selection{padding:13px 15px}}

/* Action cards use the existing sage/glass palette. */
.action-date{display:flex;align-items:center;gap:8px;padding:12px;border-radius:20px;margin-top:17px}.action-date label{flex:1;min-width:0;font-size:10px;color:#667d6e}.action-date input{display:block;width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;padding:5px 0}.action-date button{min-width:36px;min-height:42px;border-radius:14px;background:#ffffff90;font-size:17px}.action-date #action-date-today{font-size:12px;padding:0 9px}.action-group{margin:24px 0}.action-group h2{font-size:14px;font-weight:550;margin:0 2px 12px;color:#5e7a65}.action-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-card{display:flex;flex-direction:column;gap:10px;text-align:left;background:#ffffffd9;border:1px solid #fff;box-shadow:0 4px 18px #31534007;border-radius:24px;padding:20px;min-width:0;overflow-wrap:anywhere}.action-card-wide{grid-column:1/-1}.action-card .card-top{width:100%;font-size:14px}.action-card-value{font-size:27px;font-weight:500;line-height:1.4;letter-spacing:-.5px}.action-card-value span,.fitness-metrics strong span{font-size:11px;font-weight:400;letter-spacing:0}.action-card small{font-size:10px;line-height:1.7;color:#69806f}.action-card-copy{font-size:11px;line-height:1.7;margin:0;color:#69806f}.action-card-more{font-size:10px;color:#678571;margin-top:auto;padding-top:5px;display:flex;justify-content:space-between;gap:6px}.action-empty{font-size:17px!important;color:#7f8f82}.action-progress{height:4px;border-radius:6px;background:#e6eee3;overflow:hidden;margin:2px 0}.action-progress i{display:block;height:100%;background:#85ac92;border-radius:6px}.action-goal{display:block;font-size:10px;font-weight:400;color:#69806f}.fitness-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;width:100%;margin:5px 0}.fitness-metrics strong{display:block;font-size:23px;font-weight:500;margin:8px 0}.action-feeling{font-size:14px;line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.action-timeline h2{font-size:15px;font-weight:550;margin:0}.timeline-events{list-style:none;padding:0;margin:18px 0}.timeline-events li{display:flex;gap:14px;margin:0 0 18px}.timeline-events time{color:#7a9381;font-size:11px;padding-top:3px;min-width:38px}.timeline-events li>div{border-left:1px solid #d5e2d5;padding-left:15px;min-width:0}.timeline-events strong{font-size:12px;font-weight:550}.timeline-events p{font-size:11px;color:#69806f;line-height:1.7;margin:4px 0 0;overflow-wrap:anywhere}.timeline-summaries summary,.action-small summary{font-size:12px;color:#69806f;cursor:pointer;min-height:40px;padding:10px 0;line-height:1.7}.timeline-summaries p{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:#7a8c7c}.timeline-summaries strong{font-weight:500}.action-small{margin:10px 4px}.action-small .action{margin-bottom:0}.action-meal{margin:18px 0;padding:14px;border:1px solid #e0e8dd;border-radius:18px}.action-meal h3{font-size:13px;margin:0 0 8px}.action-meal p,.action-feeling-detail{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.action-photo img{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:14px}.action-photo small{display:block;margin-top:7px;color:#738875;font-size:10px}.action-record-link{display:block;text-align:center;text-decoration:none;margin:16px 0}.action-feeling-detail{padding:15px;background:#f0f5ee;border-radius:16px}.action-date input:focus-visible{outline:2px solid #629c7d;outline-offset:2px}@media(max-width:360px){.action-card{padding:16px 13px;border-radius:20px}.action-card-grid{gap:10px}.fitness-metrics{gap:9px}.fitness-metrics strong{font-size:20px}.fitness-metrics strong span{display:block}.action-card-value{font-size:24px}.action-date{gap:5px;padding:9px}.action-date button{min-width:32px}}
.action-card-photo{width:100%;margin:0}.action-card-photo img{display:block;width:100%;height:85px;object-fit:cover;border-radius:13px}.action-card-photo small{display:block;margin-top:4px;font-size:9px}
.action-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 12px}.action-group-heading h2{margin:0}.habit-empty{margin:0;padding:20px!important}.habit-empty p{font-size:12px;line-height:1.8;color:#69806f;margin:0 0 12px}.habit-editor-help{font-size:13px!important;line-height:1.9!important}.habit-editor-list{list-style:none;margin:20px 0;padding:0;display:grid;gap:10px}.habit-editor-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 10px;border:1px solid #dfe8da;border-radius:17px;background:#f6f9f2}.habit-editor-label{display:flex;align-items:center;gap:8px;min-width:0}.habit-editor-label span{color:#69866f;font-size:19px}.habit-editor-label strong{font-size:13px;font-weight:550}.habit-editor-controls{display:flex;gap:5px;flex-shrink:0}.habit-editor-controls button{font-size:11px;min-width:39px;min-height:44px;padding:8px 5px;background:#e9f0e5;border-radius:11px}.habit-editor-controls [data-habit-toggle]{min-width:47px;border:1px solid #d3dfcd;background:#fff}.habit-editor-controls [aria-pressed=true]{border-color:#a3bfa6;background:#dcebd9;color:#3e6e51}.habit-editor-note{font-size:11px!important;color:#738674!important;line-height:1.8!important}.habit-editor-footer{display:flex;gap:12px;margin-top:18px}.habit-editor-footer button{flex:1;min-height:44px;width:auto}.habit-editor-footer .soft-button{margin:0}.habit-editor-footer .primary{padding:12px}.habit-editor-controls button:disabled{opacity:.35}@media(max-width:360px){.habit-editor-list li{padding:10px 8px;gap:5px}.habit-editor-label{gap:5px}.habit-editor-label strong{font-size:12px}.habit-editor-controls{gap:4px}.habit-editor-controls button{min-width:36px}.habit-editor-controls [data-habit-toggle]{min-width:42px}}

.habit-settings-summary{font-size:12px!important;color:#56795e!important;line-height:1.9!important}.habit-empty p{margin:0}
/* Optional local habit parameters; limits are not completion targets. */
.habit-editor-list li{flex-direction:column;align-items:stretch;gap:10px}.habit-editor-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.habit-parameter-row{display:flex;align-items:center;gap:8px;width:100%}.habit-parameter-row label{font-size:11px;color:#637c69;flex:1;min-width:0}.habit-parameter-row input{width:86px;min-width:0;border:1px solid #cbdcc7;border-radius:10px;padding:10px 8px;min-height:42px;font:inherit;font-size:14px;background:#fff;color:#365b42}.habit-parameter-row input[aria-invalid=true]{border-color:#af795d}.habit-parameter-row input:focus-visible{outline:2px solid #629c7d;outline-offset:2px}.habit-parameter-row button{min-width:40px;min-height:42px;font-size:11px;background:transparent;color:#637c69;padding:5px}.habit-limit-help{font-size:10px;line-height:1.7;color:#7d8069}.habit-synthetic-note{font-size:11px!important;color:#71856e!important;margin:4px 0!important}.habit-parameter-summary{font-size:11px!important;color:#69806f!important;line-height:1.9!important}.habit-limit-status,.habit-target-excess{display:block;font-size:10px;line-height:1.7;color:#71876f}.action-card .habit-over-limit{color:#956740}.habit-intake-label{margin-bottom:-6px}@media(max-width:360px){.habit-parameter-row{gap:4px}.habit-parameter-row input{width:74px}.habit-parameter-row label{font-size:10px}}
.insight-intro{margin:22px 2px 18px}.insight-intro h2{font-size:23px;letter-spacing:-.5px;font-weight:600;margin:0 0 10px}.insight-intro p,.insight-pressure p,.insight-feelings p{font-size:12px;line-height:1.85;color:#68806d}.insight-demo{display:inline-block;margin-top:5px}.insight-controls{padding:14px;border-radius:22px}.insight-controls .range{margin:0 0 12px;width:100%;background:#e4ece3}.insight-controls label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#68806d}.insight-controls input{max-width:180px;min-width:0;padding:10px;border:1px solid #d9e5d5;border-radius:12px;background:#ffffffa0;font:inherit;color:#375f45;font-size:13px}.insight-date-buttons{display:flex;gap:6px;margin-top:12px}.insight-date-buttons button{flex:1;min-height:42px;border-radius:12px;background:#ffffff90;font-size:11px}.insight-card .card-top h3,.insight-feelings h3{font-size:15px;font-weight:550;margin:0}.insight-card{padding:20px}.insight-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 16px}.insight-stats>div{padding:12px;background:#edf3e9;border-radius:14px;min-width:0}.insight-stats small{display:block;font-size:10px;color:#708573;line-height:1.7}.insight-stats strong{display:block;font-size:17px;font-weight:500;line-height:1.6;margin:5px 0;overflow-wrap:anywhere}.insight-chart{width:100%;height:auto;display:block;margin:5px 0 12px}.insight-chart text{font-size:9px;fill:#7a8d7b;font-family:inherit}.insight-chart-label{font-size:10px;color:#66806a}.insight-chart-empty{padding:15px;background:#f1f5ed;border-radius:12px;color:#809080;font-size:11px;margin:10px 0;line-height:1.7}.insight-comparison-note{font-size:10px!important;line-height:1.8!important;color:#7a8877!important;margin:12px 0!important}.insight-table-wrap{overflow-x:auto}.insight-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.insight-table caption{font-size:11px;text-align:left;padding:10px 0;color:#7a8877}.insight-table th{font-size:11px;font-weight:500;color:#68806d;line-height:1.6}.insight-table td,.insight-table th{padding:8px 5px;border-bottom:1px solid #e3eadd}.insight-table td button{background:#edf3e9;border-radius:9px;min-height:38px;padding:7px 10px;font-size:11px}.insight-controls input:focus-visible{outline:2px solid #629c7d;outline-offset:2px}@media(max-width:360px){.insight-card{padding:16px}.insight-stats{gap:8px}.insight-stats>div{padding:10px}.insight-stats strong{font-size:15px}}
.insight-combo h3,.key-actions h3{font-size:15px;margin:0;font-weight:550}.insight-select-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#69816b;margin:18px 0}.insight-select-label select{font:inherit;font-size:13px;background:#f1f6ec;border:1px solid #d7e3d0;color:#3d654a;border-radius:12px;min-height:42px;padding:8px 12px;max-width:205px;min-width:0}.combo-legend{display:flex;gap:17px;flex-wrap:wrap;font-size:11px;color:#6d816d;margin:16px 0}.combo-legend span,.feeling-legend span{display:flex;align-items:center;gap:7px}.legend-bar{display:inline-block;width:10px;height:12px;border-radius:3px;background:#c9bda1}.legend-line{width:17px;height:0;border-top:2px solid #6c977d}.combo-chart,.feelings-chart{display:block;width:100%;height:auto;margin:16px 0}.combo-chart text,.feelings-chart text{font-family:inherit;font-size:9px;fill:#7d8d7d}.combo-bar{fill:#d0c3a7}.combo-pressure-zero{fill:#fff;stroke:#a99977}.combo-line{stroke:#719780;stroke-width:2;fill:none}.combo-action-dot{fill:#fff;stroke:#648c73;stroke-width:1.5}.combo-hit{cursor:pointer}.combo-hit:hover rect,.combo-hit:focus rect{fill:#8eaa8620}.combo-hit:focus-visible{outline:2px solid #719780}.key-actions h4{font-size:13px;font-weight:550;margin:22px 0 7px}.key-actions h4 small{display:block;font-size:10px;line-height:1.7;font-weight:400;color:#7e8f7d;margin-top:4px}.association-caution{font-size:11px!important;line-height:1.9!important;color:#72846f!important}.association-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;width:100%;text-align:left;background:transparent;border-bottom:1px solid #e5ecdf}.association-row>span:first-child{flex:1;min-width:0}.association-row strong{font-size:13px;font-weight:500}.association-row small{display:block;font-size:10px;line-height:1.8;color:#80907c;margin-top:3px}.association-grade{font-size:11px;min-width:58px;border-radius:12px;background:#e5efdf;padding:8px;color:#648064;text-align:center}.association-grade small{margin:0;font-size:11px}.grade-中{background:#eff1e4}.grade-小,.grade-empty{background:#f0f3ec;color:#809078}.association-empty{font-size:11px!important;color:#81917e!important;line-height:1.8!important}.feeling-legend{display:flex;flex-wrap:wrap;gap:10px 15px;color:#71866e;font-size:10px;margin:14px 0}.feeling-legend i{width:7px;height:7px;border-radius:50%}.feelings-chart [data-feeling-day]{cursor:pointer}.feelings-chart [data-feeling-day]:focus rect,.feelings-chart [data-feeling-day]:hover rect{fill:#91ad8620}.insight-select-label select:focus-visible{outline:2px solid #719780;outline-offset:2px}@media(max-width:360px){.insight-select-label select{max-width:170px}.insight-combo,.key-actions,.insight-feelings{padding:17px}.combo-legend{gap:10px}}
.pressure-band-legend{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:10px;color:#71826e;margin:9px 0 13px}.pressure-band-legend span{display:flex;align-items:center;gap:6px}.pressure-band-legend i{display:inline-block;width:9px;height:12px;border-radius:3px}.pressure-low{--pressure-color:#79a487}.pressure-mid{--pressure-color:#c8ac5a}.pressure-high{--pressure-color:#c88178}.combo-bar.pressure-low,.combo-bar.pressure-mid,.combo-bar.pressure-high,.combo-pressure-zero.pressure-low{fill:var(--pressure-color)}.pressure-band-legend i{background:var(--pressure-color)}.combo-pressure-zero.pressure-low{stroke:#477c5d}.insight-combo .legend-bar{background:linear-gradient(90deg,#79a487 0 33%,#c8ac5a 33% 66%,#c88178 66%)}

/* Active records and observed paired pressure distributions. */
.active-entry{padding:14px 0;border-bottom:1px solid #dde7d9;overflow-wrap:anywhere}.active-entry p{white-space:pre-wrap;font-size:14px;line-height:1.7}.active-entry small{font-size:11px;color:#758673}.active-entry-source{display:block;margin:8px 0}.active-total{font-size:14px;color:#49654f}.active-quantity{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}#active-record-form input,#active-record-form select,#active-record-form textarea{width:100%;min-width:0;box-sizing:border-box;font:inherit;border:1px solid #dbe5d6;border-radius:12px;padding:11px;background:#f8faf5;color:var(--ink)}#active-record-form [readonly]{background:#edf2e8;color:#65765f}#active-record-error{font-size:12px;color:#a2594d;white-space:pre-wrap}.association-card{padding-bottom:16px;border-bottom:1px solid #e1e9dc}.association-card .association-row{border:0}.grade-meter{display:flex;justify-content:center;gap:3px;margin-top:6px}.grade-meter i{width:10px;height:4px;border-radius:3px;background:#d5dfce}.grade-meter i.on{background:#75996a}.distribution-group{margin:10px 0 14px}.distribution-label{display:flex;justify-content:space-between;gap:8px;font-size:11px;line-height:1.7;color:#667e60}.distribution-label strong{font-weight:500;white-space:nowrap}.pressure-stack{height:14px;display:flex;overflow:hidden;border-radius:8px;background:#edf2e7}.pressure-stack span{display:block;height:100%}.pressure-stack .pressure-low{background:#79a487}.pressure-stack .pressure-mid{background:#c8ac5a}.pressure-stack .pressure-high{background:#c88178}.distribution-counts{font-size:10px;line-height:1.7;color:#74836d;margin-top:4px}.distribution-meta,.distribution-empty p,.distribution-empty small{font-size:10px!important;line-height:1.8!important;color:#7d8b76!important}.distribution-placeholder{height:14px;border:1px dashed #d0dac7;border-radius:8px;margin:7px 0}.distribution-meta{margin:8px 0 0!important}#active-record-form .button-row{flex-wrap:wrap}#active-record-form .button-row button{flex:1;min-width:90px}#active-record-form .primary{margin:0}@media(max-width:360px){.distribution-label{font-size:10px}.active-quantity{gap:8px}}

.distribution-label>span{min-width:0;overflow-wrap:anywhere}

.quick-record-grid,.quick-meal-grid,.quick-feeling-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.quick-record-grid button,.quick-meal-grid button,.quick-feeling-grid button{min-height:56px;border-radius:17px;background:#e9f2e1;border:1px solid #dce8d1;font-size:14px;color:#4b7152}.quick-record-grid strong{font-size:21px;font-weight:500}.quick-feeling-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-feeling-grid [aria-pressed=true]{background:#759775;color:white}.association-distribution{margin:20px 0}.association-distribution h3{font-size:14px}#active-photo-preview img{display:block;width:100%;max-height:200px;object-fit:contain;margin:12px 0;border-radius:14px}.meal-kcal{font-size:15px!important;color:#567950}.association-card{padding-bottom:0}#active-record-form .file-button{display:block;text-align:center;margin:15px 0}

.active-extra{margin:12px 0}.active-extra summary{font-size:12px;color:#72836d;min-height:38px;padding:10px 0;cursor:pointer}#active-record-form .footnote{font-size:10px}

.diet-card-main{display:flex;flex-direction:column;gap:10px;text-align:left;width:100%;background:transparent;padding:0;min-width:0}.inline-meal-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}.inline-meal-shortcuts button{font-size:11px;color:#57765a;background:#edf4e6;border-radius:11px;min-height:36px}.diet-quick-card{gap:12px}

.trend-demo-note{font-size:11px;color:#68806d;margin:0 2px 14px}

/* Monthly expressions retain the daily recovery reference without filling gaps. */
.pressure-calendar{margin:0 0 20px;padding:20px}.pressure-calendar .trend-head h2{font-size:16px}.calendar-reference{font-size:10px;color:#748376}.calendar-month-nav{display:flex;align-items:center;justify-content:space-between;margin:16px 0 13px}.calendar-month-nav button{width:36px;height:36px;border-radius:12px;background:#edf3eb;font-size:23px;color:#65806a}.calendar-month-nav strong{font-size:14px;font-weight:550}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekdays{font-size:10px;color:#7e8e80;text-align:center;margin-bottom:7px}.calendar-day{min-width:0;min-height:50px;border:0;border-radius:50%;background:transparent;padding:6px 0;display:flex;align-items:center;justify-content:center}.calendar-face{display:block;width:40px;height:40px;flex-shrink:0}.calendar-day:disabled{opacity:.35}.calendar-no-data{font-size:18px;line-height:32px;color:#a5b2a7}.calendar-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:14px 0 8px;font-size:11px;color:#6c7f6e}.calendar-legend>span{display:flex;align-items:center;gap:4px}.calendar-legend .calendar-face{width:21px;height:21px}.calendar-missing-key{font-size:10px}.calendar-legend button{margin-left:auto;font-size:10px;color:#52725e;background:#eaf1e7;padding:8px 10px;border-radius:10px}.calendar-caption{font-size:10px!important;line-height:1.8!important;color:#728372!important}.calendar-detail-face{display:flex;align-items:center;gap:12px;padding:18px 0}.calendar-detail-face .calendar-face{width:54px;height:54px}.calendar-detail-face strong{font-weight:550;font-size:18px}
@media(max-width:360px){.pressure-calendar{padding:16px}.calendar-reference{font-size:9px}.calendar-weekdays,.calendar-days{gap:3px}.calendar-face{width:32px;height:32px}.calendar-day{min-height:42px}.calendar-legend{gap:7px 10px}}

.calendar-comparison{padding:13px 0 11px;margin-top:12px;border-top:1px solid #e5ece2}.calendar-comparison-label{font-size:10px;color:#7b8b7d;display:block;margin-bottom:10px}.calendar-comparison p{display:flex;align-items:center;gap:7px;margin:8px 0;font-size:12px;line-height:1.6}.calendar-comparison strong{font-size:12px;font-weight:500}.calendar-comparison .calendar-face{width:23px;height:23px}.calendar-comparison small{display:block;font-size:10px;color:#7b8b7d;line-height:1.8;margin-top:10px}.calendar-comparison-empty{font-size:11px!important;color:#7b8b7d!important}

.calendar-days{row-gap:7px}.calendar-weekdays{font-size:11px;margin-bottom:10px}.calendar-avatar-features path{fill:none}.calendar-statistics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:6px 0 4px}.calendar-statistic{min-width:0}.calendar-statistic>span{font-size:12px;color:#839086}.calendar-statistic>strong{display:block;font-size:34px;font-weight:600;line-height:1.35;letter-spacing:-1px;margin:5px 0 1px;color:#2c3e35}.calendar-statistic>strong small{display:inline;font-size:12px;font-weight:500;color:#2c3e35;letter-spacing:0;margin-left:4px}.calendar-statistic p{display:block;font-size:11px;margin:2px 0;line-height:1.7;color:#7c8c7e}.calendar-statistic p i{font-style:normal;font-size:12px;margin-right:5px;color:#8c9b8e}.calendar-statistic [data-calendar-change=favorable] i{color:#68ae8b}.calendar-statistic [data-calendar-change=unfavorable] i{color:#ef6680}.calendar-comparison{padding:17px 0 9px;margin-top:17px}.calendar-comparison>small{margin-top:12px}@media(max-width:360px){.calendar-statistics{gap:10px}.calendar-statistic>strong{font-size:30px}.calendar-statistic p{font-size:10px}.calendar-days{row-gap:5px}}

/* Shared calendar week/month analyses. */
.analysis-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:30px 2px 12px}.analysis-section-heading>span{font-size:15px;font-weight:550}.analysis-section-heading .history-range{margin:0;width:155px;flex-shrink:0}.analysis-period-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#708374}.analysis-period-nav button{background:#ffffff9c;border-radius:12px;padding:10px;font-size:10px;min-height:38px}.analysis-period-nav span{text-align:center;line-height:1.6}.hourly-grid{display:block;width:100%;height:auto;margin:20px 0 12px}.hourly-grid text{font:9px -apple-system,BlinkMacSystemFont,sans-serif;fill:#8a978e}.hourly-grid [data-overview-day]{cursor:pointer}.hourly-grid [data-overview-day]:focus-visible{outline:2px solid #629c7d}.hourly-legend{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:10px;color:#7e8c80}.hourly-legend span{display:flex;gap:4px;align-items:center}.hourly-legend i,.distribution-metrics i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.overview-statistics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;border-top:1px solid #e3eadd;padding-top:20px;margin-top:20px}.overview-stat{min-width:0}.overview-stat>span{font-size:11px;color:#7b8b7d;line-height:1.7;display:block}.overview-stat strong{display:block;overflow-wrap:anywhere;font-size:23px;font-weight:550;line-height:1.45;margin:6px 0;color:#2d4937;letter-spacing:-.5px}.overview-stat strong small{display:inline;font-size:10px;font-weight:400;margin-left:3px;letter-spacing:0}.overview-stat>small{display:block;overflow-wrap:anywhere;font-size:10px;color:#8a978b;line-height:1.7}.analysis-help,.analysis-empty{font-size:10px!important;color:#788a7a!important;line-height:1.9!important;margin-top:16px!important}.analysis-switch{display:flex;gap:4px;flex-shrink:0}.analysis-switch button{background:#edf3e9;border-radius:10px;padding:8px;font-size:10px;color:#6d8570;min-height:34px}.analysis-switch button[aria-pressed=true]{background:#dcebdc;color:#3c6449}.hourly-card,.distribution-card,.paired-metric-card{padding:20px}.distribution-total{font-size:11px;color:#788978;margin-top:20px}.distribution-total strong{font-size:28px;margin-left:6px;font-weight:550;color:#2e4838}.distribution-total small{font-size:11px;font-weight:400;margin-left:3px}.analysis-distribution{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:22px;align-items:stretch;margin-top:18px}.distribution-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.distribution-metrics>div>span{font-size:11px;color:#687e6b}.distribution-metrics strong{display:block;font-size:27px;font-weight:550;margin-top:5px}.distribution-metrics strong small{display:inline;font-size:11px;font-weight:400;margin-left:3px}.distribution-metrics>div>small{display:block;font-size:10px;color:#8a978c;margin-top:4px}.distribution-column{min-height:170px;height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#edf0ec}.distribution-column span{display:block;width:100%;flex-shrink:0}.distribution-column .distribution-no-data{height:100%;background:#edf0ec}.paired-chart{margin-top:23px}.paired-chart-label{display:flex;justify-content:space-between;font-size:12px;color:#6e8272}.paired-chart-label small{font-size:10px}.paired-chart .metric-history-chart{margin:8px 0}.analysis-date-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#708473;margin-top:15px}.analysis-date-label input{min-width:0;font:inherit;color:#476950;padding:9px;border:1px solid #dce6d7;background:#f2f6ef;border-radius:12px}.analysis-date-label input:focus-visible{outline:2px solid #629c7d;outline-offset:2px}@media(max-width:360px){.hourly-card,.distribution-card,.paired-metric-card{padding:16px}.analysis-section-heading>span{font-size:13px}.analysis-section-heading .history-range{width:135px}.analysis-period-nav{font-size:9px}.overview-statistics{gap:17px 12px}.overview-stat strong{font-size:21px}.analysis-distribution{gap:14px;grid-template-columns:minmax(0,1fr) 40px}.paired-metric-card .trend-head h2{font-size:14px}.analysis-switch button{padding:7px 5px;font-size:9px}}
/* Health: long-term heart, energy and body records. */
.health-range-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px;font-size:12px;color:#6d8172}.health-range-row .history-range{margin:0;gap:4px}.health-range-row button{padding:9px 12px}
.health-age-card{display:block;width:100%;text-align:left;border:1px solid #ffffffd9;border-radius:30px;padding:24px;background:linear-gradient(135deg,#e1eee3ec,#f8faf3e0);box-shadow:inset 0 1px 0 #fff,0 8px 28px #35573c08;color:#304f3f}.health-section-kicker{display:block;font-size:11px;color:#6a8571;margin-bottom:13px}.health-age-heading{font-size:19px;font-weight:550;display:flex;justify-content:space-between}.health-age-heading i{font-style:normal;color:#7a9b81}.health-age-number{display:block;font-size:43px;font-weight:600;letter-spacing:-1.5px;margin-top:13px}.health-age-number small{font-size:14px;font-weight:400;letter-spacing:0}.health-age-caption{display:block;font-size:11px;color:#65806e;line-height:1.7;margin-top:5px}.health-age-chart{display:block;width:100%;height:auto;margin:16px 0 6px}.health-age-chart text{font-size:9px;fill:#7c8f7f;font-family:inherit}.health-age-more{display:block;font-size:11px;color:#58755f;margin-top:12px}.health-age-empty{padding:20px 8px;margin:16px 0;background:#ffffff66;border-radius:16px;color:#778d7b;font-size:12px;line-height:1.7;text-align:center}
.health-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.health-metric{display:block;min-width:0;text-align:left;background:#ffffffed;border:1px solid #fff;border-radius:23px;padding:18px 16px;box-shadow:0 4px 17px #35513e06;color:#344e3f}.health-metric-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500}.health-metric-title i{font-size:17px;font-style:normal;color:#80a18b}.health-metric-title>span{margin-left:auto;color:#9ba89b}.health-number{display:block;font-size:26px;letter-spacing:-.8px;line-height:1.4;font-weight:600;margin-top:16px;overflow-wrap:anywhere}.health-number small{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#738574}.health-metric-date{display:block;font-size:10px;color:#869483;margin-top:9px;line-height:1.6;min-height:16px}.health-benchmark{display:block;font-size:10px;color:#5e7d65;margin-top:6px;min-height:16px}.health-coverage{display:block;font-size:9px;color:#81917f;margin-top:14px}.health-coverage>i{display:block;height:4px;background:linear-gradient(to right,#bfd5c1 var(--coverage),#eef3eb var(--coverage));border-radius:4px;margin-top:7px}
.health-energy-card{display:block;width:100%;text-align:left;color:#334f3f}.health-energy-head{display:flex;justify-content:space-between;font-size:15px;font-weight:550}.health-energy-head>span{color:#93a28e}.health-energy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;margin:23px 0}.health-energy-stat{display:block;min-width:0}.health-energy-stat>span{display:block;font-size:11px;color:#7a8a76;line-height:1.7}.health-energy-stat>strong{display:block;font-size:27px;font-weight:550;letter-spacing:-.7px;margin:7px 0}.health-energy-stat>strong small{font-size:10px;font-weight:400;letter-spacing:0;margin-left:3px}.health-energy-stat>small{display:block;font-size:10px;color:#899784}.health-energy-stat:last-child{grid-column:1/-1;padding-top:17px;border-top:1px solid #e6ece0}.health-energy-stat:last-child>strong{font-size:31px}.health-energy-note{display:block;border-top:1px solid #e6ece0;padding-top:14px;color:#7c8e77;font-size:10px;line-height:1.7}.health-tools{margin-top:25px}.health-tools>summary{padding:18px 3px;color:#57745e;font-size:13px;cursor:pointer}.health-tools .white-card{margin-bottom:12px}.health-detail-value{display:grid;gap:8px;margin:22px 0}.health-detail-value strong{font-size:30px;color:#3a5b45}.health-detail-value small{font-size:12px;font-weight:400}.health-detail-value span{font-size:12px;color:#82947e}.health-history-list{display:grid;gap:8px;margin:16px 0 22px;max-height:350px;overflow-y:auto;overflow-x:hidden}.health-history-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 10px;border:1px solid #e7eee2;border-radius:12px;background:#f5f8f1;color:#4b6851;text-align:left;font-size:11px}.health-history-list button[aria-pressed=true]{background:#e5eee0;border-color:#adc9aa}.health-history-list strong{font-size:12px;text-align:right}.health-history-list strong small{font-size:10px;font-weight:400}.health-history-list section{padding:12px;border-radius:15px;background:#f4f7f0}.health-history-list section .detail-row{display:block}.health-history-list section .detail-value{overflow-wrap:anywhere;margin-top:5px}.health-history-list .detail-row{gap:10px}
@media(min-width:900px){.health-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.health-age-card{padding:28px 32px}.health-age-chart{max-width:600px}.health-energy-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.health-energy-stat:last-child{grid-column:auto;border-top:0;padding-top:0}}
@media(max-width:350px){.health-range-row{font-size:10px}.health-range-row button{padding:8px 9px}.health-metrics-grid{gap:8px}.health-metric{padding:16px 12px}.health-metric-title{font-size:11px;gap:4px}.health-number{font-size:23px}.health-energy-stat>strong{font-size:24px}.health-age-card{padding:22px 20px}}
/* Health reference layout: grouped white cards and compact overview. */
.health-age-card{background:#ffffffed;box-shadow:0 5px 20px #31503b09;padding:26px;border-radius:30px;margin:0 0 20px;color:#304f3f}.health-age-heading{font-size:21px;font-weight:600}.health-section-kicker{margin:7px 0 0;color:#7f9182;font-size:11px}.health-age-number{font-size:45px;margin-top:22px}.health-pace-summary{display:flex;align-items:center;gap:9px;font-size:11px;color:#7c8f7d;margin-top:21px}.health-pace-summary strong{font-size:20px;color:#536d5b}.health-pace-summary small{font-size:10px;margin-left:auto;color:#8a9889}.health-pace-track{display:block;height:9px;margin-top:18px;border-radius:10px;background:#e5e8e3}.health-pace-axis{display:flex;justify-content:space-between;font-size:10px;color:#9ba49a;margin-top:8px}.health-age-more{margin-top:18px;color:#7c8f7d}.health-group{padding:26px;border-radius:30px;margin:20px 0}.health-group h2{font-size:21px;margin:0 0 23px}.health-group .health-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.health-group .health-metric{background:transparent;box-shadow:none;border:0;border-radius:0;padding:19px 0;position:relative}.health-group .health-metric:nth-child(even){padding-right:10px}.health-group .health-metric-title{font-size:12px;line-height:1.65;gap:5px}.health-group .health-number{font-size:29px;margin-top:16px}.health-group .health-number small{display:inline;font-size:10px;margin-left:4px;white-space:normal}.health-group .health-metric-date{font-size:10px;margin-top:9px;min-height:0}.health-group .health-benchmark{font-size:9px;line-height:1.7;margin-top:7px}.health-group .health-vo2{grid-column:1/-1;border-bottom:1px solid #e6ebe3;min-height:139px;padding:0 145px 23px 0}.health-vo2-mini{position:absolute;right:0;top:17px;width:132px;height:73px;background:linear-gradient(#f3f6f0 1px,transparent 1px);background-size:100% 24px;border-radius:8px}.health-vo2-empty{position:absolute;right:0;top:25px;width:120px;height:50px;border-radius:9px;background:#f4f6f2;color:#9aa599;font-size:10px;display:grid;place-items:center}.health-group .health-oxygen{grid-column:1/-1;border-top:1px solid #e6ebe3;padding:17px 0 0;display:grid;grid-template-columns:1fr auto;gap:6px 10px}.health-oxygen .health-number{font-size:23px;margin:0;text-align:right}.health-oxygen .health-metric-date{grid-column:1/-1;margin:0}.health-energy-card{padding:26px;border-radius:30px;margin:20px 0}.health-energy-head{font-size:21px;font-weight:600}.health-energy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px;margin-top:26px}.health-energy-stat:last-child{grid-column:1/-1;border-top:1px solid #e6ece0;padding-top:18px}.health-body-card .health-metric{border-bottom:1px solid #e6ebe3}.health-body-card .health-metric:nth-last-child(-n+2){border-bottom:0;padding-bottom:0}.health-body-card .health-metric:nth-child(odd){padding-right:12px}.health-detail-card{background:#ffffffdb;border:1px solid #fff;border-radius:24px;padding:22px;margin:19px 0;box-shadow:0 3px 14px #31503b04}.health-detail-card h3{margin:0 0 18px;font-size:18px;color:#344e3f}.health-detail-card h4{margin:24px 0 9px;font-size:14px;font-weight:550}.health-detail-card p{font-size:12px;line-height:1.85;overflow-wrap:anywhere}.health-detail-card .health-age-number{display:block;margin:14px 0}.health-pace-number{display:block;font-size:40px;color:#4d6556;margin:22px 0}.health-detail-muted{font-size:10px!important;line-height:1.85!important;color:#839181!important;margin-top:13px!important}.health-factor-list{margin-top:14px}.health-factor-list>button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:transparent;padding:17px 0;border-bottom:1px solid #edf0e8}.health-factor-list>button:last-child{border-bottom:0}.health-factor-list i{font-size:22px;min-width:22px;font-style:normal;color:#83a98d}.health-factor-list span{min-width:0;flex:1;font-size:13px;color:#405f49}.health-factor-list span small{display:block;font-size:9px;color:#8a9886;line-height:1.7;margin-top:5px}.health-factor-list strong{font-size:17px;font-weight:550;max-width:85px;text-align:right;overflow-wrap:anywhere}.health-factor-list strong small{display:block;font-size:9px;font-weight:400;color:#869582;margin-top:4px}.health-factor-list b{font-size:20px;color:#a8b2a3;font-weight:400}.health-week-list{display:grid;gap:8px;margin-top:15px;font-size:10px;color:#7f917e}.health-week-list>span{display:flex;justify-content:space-between;align-items:center;gap:6px}.health-week-list strong{font-weight:500;color:#5c7c62}.health-week-list small{font-size:9px}.health-algorithm{padding:10px 3px 23px}.health-algorithm summary{cursor:pointer;font-size:13px;color:#5d7e65;padding:10px 0}.health-algorithm p{font-size:11px;line-height:1.9}.health-algorithm .quiet-link{display:block;line-height:1.8}.health-detail-card .health-age-empty{background:#f5f7f1;padding:29px 14px;font-size:11px}.health-detail-card .control-options{margin:19px 0 10px}.health-detail-card .health-age-chart{margin:0}
@media(max-width:350px){.health-age-card,.health-group,.health-energy-card{padding:22px 20px}.health-group .health-vo2{padding-right:115px}.health-vo2-mini{width:105px}.health-vo2-empty{width:95px}.health-group .health-metric-title{font-size:11px}.health-group .health-number{font-size:25px}.health-detail-card{padding:19px 16px}.health-factor-list span{font-size:11px}.health-factor-list strong{font-size:15px;max-width:70px}.health-factor-list>button{gap:7px}}
/* Personalized meal and movement guidance. */
.guidance-section{margin:22px 0 28px}.guidance-section .action-group-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.guidance-section .quiet-link{padding:0;font-size:10px;flex-shrink:0}.guidance-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guidance-card{display:block;min-width:0;text-align:left;border:1px solid #ffffffdf;border-radius:25px;padding:20px 17px;background:linear-gradient(145deg,#ffffffec,#f3f8f0e0);box-shadow:0 5px 20px #31503b08;color:#3a5844}.guidance-exercise{background:linear-gradient(145deg,#ffffffed,#edf5f3d9)}.guidance-card-top{display:flex;align-items:center;gap:6px;font-size:14px}.guidance-card-top i{font-style:normal;color:#90aa83;font-size:21px}.guidance-card-top>span{margin-left:auto;color:#99ac93}.guidance-card-top strong{font-weight:550}.guidance-goal-label{display:block;font-size:11px;color:#729276;margin:16px 0 10px}.guidance-card p{font-size:12px;line-height:1.85;margin:0 0 15px;min-height:66px;overflow-wrap:anywhere}.guidance-card>small{display:block;color:#8b9b86;font-size:9px;line-height:1.8}.guidance-field{display:block;font-size:12px;color:#58745f;margin:16px 0;line-height:1.65;min-width:0}.guidance-field input,.guidance-field select,.guidance-field textarea{display:block;width:100%;max-width:100%;min-width:0;padding:12px 11px;border:1px solid #dce6d6;border-radius:13px;background:#ffffffd4;color:#3f624a;font:inherit;margin-top:7px;box-sizing:border-box}.guidance-field input::placeholder,.guidance-field textarea::placeholder{font-size:11px;color:#8c9a86}.guidance-field input:focus-visible,.guidance-field select:focus-visible,.guidance-field textarea:focus-visible{outline:2px solid #80a587;outline-offset:2px}.guidance-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.guidance-form-grid .guidance-field{margin:12px 0}.guidance-form-section{padding:10px 0 22px;border-bottom:1px solid #e1e9dc}.guidance-form-section h3{font-size:17px;margin:10px 0 16px}.guidance-form-actions{display:flex;gap:10px;align-items:center;margin-top:23px}.guidance-form-actions .primary{width:auto;flex:1}.guidance-form-actions .soft-button{padding:15px 22px}#guidance-error,#onboard-error{font-size:11px;color:#a76b51;line-height:1.8}.guidance-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:23px 0}.guidance-goals .choice{padding:13px 5px;text-align:center;border-radius:17px}.guidance-goals .choice strong{font-size:12px}.onboard-guidance-fields{margin-top:21px}.guidance-focus{border:1px solid #fff;background:#e9f2e4b0;border-radius:21px;padding:21px;margin:23px 0}.guidance-focus>span{font-size:11px;color:#7b967a;display:block;margin-bottom:11px}.guidance-focus>strong{font-size:20px;line-height:1.65;font-weight:550;color:#42694b}.guidance-tips{padding-left:20px;font-size:12px;line-height:1.9;color:#667e66}.guidance-tips li{padding:5px 0}.guidance-controls{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.guidance-controls button{font-size:11px;padding:10px 12px;border-radius:12px;background:#edf3e7;color:#6b846b;border:1px solid transparent;min-height:38px}.guidance-controls button[aria-pressed=true]{background:#dfecda;border-color:#bed4b8;color:#456c4c}.guidance-meal{padding:20px;background:#ffffffca;border:1px solid #fff;border-radius:21px;margin:13px 0}.guidance-meal>small{font-size:10px;color:#88997e}.guidance-meal h3{font-size:15px;line-height:1.8;margin:8px 0 11px;overflow-wrap:anywhere}.guidance-meal p{font-size:11px;line-height:1.9}.guidance-meal-kcal{display:block;font-size:10px;color:#7a9872;line-height:1.7;margin-bottom:10px}.guidance-meal .quiet-link{font-size:11px;padding-bottom:0;line-height:1.8;text-align:left}.guidance-record-note{margin:24px 0 10px;border-top:1px solid #e1e9db;padding-top:16px}.guidance-record-note h3{font-size:14px}.guidance-record-note p{font-size:11px;line-height:1.9}.guidance-user-note{font-size:12px;line-height:1.9;padding:14px;background:#fff7ed9c;border-radius:15px;white-space:pre-wrap;overflow-wrap:anywhere}.guidance-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:22px 0}.guidance-week>button{display:block;text-align:center;border-radius:11px;padding:11px 0;background:#ffffffaa;border:1px solid #ffffff;color:#8b9a85;min-width:0}.guidance-week>button[aria-pressed=true]{border-color:#afc5a5;background:#e6efdf;color:#5b7852}.guidance-week small{display:block;font-size:9px;margin-bottom:7px}.guidance-week strong{font-size:10px;font-weight:500}.guidance-session>section{border:1px solid #fff;background:#ffffffcc;border-radius:21px;padding:20px;margin:14px 0}.guidance-session>section>span{font-size:10px;color:#89a080}.guidance-session h3{font-size:16px;margin:10px 0}.guidance-session p{font-size:12px;line-height:1.9}.guidance-move{display:grid;grid-template-columns:minmax(0,1fr) 15px;gap:6px 10px;text-align:left;padding:14px 0;border-bottom:1px solid #e9eee3;width:100%;background:transparent;color:#547449}.guidance-move strong{font-size:12px;font-weight:500;grid-column:1}.guidance-move small{font-size:10px;color:#8a9a7e;grid-column:1;line-height:1.8}.guidance-move b{grid-row:1/3;grid-column:2;align-self:center;font-size:19px;font-weight:400;color:#9bad8d}.guidance-detail-footer{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:24px}.guidance-sources{font-size:10px;color:#81947b;line-height:1.9;margin-top:25px}.guidance-sources summary{cursor:pointer;padding:12px 0}.guidance-sources p{font-size:10px;line-height:1.9}.guidance-sources a{font-size:11px;color:#6a8c61}.guidance-sources a:focus-visible{outline:2px solid #80a587}
@media(max-width:350px){.guidance-card{padding:18px 13px}.guidance-card-top{font-size:12px;gap:4px}.guidance-card p{font-size:11px}.guidance-form-grid{gap:0 8px}.guidance-field{font-size:11px}.guidance-field select{padding:11px 6px}.guidance-goals .choice strong{font-size:11px}.guidance-meal,.guidance-session>section{padding:17px}.guidance-week{gap:3px}.guidance-week small,.guidance-week strong{font-size:9px}}
.guidance-context{background:#ffffffb5;border:1px solid #ffffff;border-radius:22px;padding:18px;margin:18px 0;overflow-wrap:anywhere}.guidance-context h3{font-size:15px;margin:0 0 12px}.guidance-context p{font-size:12px;line-height:1.9}.guidance-context>small{font-size:10px;color:#82917d;line-height:1.8}.guidance-context strong{color:#55724c}.guidance-context summary{cursor:pointer;font-size:12px;line-height:1.8;padding:9px 0;color:#6b8661}.guidance-context a{font-size:11px;color:#6b8661}.guidance-context details>section{border-top:1px solid #e7ece1;padding:10px 0}.guidance-context h4{font-size:12px;margin:8px 0;color:#64805a}.guidance-mentions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.guidance-mentions span{font-size:10px;line-height:1.8;padding:10px;background:#edf3e8;border-radius:12px;min-width:0}.guidance-mentions b{display:block;font-size:12px;font-weight:500;color:#5b7851}.guidance-context .footnote{font-size:10px}