:root{--ink:#102f2a;--muted:#64746f;--line:#d6dfdb;--paper:#f4f2ec;--card:#fff;--green:#177b69;--mint:#dceee8;--accent:#e6aa34;--danger:#a83e37;--shadow:0 16px 44px rgba(16,47,42,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.wellness-topbar{height:76px;padding:0 clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line)}.wellness-topbar>div{display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--ink);color:white}.button{border:1px solid var(--ink);border-radius:12px;padding:12px 18px;font:inherit;font-weight:750;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;background:white;color:var(--ink)}.button.primary{background:var(--ink);color:white}.button.quiet{border-color:#b7c7c1;background:#edf4f1}.button.compact{padding:9px 13px;font-size:14px}.button.full{width:100%}.button:disabled{opacity:.5;cursor:not-allowed}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--green);margin:0 0 7px}.wellness-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:32px;width:min(1480px,calc(100% - 48px));margin:36px auto 70px}.wellness-sidebar{position:sticky;top:30px;align-self:start;background:var(--ink);color:white;border-radius:24px;padding:25px}.wellness-sidebar .eyebrow{color:#8fd4c6}.wellness-sidebar nav{display:grid;gap:7px}.wellness-sidebar button{border:0;border-radius:11px;padding:13px 14px;text-align:left;background:transparent;color:#d9e9e4;font:inherit;font-weight:700;cursor:pointer}.wellness-sidebar button:hover,.wellness-sidebar button.active{background:#285148;color:white}.privacy-note{font-size:12px;line-height:1.55;color:#bcd1ca;margin:24px 4px 0}.wellness-content{min-width:0}.wellness-view{animation:fade .18s ease}.wellness-view[hidden]{display:none}.view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.view-heading h1{font-family:Georgia,serif;font-size:clamp(35px,5vw,62px);line-height:.98;margin:0}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 5px 18px rgba(16,47,42,.035)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.metric-grid article{background:var(--ink);color:white;border-radius:18px;padding:20px}.metric-grid span,.metric-grid small{display:block;color:#bcd1ca}.metric-grid strong{display:block;font-size:34px;margin:8px 0}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-panel{min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.panel h2,.panel-heading h2{margin:0 0 5px;font-size:22px}.panel p,.panel-heading p{margin:0;color:var(--muted);line-height:1.5}.chart-panel canvas{display:block;width:100%;height:230px}.chart-empty{text-align:center;padding:70px 10px}.inline-form{display:grid;grid-template-columns:minmax(230px,1fr) 170px 170px auto;gap:14px;align-items:end;margin-top:16px}.inline-form label,.stacked-form label,#assistant-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.inline-form input,.stacked-form input,.stacked-form select,.stacked-form textarea,.panel-heading select,#assistant-form input{width:100%;border:1px solid #bdcbc6;border-radius:11px;padding:11px 12px;font:inherit;background:white;color:var(--ink)}.calendar-layout,.split-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px}.timeline-list,.data-list{display:grid;gap:10px}.timeline-item,.data-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fbfcfb}.timeline-date{min-width:68px;text-align:center;background:var(--mint);border-radius:12px;padding:9px}.timeline-date strong,.timeline-date span{display:block}.timeline-main{flex:1;min-width:0}.timeline-main strong,.data-item strong{display:block}.timeline-main small,.data-item small{color:var(--muted)}.state-badge{white-space:nowrap;border-radius:99px;background:#e4f3ed;color:#116653;padding:6px 9px;font-size:12px;font-weight:800}.state-badge.skipped,.state-badge.cancelled{background:#f3e7e3;color:#893c35}.state-badge.in_progress{background:#fff0cc;color:#7d5708}.stacked-form{display:grid;gap:14px;align-content:start}.stacked-form>p{font-size:14px}.switch-line{grid-template-columns:auto 1fr!important;align-items:center}.switch-line input{width:auto}.form-pair,.nutrition-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-banner{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--mint);border:1px solid #b8d9cf;border-radius:16px;padding:16px 18px;margin-bottom:16px}.info-banner.neutral{background:#f0ebdb;border-color:#ddd2ae}.info-banner.warning{background:#fff1cf;border-color:#ead08f}.info-banner span{color:#435650}.data-item-actions{display:flex;gap:8px;flex-wrap:wrap}.data-item .button{padding:7px 10px;font-size:12px}.empty-state{color:var(--muted);padding:24px;text-align:center;border:1px dashed var(--line);border-radius:14px}.stacked-panels{display:grid;gap:16px}.stacked-form fieldset{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:9px}.stacked-form fieldset label{display:flex;align-items:center;gap:8px}.stacked-form fieldset input{width:auto}.nutrition-numbers{padding-top:12px}.assistant-state{border-radius:99px;padding:8px 12px;background:#e8ecea;font-weight:800}.assistant-state.ready{background:#dff1e9;color:#12634f}.assistant-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.assistant-panel form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.assistant-result{margin-top:20px;background:#f4f7f5;border-radius:16px;padding:20px;min-height:110px;line-height:1.6}.assistant-result h3{margin-top:0}.assistant-result ul{margin-bottom:0}.form-note{font-size:12px;color:var(--muted)}.auth-required{width:min(640px,calc(100% - 32px));margin:80px auto;padding:36px;background:white;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow)}.toast{position:fixed;right:24px;bottom:24px;max-width:min(430px,calc(100% - 48px));background:var(--ink);color:white;border-radius:13px;padding:14px 18px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:none}@keyframes fade{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
.device-connect-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:16px;margin-bottom:16px}.device-connect-grid fieldset{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:10px}.device-connect-grid fieldset label{display:flex;align-items:flex-start;gap:9px;font-weight:600}.device-connect-grid fieldset input{width:auto;margin-top:3px}.consent-line{align-items:flex-start}.readiness-panel{display:grid;align-content:start;gap:14px}.readiness-title{font-size:20px}.readiness-panel ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.55}.readiness-meta{display:flex;gap:8px;flex-wrap:wrap}.readiness-meta span{background:#edf4f1;border-radius:99px;padding:6px 9px;font-size:12px}.state-badge.warning{background:#fff0cc;color:#7d5708}.state-badge.danger{background:#f5dfdc;color:#8d342e}.compact-result{min-height:0;margin-top:0;padding:15px}.wearable-history-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)}.manual-import>summary{cursor:pointer;font-weight:800;font-size:18px}.manual-import form{margin-top:16px}
@media(max-width:980px){.wellness-layout{grid-template-columns:1fr;width:min(100% - 28px,860px);margin-top:20px}.wellness-sidebar{position:static;padding:14px;border-radius:18px;overflow:auto}.wellness-sidebar>.eyebrow,.privacy-note{display:none}.wellness-sidebar nav{display:flex;min-width:max-content}.wellness-sidebar button{padding:11px 13px}.chart-grid,.calendar-layout,.split-layout,.device-connect-grid,.wearable-history-layout{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr 1fr}.inline-form>div{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.wellness-topbar{height:auto;min-height:68px;padding:12px 15px}.wellness-topbar>div>span{display:none}.view-heading{align-items:flex-start;flex-direction:column}.view-heading h1{font-size:39px}.metric-grid{grid-template-columns:1fr}.metric-grid article{display:grid;grid-template-columns:1fr auto;align-items:center}.metric-grid strong{font-size:28px}.metric-grid small{grid-column:1/-1}.inline-form{grid-template-columns:1fr}.panel{padding:18px;border-radius:18px}.panel-heading{flex-direction:column}.form-pair,.nutrition-numbers{grid-template-columns:1fr 1fr}.assistant-panel form{grid-template-columns:1fr}.timeline-item,.data-item{align-items:flex-start}.state-badge{white-space:normal}.toast{right:14px;bottom:14px;max-width:calc(100% - 28px)}}
.assistant-panel form label{min-width:0}.assistant-panel form select{min-width:0;max-width:100%}
#google-health-form{margin-bottom:var(--space-4,16px)}
#wellness-app [hidden]{display:none!important}
