body{background:#f4f4ed;color:#183229;font-family:"Avenir Next","Trebuchet MS",sans-serif}.topbar{max-width:none;height:82px;padding:0 clamp(24px,5vw,74px);background:#f4f4eddd;border-bottom:1px solid #17352a18;position:sticky;top:0;backdrop-filter:blur(18px);z-index:20}.brand{color:#183229;font-size:13px;letter-spacing:.16em}.brand-logo{border-radius:50%;box-shadow:none}.topbar nav{align-self:stretch;gap:8px}.topbar nav a{display:grid;place-items:center;padding:0 18px;color:#6d7b73;font-weight:600;position:relative}.topbar nav a:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:#cf6f4d;transform:scaleX(0);transition:transform .25s var(--ease)}.topbar nav a.active{color:#183229}.topbar nav a.active:after{transform:scaleX(1)}main{max-width:1280px}.app-view[hidden]{display:none}.app-view{animation:view-in .45s var(--ease)}@keyframes view-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.welcome-strip{margin:54px 30px 0;padding:34px 38px;display:grid;grid-template-columns:1.1fr 1fr;gap:26px 60px;color:#f6f2e8;background:#183a2e;border-radius:3px}.welcome-strip .eyebrow{color:#e5a083}.welcome-strip h2{font:400 clamp(32px,4vw,51px)/1.04 Georgia,serif;margin:0;letter-spacing:-.04em}.welcome-strip>p{color:#cfdbd5;max-width:480px;margin:24px 0 0}.use-path{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:15px;padding-top:25px;border-top:1px solid #ffffff24}.use-path span{display:flex;align-items:center;gap:10px;font-size:13px}.use-path b{font:400 20px Georgia,serif;color:#e5a083}.use-path i{height:1px;background:#ffffff25}.hero{padding:75px 30px 46px}.hero h1,.workspace-header h1{font-family:Georgia,serif;font-weight:400;color:#183229}.hero h1 span{color:#c96140;text-shadow:none}.eyebrow{color:#b65538}.button.primary{background:#c96140;box-shadow:none}.notice{background:#eee5d8;border-color:#ddd0be}.dashboard-grid{grid-template-columns:1.25fr .75fr .75fr}.dashboard-grid .water-card{display:none}.card,.health-panel,.article-grid article,.insight-card{border-color:#d9ded7;border-radius:3px;box-shadow:none}.glucose-card{grid-row:span 2}.health-dashboard{display:none}.mobile-view-nav{display:none}
.workspace-header{margin:0 30px;padding:82px 4px 45px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #cdd4cc}.workspace-header h1{font-size:clamp(45px,6vw,74px);line-height:.98;letter-spacing:-.055em;margin:0}.workspace-header p:not(.eyebrow){max-width:520px;color:#67776e;font-size:17px}.workspace-panel{display:block!important;margin:34px 30px 90px;min-height:380px;border-radius:3px;background:#fbfaf5}.workspace-panel .panel-head{padding-bottom:28px;border-bottom:1px solid #dde1da}.workspace-panel .panel-stats{padding:32px 0}.workspace-panel .panel-stats strong{font-family:Georgia,serif;font-weight:400;font-size:38px}.workspace-panel .panel-head>.button{display:none}.water-workspace-card{max-width:760px;min-height:390px;padding:48px}.water-workspace-card .water-dots{margin:60px 0 42px}.water-workspace-card .water-dot{width:34px;height:52px;border-radius:18px 18px 10px 10px}.water-workspace-card .water-controls{justify-content:flex-start}.water-note{position:absolute;margin-top:-465px;margin-left:min(74%,930px);width:260px;border-top:2px solid #c96140;padding-top:18px;color:#68776f}.app-view-water{position:relative}.water-note span,.water-note strong{display:block}.water-note span{font-size:11px;letter-spacing:.14em;color:#b65538}.water-note strong{font:400 24px/1.15 Georgia,serif;color:#183229;margin:12px 0}footer{max-width:none;background:#183a2e;color:#c7d1cb;border:0}
@media(max-width:760px){.topbar{height:68px}.mobile-view-nav{display:flex;position:sticky;top:68px;z-index:18;padding:8px 12px;gap:5px;background:#f4f4edf2}.mobile-view-nav button{border:0;border-radius:20px;padding:8px 14px;background:transparent;color:#64736a;font:600 12px inherit}.mobile-view-nav button.active{background:#183a2e;color:#fff}.welcome-strip{margin:24px 14px 0;padding:28px 24px;grid-template-columns:1fr}.welcome-strip>p{margin:0}.use-path{grid-template-columns:1fr;gap:8px}.use-path i{display:none}.dashboard-grid{grid-template-columns:1fr}.workspace-header{margin:0 20px;padding:50px 0 30px;display:block}.workspace-header h1{font-size:45px}.workspace-panel{margin:22px 20px 60px;padding:24px}.water-workspace-card .water-dot{width:22px;height:36px}.water-note{position:static;margin:-30px 20px 60px;width:auto}}

/* Editorial page additions */
.topbar .brand{font-size:17px}.hero h1{font-size:clamp(46px,6.5vw,72px)}
.journal-gallery{margin:34px 30px 12px;display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:220px 220px;gap:12px}.journal-gallery figure{position:relative;margin:0;overflow:hidden;background:#d8ddd6}.journal-gallery .gallery-tall{grid-row:1/3}.journal-gallery img,.glucose-story img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.journal-gallery figure:hover img,.glucose-story figure:hover img{transform:scale(1.035)}.journal-gallery figure:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#10271fd9)}.journal-gallery figcaption{position:absolute;z-index:1;left:24px;right:24px;bottom:22px;color:#fff}.journal-gallery figcaption span{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#efb49e}.journal-gallery figcaption strong{display:block;max-width:350px;margin-top:5px;font:400 22px/1.15 Georgia,serif}
.glucose-story{margin:34px 30px 12px;display:grid;grid-template-columns:.72fr 1.28fr;min-height:390px;background:#183a2e;color:#f5f0e6}.glucose-story-copy{padding:52px 42px;align-self:center}.glucose-story-copy .eyebrow{color:#e5a083}.glucose-story h2{font:400 clamp(31px,4vw,48px)/1.02 Georgia,serif;margin:0 0 22px}.glucose-story p{color:#cbd7d0}.glucose-story figure{position:relative;margin:0;overflow:hidden;min-height:390px}.glucose-story figcaption{position:absolute;left:0;right:0;bottom:0;padding:35px 26px 20px;color:#fff;background:linear-gradient(transparent,#10271fdd);font-size:12px}
.care-grid{margin:0 30px 30px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ccd3cc}
.care-grid article{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:26px 24px 28px 0;border-bottom:1px solid #ccd3cc}
.care-grid article:nth-child(odd){border-right:1px solid #ccd3cc}
.care-grid article:nth-child(even){padding-left:24px}
.care-number{font:400 21px/1 Georgia,serif;color:#b65538}
.care-grid h3{font:400 21px/1.2 Georgia,serif;margin:0 0 9px;color:#183229;letter-spacing:-.025em}
.care-grid p{margin:0;color:#586b61;font-size:13px;line-height:1.6}
.care-source{margin:0 30px 90px;color:#67776e;font-size:12px;line-height:1.6;max-width:760px}
.care-source a{color:#b65538;font-weight:700;text-decoration:none;border-bottom:1px solid #e5a083}
@media(max-width:760px){.care-grid{margin:0 20px 24px;grid-template-columns:1fr}.care-grid article,.care-grid article:nth-child(even){padding:22px 0}.care-grid article:nth-child(odd){border-right:0}.care-source{margin:0 20px 60px}}
.founder-hero{margin:0 30px;padding:70px 0 90px;display:grid;grid-template-columns:minmax(330px,.82fr) 1.18fr;gap:clamp(45px,7vw,100px);align-items:center}.founder-portrait-wrap{position:relative;padding:18px 0 0 18px}.founder-portrait-wrap:before{content:"";position:absolute;inset:0 18px 18px 0;border:1px solid #c96140}.founder-portrait{position:relative;display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}.portrait-index{position:absolute;z-index:2;top:35px;left:-15px;padding:7px 10px;background:#f4f4ed;color:#b65538;font-size:10px;letter-spacing:.14em;writing-mode:vertical-rl}.founder-copy h1{font:400 clamp(48px,6.5vw,78px)/.96 Georgia,serif;letter-spacing:-.055em;margin:0;max-width:650px}.founder-role{margin:16px 0 28px!important;color:#b65538!important;font-weight:700}.founder-copy>p{max-width:680px;color:#586b61;font-size:16px;line-height:1.72}.founder-copy blockquote{margin:34px 0;padding:5px 0 5px 24px;max-width:680px;border-left:2px solid #c96140;color:#183229;font:400 25px/1.35 Georgia,serif}.focus-areas{margin-top:34px;padding-top:20px;border-top:1px solid #ccd3cc}.focus-areas>span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#b65538}.focus-areas p{color:#183229;font-size:13px;line-height:1.8}.focus-areas i{padding:0 5px;color:#c96140;font-style:normal}
@media(max-width:760px){.topbar .brand{font-size:15px}.mobile-view-nav{overflow-x:auto}.journal-gallery{margin:22px 20px 12px;grid-template-columns:1fr;grid-template-rows:310px 210px 210px}.journal-gallery .gallery-tall{grid-row:auto}.glucose-story{margin:22px 20px 12px;grid-template-columns:1fr}.glucose-story-copy{padding:36px 26px}.glucose-story figure{min-height:280px}.founder-hero{margin:0 20px;padding:45px 0 65px;grid-template-columns:1fr;gap:42px}.founder-portrait-wrap{max-width:520px}.founder-copy h1{font-size:48px}.founder-copy blockquote{font-size:22px}}

/* 2026 refinement: quiet editorial overview, tactile page changes and useful food choices */
.brand-logo{object-fit:contain;background:#fff;padding:2px;image-rendering:auto}
.app-view{animation:view-in .72s cubic-bezier(.16,1,.3,1)}
@keyframes view-in{from{opacity:0;transform:translateY(20px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}
.app-view>.workspace-header>div>*{animation:heading-rise .7s cubic-bezier(.16,1,.3,1) both}
.app-view>.workspace-header>div>h1{animation-delay:.07s}
.app-view>.workspace-header>div>p:last-child{animation-delay:.14s}
@keyframes heading-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hero h1{font-size:clamp(58px,7.4vw,92px);line-height:.91;letter-spacing:-.065em}
.section-heading h2{font-size:clamp(34px,4vw,50px);letter-spacing:-.045em}
.workspace-header h1{font-size:clamp(58px,7.2vw,92px)}

.app-view-overview .welcome-strip,
.app-view-overview>.notice,
.app-view-overview>.split-section,
.app-view-overview>.learn-section{display:none}
.app-view-overview .hero{padding-top:92px;border-bottom:1px solid #d6dcd5}
.app-view-overview .dashboard-grid{margin-top:42px;margin-bottom:80px;grid-template-columns:1.35fr .8fr .8fr}
.app-view-overview .card{background:transparent;padding:26px 0;border-width:1px 0 0;border-radius:0}
.app-view-overview .card:hover{transform:none;box-shadow:none}
.app-view-overview .insight-section{margin-top:0}

.food-chooser{margin:68px 30px 44px}
.food-chooser .section-heading{padding-bottom:22px;border-bottom:1px solid #ced6ce}
.food-chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d7ddd6;border:1px solid #d7ddd6}
.food-chip-grid button{min-height:94px;padding:19px 20px;border:0;background:#fbfaf5;color:#183229;text-align:left;cursor:pointer;transition:background .25s ease,transform .25s ease}
.food-chip-grid button:hover,.food-chip-grid button:focus-visible{background:#eee5d8;position:relative;transform:translateY(-2px)}
.food-chip-grid strong,.food-chip-grid span{display:block}
.food-chip-grid strong{font:400 19px/1.2 Georgia,serif;margin-bottom:8px}
.food-chip-grid span{font-size:12px;color:#6b7a71}

.water-visual{height:360px;margin:20px 30px 34px;position:relative;overflow:hidden;background:#dce8e9}
.water-visual img{width:100%;height:100%;object-fit:cover;object-position:center 46%}
.water-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,46,43,.62),transparent 60%)}
.water-visual figcaption{position:absolute;z-index:1;left:42px;bottom:38px;color:white;max-width:350px}
.water-visual figcaption span,.water-visual figcaption strong{display:block}
.water-visual figcaption span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}
.water-visual figcaption strong{font:400 30px/1.05 Georgia,serif}
.app-view-water .water-workspace-card{margin-top:0}
.glucose-story figure img{filter:saturate(.78) contrast(.98)}

@media(max-width:760px){
  .hero h1{font-size:52px}
  .workspace-header h1{font-size:54px}
  .section-heading h2{font-size:34px}
  .app-view-overview .hero{padding-top:58px}
  .app-view-overview .dashboard-grid{margin-top:24px;margin-bottom:56px}
  .food-chooser{margin:48px 20px 34px}
  .food-chip-grid{grid-template-columns:1fr}
  .food-chip-grid button{min-height:80px}
  .water-visual{height:290px;margin:10px 20px 24px}
  .water-visual figcaption{left:24px;bottom:24px;right:24px}
  .water-visual figcaption strong{font-size:25px}
}

/* Keep entry controls beside the data they change. */
.workspace-panel .panel-head>.button{display:inline-flex;align-items:center;white-space:nowrap}
.inline-log-control{display:flex;align-items:center;gap:9px}
.inline-log-control .muted{margin-right:8px}
.inline-log-control .stepper{box-shadow:none;border:1px solid #d5ddd5;background:#fbfaf5}
.inline-log-control .stepper.add{background:#c96140;color:#fff;border-color:#c96140}
.water-helper{margin-top:auto}
.founder-portrait{aspect-ratio:3/4;object-position:center 18%}
.workspace-panel,.water-workspace-card{border-top:3px solid #c96140}
.workspace-panel .panel-icon{background:#e8efe9;color:#183a2e}
.workspace-panel .button.primary:focus-visible,.inline-log-control .stepper:focus-visible{outline-color:#183a2e;outline-offset:3px}
@media(max-width:760px){.workspace-panel .panel-head{align-items:center}.workspace-panel .panel-title .muted{display:none}.inline-log-control{gap:6px}.inline-log-control .muted{margin-right:2px}.inline-log-control .stepper{width:34px;height:34px}}

/* Minimal blue overview */
.app-view-overview{--overview-ink:#102a43;--overview-blue:#236fa1;--overview-bright:#398fc3;--overview-pale:#eaf4fa;--overview-line:#cadde9;color:var(--overview-ink)}
.app-view-overview .hero{margin:0 30px;padding:96px 0 64px;align-items:center;border-color:var(--overview-line);overflow:visible}
.app-view-overview .hero:before{right:4%;top:40px;width:240px;height:240px;background:radial-gradient(circle,#75b9dc55 0 1px,transparent 1.5px);background-size:20px 20px;opacity:.65}
.app-view-overview .hero h1{color:var(--overview-ink);font-size:clamp(58px,7.4vw,90px)}
.app-view-overview .hero h1 span{color:var(--overview-blue)}
.app-view-overview .eyebrow{color:var(--overview-blue)}
.app-view-overview .subhead{color:#5d7282}
.app-view-overview .hero-glance{background:transparent;border:0;border-left:2px solid #8fc2dd;border-radius:0;box-shadow:none;backdrop-filter:none;padding:3px 0 3px 14px}
.app-view-overview .glance-mark{display:none}
.app-view-overview .hero-actions{background:#f8fbfccc;border-color:#d6e6ef;border-radius:14px;box-shadow:0 16px 40px #173e5812}
.app-view-overview .button.primary{background:var(--overview-blue);box-shadow:none}
.app-view-overview .button.secondary{background:var(--overview-pale);color:var(--overview-ink)}
.app-view-overview .dashboard-grid{padding:0 30px;gap:22px;margin-top:40px;grid-template-columns:1.35fr .8fr .8fr}
.app-view-overview .card{min-height:200px;padding:24px;border:1px solid var(--overview-line);border-radius:16px;background:#fbfdfd;box-shadow:0 12px 32px #183f570a}
.app-view-overview .card:after{display:none}
.app-view-overview .card:hover{border-color:#91bfd7;transform:translateY(-2px);box-shadow:0 16px 36px #183f5710}
.app-view-overview .glucose-card{color:#fff;background:linear-gradient(145deg,#153f63,#236f9e 68%,#3f91b9);border-color:transparent}
.app-view-overview .glucose-card:hover{border-color:transparent}
.app-view-overview .glucose-card .text-action{color:#fff}
.app-view-overview .habit-card{background:#f1f7fa}
.app-view-overview .text-action{color:var(--overview-blue)}
.app-view-overview .progress span{background:var(--overview-bright)}
.hero-quicklog{position:relative;width:min(430px,42vw);padding:20px;border:1px solid #c8e0ec;border-radius:22px;background:linear-gradient(145deg,#ffffffed,#eaf7fbeb);box-shadow:0 24px 55px #154c6d18;backdrop-filter:blur(12px)}
.hero-quicklog:before{content:"";position:absolute;z-index:-1;width:150px;height:150px;right:-30px;top:-42px;border-radius:50%;background:#72d0dc25}
.quicklog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 3px 15px}.quicklog-head>span{color:#176b9a;font-size:10px;font-weight:800;letter-spacing:.16em}.quicklog-head small{color:#718593;font-size:11px}
.quicklog-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quicklog-option{min-height:82px;display:grid;grid-template-columns:38px 1fr 16px;gap:10px;align-items:center;padding:13px;border:1px solid transparent;border-radius:14px;background:#eef2f5;color:#123f62;text-align:left;cursor:pointer;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}.quicklog-option:hover{transform:translateY(-3px);box-shadow:0 12px 24px #164f7215;border-color:#fff}.quicklog-option:focus-visible{outline:3px solid #268ab54a;outline-offset:2px}.quicklog-option.meal{background:#dff3fa}.quicklog-option.glucose{background:#dceafa}.quicklog-option.movement{background:#dcf5f3}.quicklog-option.context{background:#e8eef9}.quicklog-option.medication{background:#ece3f8}.quicklog-option i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#ffffffb8;color:#176f9e;font:normal 22px Georgia,serif}.quicklog-option span,.quicklog-option strong,.quicklog-option small{display:block}.quicklog-option strong{font-size:13px}.quicklog-option small{margin-top:3px;color:#668091;font-size:10px}.quicklog-option b{color:#318bb5;font:400 21px Georgia,serif}.quicklog-note{display:flex;align-items:center;gap:7px;margin:13px 3px 0;color:#718593;font-size:10px}.quicklog-note span{width:6px;height:6px;border-radius:50%;background:#42b8b5;box-shadow:0 0 0 3px #42b8b51a}
.app-view-overview .dashboard-grid .card{transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}
.app-view-overview .dashboard-grid .card:not(.glucose-card){border-top-width:4px}.app-view-overview .dashboard-grid .card:nth-child(2){border-top-color:#42b8c9}.app-view-overview .habit-card{border-top-color:#5d8fca}.app-view-overview .exercise-card{border-top-color:#748dc5}.app-view-overview .water-card{border-top-color:#3fb6c9}.app-view-overview .medication-card{border-top-color:#a875c9}
.diabetes-brief{margin:0 30px 90px;padding:64px 0 0;display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(50px,8vw,110px);border-top:1px solid var(--overview-line)}
.brief-intro h2{font:400 clamp(38px,4.5vw,58px)/.98 Georgia,serif;letter-spacing:-.05em;margin:10px 0 22px;color:var(--overview-ink)}
.brief-intro>p:not(.eyebrow){max-width:390px;color:#5d7282;line-height:1.7}
.brief-intro .text-action{display:inline-block;margin-top:18px}
.brief-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--overview-line)}
.brief-grid article{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:26px 24px 28px 0;border-bottom:1px solid var(--overview-line)}
.brief-grid article:nth-child(odd){border-right:1px solid var(--overview-line)}
.brief-grid article:nth-child(even){padding-left:24px}
.brief-number{color:var(--overview-bright);font-size:11px;font-weight:800;letter-spacing:.12em;padding-top:5px}
.brief-grid h3{font:400 21px/1.2 Georgia,serif;margin:0 0 9px;color:var(--overview-ink);letter-spacing:-.025em}
.brief-grid p{margin:0;color:#607584;font-size:13px;line-height:1.6}
@media(max-width:760px){.app-view-overview .hero{margin:0 20px;padding:58px 0 38px}.hero-quicklog{width:auto;margin-top:30px;padding:15px}.quicklog-head small{display:none}.quicklog-grid{grid-template-columns:1fr 1fr}.quicklog-option{min-height:74px;grid-template-columns:34px 1fr;padding:10px}.quicklog-option i{width:34px;height:34px}.quicklog-option b{display:none}.app-view-overview .dashboard-grid{padding:0 20px;grid-template-columns:1fr}.app-view-overview .card{min-height:185px}.diabetes-brief{margin:0 20px 64px;padding-top:48px;grid-template-columns:1fr;gap:38px}.brief-grid{grid-template-columns:1fr}.brief-grid article,.brief-grid article:nth-child(even){padding:22px 0}.brief-grid article:nth-child(odd){border-right:0}.brief-intro h2{font-size:42px}}

body{background:#f5f9fb;color:#15324a}
.topbar{background:#f5f9fbe8;border-bottom-color:#b9d2e133}
.topbar .brand,.topbar nav a.active{color:#173f5f}
.topbar nav a{color:#687d8c}
.topbar nav a:after{background:#2f82b7}
footer{background:#153f60;color:#d7e6ee}
@media(max-width:760px){.mobile-view-nav{background:#f5f9fbf2}.mobile-view-nav button{color:#647a89}.mobile-view-nav button.active{background:#236f9e}}

/* Coastal blue spectrum: richer colour without losing the calm health-journal tone. */
:root{--deep-blue:#123f6b;--ocean-blue:#176fa6;--clear-blue:#2e91c4;--cyan:#43bfd0;--sky:#dff3fb;--ice:#f2f9fc}
body{background:radial-gradient(circle at 92% 7%,#bdeef260 0,transparent 24%),radial-gradient(circle at 4% 46%,#c9e5fa55 0,transparent 28%),#f4f9fc}
.topbar{background:#f5f9fce8;box-shadow:0 8px 30px #164f7210}
.profile-button{background:linear-gradient(145deg,#bcecf2,#9bc9ee);box-shadow:0 7px 18px #164f7230}
.button.primary{background:linear-gradient(135deg,var(--clear-blue),var(--deep-blue));box-shadow:0 10px 22px #176fa62d}
.button.secondary{background:linear-gradient(135deg,#e9f7fb,#dcecf8);color:var(--deep-blue)}

/* One consistent card surface, so the grid reads as a single clean
   set — only the glucose card (the day's headline number) stands
   out as a gradient "hero" card. Category colour lives in the top
   accent border instead of a different background per card. */
.app-view-overview .dashboard-grid .card{isolation:isolate;overflow:hidden}
.app-view-overview .glucose-card:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.9;pointer-events:none;background:radial-gradient(circle at 90% 12%,#75dbe338,transparent 34%)}
.app-view-overview .glucose-card{background:linear-gradient(145deg,#102f55 0%,#155986 58%,#258bae 100%)}
.app-view-overview .dashboard-grid .card:not(.glucose-card){background:#fbfdfd;border-color:var(--overview-line)}
.app-view-overview .dashboard-grid .card:not(.glucose-card) .card-heading{color:#123f62}
.app-view-overview .dashboard-grid .card:not(.glucose-card) .metric{color:#176b9a}

/* Dedicated pages share the spectrum while keeping distinct identities. */
.app-view-food{background:linear-gradient(180deg,#f4f9fc 0,#eef8fc 55%,#f8fbfd 100%)}
.app-view-water{background:radial-gradient(circle at 82% 18%,#9ce4e84d,transparent 28%),linear-gradient(180deg,#f3fbfc,#e8f6fa 70%,#f7fbfd)}
.app-view-glucose{background:radial-gradient(circle at 92% 4%,#75b9dc38,transparent 25%),linear-gradient(180deg,#f2f7fb,#e7f1f8 70%,#f8fbfd)}
.app-view-founder{background:linear-gradient(145deg,#f8fbfd 0%,#eaf5fa 52%,#f4fafc 100%)}
.workspace-header{border-color:#bad7e7}
.workspace-header .eyebrow,.founder-role,.focus-areas>span{color:var(--ocean-blue)!important}
.workspace-header h1,.founder-copy h1,.founder-copy blockquote{color:#123b5b}
.workspace-panel,.water-workspace-card{border-top-color:var(--clear-blue);border-radius:18px;background:linear-gradient(145deg,#ffffff,#edf8fc);box-shadow:0 20px 50px #133f5d12}
.app-view-food .workspace-panel{border-top-color:#2697c4}
.app-view-water .workspace-panel{border-top-color:#3abac9;background:linear-gradient(145deg,#f9ffff,#ddf6f7)}
.app-view-glucose .workspace-panel{border-top-color:#175f91;background:linear-gradient(145deg,#ffffff,#e5f0f8)}
.workspace-panel .panel-icon{background:#d9f1f7;color:#176b99}
.food-chip-grid{background:#badbea;border-color:#badbea}
.food-chip-grid button{background:linear-gradient(145deg,#fff,#edf8fc);color:#123f62}
.food-chip-grid button:nth-child(3n+2){background:linear-gradient(145deg,#f5fcff,#dff3f8)}
.food-chip-grid button:nth-child(3n){background:linear-gradient(145deg,#f4f9ff,#dceaf8)}
.food-chip-grid button:hover,.food-chip-grid button:focus-visible{background:#d2eef6}
.water-note{border-top-color:var(--cyan)}.water-note span{color:#168394}
.glucose-story{background:linear-gradient(135deg,#113958,#176895 58%,#32a9bb)}
.founder-portrait-wrap:before{border-color:#4aa9ca}.portrait-index{color:#176f9d;background:#e8f5fa}.focus-areas i{color:#2997ba}

.diabetes-brief{border-color:#b9d8e8}.brief-grid{border-color:#b9d8e8}.brief-grid article{border-color:#c7dfeb}
.insight-section{background:linear-gradient(120deg,#10385f,#176fa6 55%,#3bbaca)}
.article-grid article:nth-child(2){background:linear-gradient(145deg,#f8fdff,#e0f5f7)}
.article-grid article:nth-child(3){background:linear-gradient(145deg,#f7fbff,#e1ecf8)}
dialog{background:linear-gradient(145deg,#fff,#f0f8fc);border:1px solid #cae3ee}
.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{outline:3px solid #48b9d02b;border-color:#319bbb}

@media(max-width:760px){
  .app-view-food,.app-view-water,.app-view-glucose,.app-view-founder{background-position:center;background-size:cover}
  .app-view-overview .dashboard-grid .card{min-height:190px}
  .workspace-panel,.water-workspace-card{border-radius:15px}
}

/* Interactive glucose reading notebook. */
.glucose-notebook{position:relative;margin:34px 30px 90px;padding:50px 54px 54px 76px;border:1px solid #b9d8e8;border-radius:5px 22px 22px 5px;background:repeating-linear-gradient(180deg,transparent 0,transparent 42px,#b8d8e54a 43px),linear-gradient(145deg,#fff,#edf7fb);box-shadow:0 26px 60px #103d5a18;overflow:hidden}
.glucose-notebook:before{content:"";position:absolute;left:50px;top:0;bottom:0;width:1px;background:#e29b9b80}.notebook-binding{position:absolute;z-index:2;left:18px;top:26px;bottom:26px;width:25px;background:repeating-linear-gradient(180deg,transparent 0 21px,#174d7040 22px 25px,transparent 26px 43px)}
.notebook-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-bottom:30px}.notebook-head h2{margin:0;font:400 clamp(36px,4.8vw,58px)/.98 Georgia,serif;color:#123b5b;letter-spacing:-.05em}.notebook-head p:not(.eyebrow){max-width:580px;margin:15px 0 0;color:#587184}
.notebook-summary{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #c5deea;border-radius:14px;background:#f8fcfecc;overflow:hidden}.notebook-summary>span{min-height:76px;padding:15px 18px;display:flex;align-items:center;gap:8px;border-right:1px solid #c5deea;color:#667d8c;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.notebook-summary>span:last-child{border-right:0}.notebook-summary strong{font:400 25px Georgia,serif;color:#153f60;margin-right:2px}.summary-dot{width:8px;height:8px;border-radius:50%}.summary-dot.normal{background:var(--glucose-normal)}.summary-dot.low{background:var(--glucose-low)}.summary-dot.above{background:var(--glucose-elevated)}
.notebook-toolbar{position:relative;display:flex;gap:7px;margin:28px 0 17px;overflow-x:auto}.notebook-toolbar button{border:1px solid #bdd7e4;border-radius:999px;padding:9px 14px;background:#f7fbfd;color:#49677a;font:700 12px inherit;white-space:nowrap;cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease)}.notebook-toolbar button:hover{transform:translateY(-2px)}.notebook-toolbar button.active{border-color:#176a99;background:#176a99;color:#fff}
.notebook-pages{position:relative;display:grid;gap:10px}.notebook-entry{border:1px solid #c7dee8;border-left:5px solid #7897a8;border-radius:12px;background:#ffffffdb;box-shadow:0 8px 22px #12405b0b;overflow:hidden}.notebook-entry.level-low{border-left-color:var(--glucose-low)}.notebook-entry.level-normal{border-left-color:var(--glucose-normal)}.notebook-entry.level-elevated{border-left-color:var(--glucose-elevated)}.notebook-entry.level-high{border-left-color:var(--glucose-high)}
.notebook-entry summary{min-height:82px;padding:13px 18px;display:grid;grid-template-columns:36px 92px 1fr 28px;gap:12px;align-items:center;list-style:none;cursor:pointer}.notebook-entry summary::-webkit-details-marker{display:none}.notebook-page-number{font:400 15px Georgia,serif;color:#8399a7}.notebook-reading{display:flex;align-items:baseline;gap:4px}.notebook-reading strong{font:400 32px Georgia,serif;color:#123f62}.notebook-reading small{font-size:9px;color:#708695}.notebook-entry-meta strong,.notebook-entry-meta small{display:block}.notebook-entry-meta strong{color:#173e5d}.notebook-entry-meta small{margin-top:3px;color:#6b8190;font-size:11px}.notebook-expand{font-size:22px;color:#287da8;transition:transform .25s var(--ease)}.notebook-entry[open] .notebook-expand{transform:rotate(45deg)}
.notebook-entry-detail{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 18px 0 48px;padding:17px 0 20px 104px;border-top:1px dashed #b7d2df}.notebook-entry-detail p{margin:0;color:#486778;font-size:13px}.notebook-entry-detail p span{display:block;margin-bottom:4px;color:#7b919e;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.notebook-remove{font-size:12px!important;white-space:nowrap}.notebook-empty{padding:50px 25px;text-align:center;color:#637d8c}.notebook-empty>span{display:block;font:400 34px Georgia,serif;color:#35a5ba}.notebook-empty strong{display:block;margin:8px 0 4px;font:400 24px Georgia,serif;color:#143e5d}.notebook-empty p{margin:0 0 15px}
@media(max-width:760px){.glucose-notebook{margin:22px 20px 64px;padding:34px 20px 32px 38px}.glucose-notebook:before{left:25px}.notebook-binding{left:4px}.notebook-head{display:block}.notebook-head .button{margin-top:22px}.notebook-summary{grid-template-columns:1fr 1fr}.notebook-summary>span:nth-child(2){border-right:0}.notebook-summary>span:nth-child(-n+2){border-bottom:1px solid #c5deea}.notebook-entry summary{grid-template-columns:26px 72px 1fr 18px;padding:12px 10px}.notebook-reading strong{font-size:27px}.notebook-entry-detail{margin-left:36px;padding:15px 5px;display:block}.notebook-remove{margin-top:12px}}

/* Topbar restyle: deep navy anchor with a cool cyan-to-blue accent for wayfinding — same hue family as the rest of the app, just brighter, so it reads as part of one system instead of a clashing colour. */
.topbar{background:linear-gradient(120deg,#0d2b46,#123a5e 60%,#0f3252);border-bottom:1px solid #0a2033;box-shadow:0 10px 30px #05192b30}
.topbar .brand{color:#f3f8fb;gap:10px}
.topbar .brand-logo{background:#fff;padding:4px;box-shadow:0 0 0 2px #ffffff26,0 8px 18px #05192b55}
.topbar nav{align-items:center;margin-left:clamp(24px,6vw,72px)}
.topbar nav a{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#9db6cb;font-weight:700;padding:10px 16px;border-radius:999px;align-self:center;transition:color .22s var(--ease),background .22s var(--ease)}
.nav-icon{width:13px;height:13px;flex-shrink:0}
.topbar nav a:after{content:none}
.topbar nav a:hover{color:#fff;background:#ffffff14}
.topbar nav a.active{color:#0b2942;background:linear-gradient(135deg,#6fd8ee,#238fc4);box-shadow:0 8px 18px #1f8fc445}
.profile-button{background:linear-gradient(135deg,#6fd8ee,#238fc4);color:#0b2942;box-shadow:0 8px 16px #1f8fc445}
.topbar-actions{display:flex;align-items:center;gap:14px}
.topbar-actions .theme-toggle{margin:0}
.topbar-divider{width:1px;height:26px;background:#ffffff28;border-radius:1px}
.profile-chevron{width:15px;height:15px;color:#9db6cb;transition:color .2s var(--ease),transform .2s var(--ease)}
.topbar-actions:hover .profile-chevron{color:#fff}
@media(max-width:760px){
  .mobile-view-nav{background:#0f3252f2}
  .mobile-view-nav button{color:#9db6cb}
  .mobile-view-nav button.active{background:linear-gradient(135deg,#6fd8ee,#238fc4);color:#0b2942}
}