#wellbeing-dashboard{max-width:1040px;margin:35px auto 70px}#wellbeing-dashboard h1{font-size:clamp(40px,7vw,76px);letter-spacing:-2px}#wellbeing-dashboard p,#wellbeing-dashboard li{font-size:16px;line-height:1.7}.wellbeing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0}.wellbeing-grid article{display:flex;flex-direction:column;gap:12px;padding:26px 20px;border:1px solid #a8baff50;border-radius:22px;background:linear-gradient(145deg,#253c6680,#332f6580);min-width:0}.wellbeing-grid article:nth-child(2){background:linear-gradient(145deg,#513d7980,#242f5780)}.wellbeing-grid article:nth-child(3){background:linear-gradient(145deg,#175b6480,#24385d80)}.wellbeing-grid article:nth-child(4){background:linear-gradient(145deg,#365a7980,#323c6280)}.wellbeing-grid strong{font:600 clamp(28px,4vw,44px)/1.2 var(--display);overflow-wrap:anywhere}.wellbeing-grid span{font-size:16px}.wellbeing-grid small{font-size:12px;color:var(--muted)}#wellbeing-dashboard button,#wellbeing-dashboard select{min-height:44px;padding:10px 15px;border:1px solid #8b9ed0;border-radius:8px;background:#293774;color:#fff;font:14px var(--sans);cursor:pointer}.sync-setup{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.sync-setup h2{font-size:30px}.sync-setup label{display:block;margin-top:18px}.sync-setup input{display:block;width:100%;max-width:720px;padding:12px;margin:10px 0;color:inherit;background:#8193d011;border:1px solid var(--line);border-radius:6px;font:14px var(--mono)}.setup-steps{padding-left:22px}.setup-steps li{padding:8px 0}.health-note{color:var(--muted)}.sync-fields{display:grid;grid-template-columns:180px 1fr;gap:10px;font-size:15px}.sync-fields dt{font-family:var(--mono)}.sync-fields dd{margin:0}.health-history{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:14px 8px;border-bottom:1px solid var(--line)}summary{cursor:pointer;min-height:44px;padding:12px 0}@media(max-width:650px){.wellbeing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wellbeing-grid article{padding:18px 14px}.sync-fields{grid-template-columns:1fr;gap:6px}.sync-fields dd{margin-bottom:10px}#wellbeing-dashboard{margin-top:20px}}

.health-spark{display:flex;gap:16px;align-items:flex-end;margin-top:24px}.health-spark>div{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:75px}.health-spark span{display:block;width:100%;background:linear-gradient(#97ffe2,#596baf);border-radius:5px 5px 0 0}.health-spark small{font:12px var(--mono)}
/* Circular daily gauges, using Aaron's chosen targets. */
.wellbeing-grid{gap:0;padding:28px 12px;background:radial-gradient(ellipse at 10% 0%,#d8efff19,transparent 65%),linear-gradient(135deg,#c8dbff12,#7281b40a 45%,#08112b2e);border:1px solid #dae7ff38;border-top-color:#f4f8ff66;border-radius:26px;color:#f6f8fa;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 1px 0 #fff2,inset 0 -1px 0 #c2d9ff0a,0 18px 50px #06102520}
.wellbeing-grid article,.wellbeing-grid article:nth-child(n){border:0;border-radius:0;background:none;align-items:center;text-align:center;padding:12px;gap:12px}
.health-ring{position:relative;display:grid;place-items:center;width:clamp(110px,12vw,152px);aspect-ratio:1;--ring:#a1c7df;--progress:0}
.health-ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.health-ring circle{fill:none;stroke-width:6}.ring-track{stroke:#ffffff13}.ring-value{stroke:var(--ring);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--progress));transition:stroke-dashoffset .7s ease}
.health-ring strong{font:700 clamp(24px,3vw,34px)/1 var(--sans);letter-spacing:-1px;max-width:90%;color:#f6f8fa;z-index:1}
.exerciseMinutes .health-ring{--ring:#78e94b}.steps .health-ring{--ring:#4fabf2}
.wellbeing-grid article>span{font:700 13px var(--sans);letter-spacing:1.3px;text-transform:uppercase}.wellbeing-grid small{font-size:12px;line-height:1.5;color:#b5c2cb}
@media(max-width:650px){.wellbeing-grid{padding:16px 4px}.wellbeing-grid article{padding:12px 6px}.health-ring{width:120px}.health-ring strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){.ring-value{transition:none}}

[data-theme="light"] .wellbeing-grid{background:radial-gradient(ellipse at 10% 0%,#fff9,transparent 65%),linear-gradient(135deg,#ffffff50,#d5e4ff26);border-color:#fff9;box-shadow:inset 0 1px 0 #fffc,0 18px 50px #29377414;color:#182343}
[data-theme="light"] .health-ring strong{color:#182343}[data-theme="light"] .wellbeing-grid small{color:#40516e}[data-theme="light"] .ring-track{stroke:#29377426}[data-theme="light"] .sleepHours .health-ring{--ring:#4c718e}[data-theme="light"] .exerciseMinutes .health-ring{--ring:#438718}[data-theme="light"] .steps .health-ring{--ring:#226da9}


.readiness .health-ring{--ring:#c3abf6}[data-theme="light"] .readiness .health-ring{--ring:#7960b7}@media(max-width:900px){.wellbeing-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 4px}.health-ring{width:clamp(100px,29vw,145px)}.wellbeing-grid article{padding:16px 6px}.wellbeing-grid strong{font-size:28px}.sync-setup input{font-size:16px}.sync-fields{grid-template-columns:1fr}.sync-fields dd{overflow-wrap:anywhere}#wellbeing-dashboard{margin:24px auto 40px}.health-history{max-width:100%}}