:root{--base-size:19px;--font-scale:1;--ink:#192522;--muted:#475b55;--green:#155c43;--green-dark:#0f4834;--green-pale:#e7f4eb;--blue:#245f8e;--red:#8a241d;--red-pale:#fff0ed;--amber:#784500;--amber-pale:#fff4d8;--line:#cbd8d1;--paper:#fff;--canvas:#f3f7f4;font-family:Arial,"Helvetica Neue",sans-serif;font-size:var(--base-size);color:var(--ink);background:var(--canvas);font-synthesis:none;text-size-adjust:100%}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;min-width:320px;background:var(--canvas);font-size:1rem;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:var(--green-dark);text-underline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #095eaf;outline-offset:3px}.skip-link{position:absolute;left:12px;top:-100px;z-index:10;padding:12px;background:#fff}.skip-link:focus{top:12px}.site-header{min-height:78px;padding:12px max(18px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--green-dark);font-size:calc(20px * var(--font-scale));font-weight:800;line-height:1.15}.brand-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--green);color:#fff;font-size:calc(36px * var(--font-scale));font-weight:500}.brand-mark svg{width:100%;height:100%;display:block}.small-break{display:none}.text-controls{display:flex;align-items:center;gap:9px;font-size:calc(15px * var(--font-scale));font-weight:700}.text-controls button{min-width:56px;min-height:56px;border:2px solid var(--green);border-radius:12px;background:#fff;color:var(--green-dark);font-weight:800}.text-controls button:hover{background:var(--green-pale)}main{width:min(100% - 32px,940px);margin:24px auto 64px}.welcome{padding:34px clamp(22px,5vw,52px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:20px;background:linear-gradient(90deg,rgba(9,55,39,.93) 0%,rgba(9,55,39,.84) 43%,rgba(9,55,39,.16) 100%),url("assets/health-hero.jpg") center 48%/cover no-repeat;background-color:var(--green);color:#fff}.eyebrow{margin:0 0 6px;color:var(--green);font-size:calc(14px * var(--font-scale));line-height:1.4;font-weight:800;letter-spacing:1px}.welcome .eyebrow{color:#d6f4df}.welcome h1{max-width:650px;margin:0;font-size:clamp(calc(32px * var(--font-scale)),calc(5.8vw * var(--font-scale)),calc(48px * var(--font-scale)));line-height:1.12;letter-spacing:-1px}.lead{max-width:590px;margin:14px 0 0;font-size:calc(19px * var(--font-scale));line-height:1.5;color:#f2fff5}.button{min-height:58px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid transparent;border-radius:12px;text-decoration:none;text-align:center;font-size:calc(17px * var(--font-scale));line-height:1.3;font-weight:750;cursor:pointer}.button-light{flex:none;background:#fff;color:var(--green-dark)}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:var(--green-dark)}.button-secondary{border-color:var(--green);background:#fff;color:var(--green-dark)}.button-secondary:hover{background:var(--green-pale)}.button-danger{border-color:#8a241d;background:#fff;color:#711c17}.notice{margin:18px 0;padding:16px 19px;display:flex;align-items:flex-start;gap:14px;border:2px solid #d49736;border-radius:14px;background:#fff8e8;color:#3d2a10}.notice p{margin:0;font-size:calc(16px * var(--font-scale));line-height:1.55}.notice-icon{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:#9b5b00;color:#fff;font-size:calc(21px * var(--font-scale));font-weight:800}.panel{margin-top:20px;padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 3px 14px #183d2808}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2,.sources-panel h2{margin:0;color:var(--ink);font-size:clamp(calc(26px * var(--font-scale)),calc(4vw * var(--font-scale)),calc(34px * var(--font-scale)));line-height:1.2;letter-spacing:-.4px}.section-intro{margin:7px 0 0;color:var(--muted);font-size:calc(16px * var(--font-scale))}.privacy-mark,.refresh-chip{flex:none;padding:8px 12px;border:1px solid var(--line);border-radius:22px;background:#f5f8f6;color:#30473d;font-size:calc(14px * var(--font-scale));font-weight:700}.journal form{display:grid;gap:23px}fieldset{min-width:0;margin:0;padding:0;border:0}legend{margin-bottom:12px;font-size:calc(19px * var(--font-scale));font-weight:800}.legend-note{font-size:calc(15px * var(--font-scale));font-weight:500;color:var(--muted)}.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}label{display:grid;gap:7px;font-size:calc(16px * var(--font-scale));font-weight:700}label small{color:var(--muted);font-size:calc(14px * var(--font-scale));font-weight:500}input,select{width:100%;min-height:62px;padding:12px 14px;border:2px solid #9eafa6;border-radius:11px;background:#fff;color:var(--ink);font-size:calc(19px * var(--font-scale))}input::placeholder{color:#687a72;opacity:1}input[type=number]{font-variant-numeric:tabular-nums}.field-help,.small-note{margin:8px 0 0;color:var(--muted);font-size:calc(15px * var(--font-scale));line-height:1.5}.glucose-grid{grid-template-columns:1fr 1fr}.date-grid{grid-template-columns:1fr 1fr}.form-error{margin:0;padding:11px 14px;border:1px solid #9d2b22;border-radius:9px;background:#fff0ed;color:#711c17;font-weight:700}.save-button{width:100%;min-height:64px;font-size:calc(20px * var(--font-scale))}.result-card{margin-top:20px;padding:20px;border:2px solid var(--green);border-radius:14px;background:var(--green-pale)}.result-card h3{margin:3px 0;font-size:calc(43px * var(--font-scale));line-height:1.2;font-variant-numeric:tabular-nums}.result-card h3 span{padding:0 5px;color:#52655b}.result-card h3 small{font-size:calc(17px * var(--font-scale))}.result-card p{margin:7px 0}.result-label{display:inline-flex;margin:6px 0;padding:5px 9px;border:1px solid currentColor;border-radius:7px;font-size:calc(15px * var(--font-scale))}.tone-normal{--tone:#155c43;--tone-bg:#e7f4eb;color:#10432f}.tone-caution{--tone:#784500;--tone-bg:#fff4d8;color:#623800}.tone-high,.tone-danger{--tone:#8a241d;--tone-bg:#fff0ed;color:#711c17}.result-card.tone-normal,.result-card.tone-caution,.result-card.tone-high,.result-card.tone-danger{background:var(--tone-bg);border-color:var(--tone)}.result-card .eyebrow{color:var(--tone)}.result-meta{font-size:calc(15px * var(--font-scale));color:var(--muted)}.share-button{margin-top:8px}.chart-panel .section-heading{align-items:flex-start}.chart-legend{display:flex;gap:23px;margin-bottom:8px;font-size:calc(15px * var(--font-scale));font-weight:700}.chart-legend span{display:flex;align-items:center;gap:8px}.legend-dot{width:15px;height:15px;display:inline-block;border-radius:50%}.systolic-dot{background:#176b4c}.diastolic-dot{background:#2469a4}.chart-wrap{position:relative;min-height:275px}.chart-wrap canvas{width:100%!important;height:275px!important}.empty-state{margin:0;padding:21px;border:1px dashed #9cafa5;border-radius:12px;background:#f8faf8;color:#43564d;text-align:center;font-size:calc(16px * var(--font-scale))}.chart-wrap .empty-state{position:absolute;inset:32px 0 auto}.chart-summary{margin-top:10px;font-size:calc(17px * var(--font-scale));font-weight:750}.history-list{display:grid;gap:13px}.history-item{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fcfdfc}.history-values{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.history-values>strong{font-size:calc(27px * var(--font-scale));font-variant-numeric:tabular-nums}.history-values>span:not(.status-pill){font-size:calc(14px * var(--font-scale));color:var(--muted)}.status-pill{padding:3px 8px;border:1px solid currentColor;border-radius:15px;background:#fff;font-size:calc(13px * var(--font-scale));font-weight:750}.history-item p{margin:5px 0;color:var(--muted);font-size:calc(15px * var(--font-scale))}.history-item .history-note{color:var(--ink)}.history-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.history-actions .button{min-height:56px;font-size:calc(15px * var(--font-scale))}.search-label{margin-bottom:8px;font-size:calc(18px * var(--font-scale))}.search-wrap{position:relative}.search-wrap>span{position:absolute;left:17px;top:9px;color:#354d42;font-size:calc(33px * var(--font-scale));line-height:1}.search-wrap input{min-height:68px;padding-left:56px;font-size:calc(20px * var(--font-scale))}.food-results{display:grid;gap:14px;margin-top:16px}.food-card{padding:17px;border:1px solid var(--line);border-radius:14px;background:#fbfdfb}.food-card h3,.news-item h3{margin:0;font-size:calc(23px * var(--font-scale));line-height:1.35}.food-advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:13px}.food-advice{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.condition-label{display:block;color:var(--muted);font-size:calc(14px * var(--font-scale));font-weight:700}.tag{display:inline-block;margin-top:6px;padding:4px 7px;border-radius:6px;font-size:calc(13px * var(--font-scale));line-height:1.3;font-weight:800}.tag-good{background:#e0f2e6;color:#104b32}.tag-limit{background:#fff0ed;color:#8a241d}.tag-caution{background:#fff4d8;color:#784500}.food-advice p,.news-item>p{margin:7px 0 0;font-size:calc(15px * var(--font-scale));line-height:1.5}.food-share{margin-top:15px}.food-method{margin-top:18px;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.food-method summary{min-height:56px;display:flex;align-items:center;color:var(--green-dark);font-weight:800;cursor:pointer}.food-method p{margin-bottom:0;font-size:calc(15px * var(--font-scale))}.health-news{display:grid;gap:13px}.news-item{padding:17px;border:1px solid var(--line);border-radius:12px;background:#fcfdfc}.news-item>a{text-decoration:none}.news-item>a:hover{text-decoration:underline}.news-item .news-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin:9px 0;color:var(--muted);font-size:calc(14px * var(--font-scale))}.news-item .news-meta span{font-weight:750;color:var(--green-dark)}.news-item .share-button{min-height:56px;font-size:calc(15px * var(--font-scale))}.sources-panel{margin-top:22px;padding:24px;border-radius:16px;background:#eaf1ed}.sources-panel h2{font-size:calc(24px * var(--font-scale))}.sources-panel p,.sources-panel li{font-size:calc(16px * var(--font-scale));line-height:1.6}.sources-panel ul{padding-left:24px}.sources-panel li{margin:7px 0}.disclaimer{padding-top:13px;border-top:1px solid #becbc3;font-weight:700}.site-footer{min-height:88px;padding:18px max(18px,calc((100vw - 940px)/2));display:flex;align-items:center;justify-content:space-between;gap:15px;background:#18382d;color:#fff;font-size:calc(14px * var(--font-scale))}.site-footer span:first-child{font-weight:800}.toast{position:fixed;left:50%;bottom:20px;z-index:5;max-width:min(92vw,600px);transform:translateX(-50%);padding:13px 18px;border:2px solid #fff;border-radius:12px;background:#173c2e;color:#fff;box-shadow:0 5px 25px #0003;font-size:calc(16px * var(--font-scale));font-weight:700;text-align:center}[hidden]{display:none!important}
@media(max-width:680px){.site-header{min-height:70px;padding:9px 14px;gap:8px}.brand{gap:8px;font-size:calc(17px * var(--font-scale))}.brand-mark{width:40px;height:40px;font-size:calc(32px * var(--font-scale));border-radius:11px}.small-break{display:block}.text-controls{gap:5px;font-size:calc(13px * var(--font-scale))}.text-controls button{min-width:52px;min-height:52px;border-radius:10px}main{width:min(100% - 22px,560px);margin:12px auto 38px}.welcome{padding:24px 20px;align-items:flex-start;flex-direction:column;gap:18px;border-radius:15px;background-image:linear-gradient(90deg,rgba(9,55,39,.95) 0%,rgba(9,55,39,.76) 67%,rgba(9,55,39,.35) 100%),url("assets/health-hero.jpg");background-position:left top,72% center}.welcome h1{font-size:calc(34px * var(--font-scale))}.lead{font-size:calc(18px * var(--font-scale))}.button{min-height:58px;width:100%}.notice{padding:13px;gap:10px}.notice p{font-size:calc(15px * var(--font-scale))}.panel{margin-top:13px;padding:19px 15px;border-radius:14px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.section-heading h2{font-size:calc(28px * var(--font-scale))}.section-intro{font-size:calc(15px * var(--font-scale))}.privacy-mark,.refresh-chip{font-size:calc(13px * var(--font-scale))}.field-grid,.glucose-grid,.date-grid{grid-template-columns:1fr;gap:13px}.field-grid label{font-size:calc(17px * var(--font-scale))}.journal form{gap:19px}input,select{min-height:64px;font-size:calc(19px * var(--font-scale))}.save-button{min-height:66px}.chart-wrap{min-height:250px}.chart-wrap canvas{height:250px!important}.food-advice-grid{grid-template-columns:1fr;gap:8px}.food-advice{padding:12px}.food-advice p{font-size:calc(16px * var(--font-scale))}.food-card h3,.news-item h3{font-size:calc(21px * var(--font-scale))}.history-item{padding:13px}.history-actions .button{width:auto;flex:1}.site-footer{padding:17px 15px;align-items:flex-start;flex-direction:column;gap:5px;font-size:calc(13px * var(--font-scale))}.chart-panel .section-heading{flex-direction:column}.chart-panel .share-button{width:100%}}
@media(min-width:681px){.save-button{max-width:300px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.news-image-link{display:block;margin:12px 0;overflow:hidden;border-radius:10px;background:#e7eee9;aspect-ratio:16/9}.news-image{display:block;width:100%;height:100%;object-fit:cover}
.news-reader{margin:10px 0;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.news-reader>summary{min-height:56px;display:flex;align-items:center;color:var(--green-dark);font-weight:800;text-decoration:underline;cursor:pointer}.news-reader>p{margin:0 0 10px;font-size:calc(16px * var(--font-scale));line-height:1.65}.news-reader>a{display:inline-flex;min-height:48px;align-items:center;font-size:calc(15px * var(--font-scale));font-weight:700}