.daily-card,.daily-analytics{border:1px solid #3d4840;background:#181d19;border-radius:22px;padding:22px;margin:18px 0;color:#f4f7f0}
.daily-head,.daily-analytics-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.daily-head h2,.daily-analytics-head h2{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.1;margin:5px 0 0}
.daily-date-label,.daily-numbers label{display:grid;gap:7px;font-size:.78rem;font-weight:700;color:#b7c3b5;letter-spacing:.02em}
.daily-date-label input,.daily-numbers input{box-sizing:border-box;width:100%;min-height:42px;border:1px solid #526053;border-radius:11px;background:#242d26;color:#fff;padding:8px 11px;font:inherit;color-scheme:dark}
.daily-date-label{min-width:155px}
.daily-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,2fr);gap:20px;align-items:end}
.daily-sleep>strong{display:block;font-size:.81rem;margin-bottom:8px}
.daily-sleep-options{display:flex;gap:6px}
.daily-sleep-options button,.daily-period button{cursor:pointer;border:1px solid #566357;background:#242d26;color:#e9eee8;border-radius:10px;padding:10px 11px;font:inherit;font-size:.77rem;font-weight:700;white-space:nowrap}
.daily-sleep-options button[aria-pressed=true],.daily-period button[aria-pressed=true]{background:#b8dd77;border-color:#b8dd77;color:#172015}
.daily-numbers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:9px;align-items:end}
.daily-save{cursor:pointer;min-height:42px;padding:0 17px;border:0;border-radius:11px;background:#b8dd77;color:#172015;font:inherit;font-size:.81rem;font-weight:800}
.daily-save:hover,.daily-sleep-options button:hover,.daily-period button:hover{filter:brightness(1.1)}
.daily-card button:disabled{opacity:.55;cursor:wait}
.daily-message{min-height:18px;margin:10px 0 0;color:#b8dd77;font-size:.78rem}
.daily-analytics{margin:20px 0}
.daily-analytics-head{margin-bottom:16px}
.daily-period{display:flex;gap:6px}
.daily-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.daily-chart-card{border:1px solid #3a493d;background:#202822;border-radius:16px;padding:14px;min-width:0}
.daily-chart-title{min-height:44px;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.daily-chart-title h3{font-size:1rem;margin:0}
.daily-chart-title span{color:#bdc9ba;font-size:.71rem;text-align:right}
.daily-chart-scroll{overflow-x:auto;padding:7px 0 3px}
.daily-plot{min-height:130px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;align-items:end}
.daily-plot-long{min-width:620px;grid-template-columns:repeat(30,minmax(0,1fr))}
.daily-steps-chart{display:flex;align-items:flex-end;gap:7px;min-width:100%}
.daily-steps-chart .daily-plot{flex:1;min-width:0}
.daily-steps-chart .daily-plot-long{min-width:620px}
.daily-steps-axis{position:sticky;left:0;z-index:1;flex:0 0 42px;height:calc(var(--steps-plot-height,120px) + 24px);background:transparent;color:#c4d0c4;font-size:10px;font-weight:700;text-align:right}
.daily-steps-axis span{position:absolute;right:2px;white-space:nowrap;transform:translateY(50%)}
.daily-steps-axis span.is-top{transform:translateY(100%)}
html[data-theme=light] .daily-steps-axis{color:#526656}
.daily-steps-chart .daily-plot{position:relative;min-height:calc(var(--steps-plot-height,120px) + 24px)}
.daily-steps-grid{position:absolute;inset:0;pointer-events:none}
.daily-steps-gridline{position:absolute;left:0;right:0;height:1px;background:#53665655}
.daily-steps-chart .daily-plot-day{position:relative;z-index:1}
.daily-steps-chart .daily-plot-track{border-bottom:0}
html[data-theme=light] .daily-steps-gridline{background:#8da99266}
.daily-steps-chart .daily-plot-track{height:var(--steps-plot-height,120px);background:transparent}
html[data-theme=light] .daily-steps-chart .daily-plot-track{background:transparent}
.daily-plot-day{min-width:0;text-align:center;border:0;background:none;color:inherit;padding:0;cursor:pointer;border-radius:5px}
.daily-plot-day.selected{outline:1px solid #b8dd77;outline-offset:2px}
.daily-plot-day:focus-visible{outline:2px solid #b8dd77;outline-offset:2px}
.daily-plot-track{height:96px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #546153;background:repeating-linear-gradient(to top,transparent 0,transparent 30px,#38463a 31px,#38463a 32px)}
.daily-plot-bar{width:70%;max-width:23px;min-height:3px;border-radius:5px 5px 0 0;background:#b8dd77}
.daily-plot-bar.sleep-rested{background:#b8dd77}.daily-plot-bar.sleep-partial{background:#d8ae65}.daily-plot-bar.sleep-poor{background:#c4776d}
.daily-plot-label{display:block;min-height:24px;padding-top:6px;color:#bdc9ba;font-size:.59rem;white-space:nowrap}
.daily-empty{margin:34px 0;color:#bdc9ba;font-size:.82rem}
.daily-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px;color:#c0c9be;font-size:.68rem}
.daily-legend span{display:flex;align-items:center;gap:4px}.daily-legend i{width:7px;height:7px;border-radius:50%;background:#b8dd77}.daily-legend i[data-state=partial]{background:#d8ae65}.daily-legend i[data-state=poor]{background:#c4776d}
.daily-footnote{font-size:.74rem;color:#b7c3b5;margin:15px 0 0}
html[data-theme=light] .daily-card,html[data-theme=light] .daily-analytics{background:#fffdf9;border-color:#d8c9b9;color:#262522;box-shadow:0 8px 28px #4d34220b}
html[data-theme=light] .daily-chart-card{background:#faf4ed;border-color:#dfcebf}
html[data-theme=light] .daily-date-label,html[data-theme=light] .daily-numbers label,html[data-theme=light] .daily-chart-title span,html[data-theme=light] .daily-plot-label,html[data-theme=light] .daily-footnote,html[data-theme=light] .daily-legend,html[data-theme=light] .daily-empty{color:#665f58}
html[data-theme=light] .daily-date-label input,html[data-theme=light] .daily-numbers input{background:#fff;color:#262522;border-color:#c9b8a8;color-scheme:light}
html[data-theme=light] .daily-sleep-options button,html[data-theme=light] .daily-period button{background:#f4eae1;color:#4b3e36;border-color:#d8bdab}
html[data-theme=light] .daily-sleep-options button[aria-pressed=true],html[data-theme=light] .daily-period button[aria-pressed=true],html[data-theme=light] .daily-save{background:#a84930;border-color:#a84930;color:#fff}
html[data-theme=light] .daily-message{color:#833721}
html[data-theme=light] .daily-plot-track{border-color:#d4c4b5;background:repeating-linear-gradient(to top,transparent 0,transparent 30px,#e9ddd1 31px,#e9ddd1 32px)}
html[data-theme=light] .daily-plot-bar,html[data-theme=light] .daily-plot-bar.sleep-rested,html[data-theme=light] .daily-legend i{background:#a84930}
html[data-theme=light] .daily-plot-bar.sleep-partial,html[data-theme=light] .daily-legend i[data-state=partial]{background:#d89a62}
html[data-theme=light] .daily-plot-bar.sleep-poor,html[data-theme=light] .daily-legend i[data-state=poor]{background:#85706c}
html[data-theme=light] .daily-plot-day.selected,html[data-theme=light] .daily-plot-day:focus-visible{outline-color:#a84930}
@media(max-width:900px){.daily-fields{grid-template-columns:1fr}.daily-chart-grid{grid-template-columns:1fr}.daily-chart-card{padding:14px 16px}}
@media(max-width:560px){.daily-card,.daily-analytics{padding:15px;border-radius:17px}.daily-head,.daily-analytics-head{align-items:start}.daily-date-label{min-width:118px;max-width:134px}.daily-head h2,.daily-analytics-head h2{font-size:1.2rem}.daily-sleep-options button{flex:1;padding:10px 5px;font-size:.68rem}.daily-numbers{grid-template-columns:1fr 1fr}.daily-save{grid-column:1/-1}.daily-analytics-head{flex-wrap:wrap}.daily-period{margin-left:auto}.daily-chart-grid{gap:10px}}
.daily-card{padding:16px 18px;margin:12px 0}
.daily-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,140px);align-items:center;gap:8px;margin-bottom:12px}
.daily-head>div,.daily-date-label,.daily-date-label input,.daily-numbers label,.daily-numbers input{min-width:0;max-width:100%}
.daily-head h2{margin-top:2px}
.daily-date-label{width:100%}
.daily-date-label input{font-size:12px;padding:7px 5px}
.daily-fields{gap:12px}
.daily-sleep>strong{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:6px}
.daily-sleep>strong small{font-size:.66rem;font-weight:600;color:#aeb9ab}
.daily-numbers{gap:7px}
.daily-message:empty{min-height:0;margin:0}
html[data-theme=light] .daily-sleep>strong small{color:#766d65}
@media(max-width:900px){.daily-fields{gap:10px}}
@media(max-width:560px){.daily-card{padding:12px;margin:10px 0}.daily-head{grid-template-columns:minmax(0,1fr) minmax(0,138px);gap:6px;margin-bottom:9px}.daily-head h2{font-size:1.08rem}.daily-head .eyebrow{font-size:9px}.daily-date-label{font-size:10px;gap:3px}.daily-date-label input{min-height:37px;width:100%;font-size:12px;padding:5px 3px}.daily-sleep-options button{padding:8px 3px;font-size:.66rem}.daily-numbers input{min-height:38px}.daily-save{min-height:38px}.daily-sleep>strong small{font-size:.61rem}}
.daily-head{grid-template-columns:minmax(0,1fr) auto}
.daily-date-label{display:flex;align-items:center;justify-content:flex-end;gap:7px;width:auto;white-space:nowrap}
.daily-date-label input{flex:0 0 124px;width:124px;min-width:0;max-width:124px;margin:0}
@media(max-width:560px){.daily-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px}.daily-head .eyebrow{display:none}.daily-head h2{margin:0}.daily-date-label{gap:4px;font-size:11px}.daily-date-label input{flex-basis:118px;width:118px;max-width:118px;padding:4px 2px;font-size:11px}}
@media(max-width:340px){.daily-date-label input{flex-basis:108px;width:108px;max-width:108px;font-size:10px}}
.daily-field-icon{width:16px;height:16px;flex:none;vertical-align:-3px;margin-right:6px}.daily-sleep>strong,.daily-field-label,.activity-day-head>strong{display:inline-flex;align-items:center}.daily-date-label input{flex-basis:118px;width:118px;max-width:118px}
.daily-card .daily-fields{display:grid;grid-template-columns:1fr;gap:7px}
.daily-card .daily-sleep,.daily-card .daily-numbers{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px}
.daily-card .daily-sleep>strong{margin:0;white-space:nowrap}
.daily-card .daily-sleep-options{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.daily-card .daily-sleep-options button{min-width:0;padding:8px 3px;font-size:11px}
.daily-card .daily-numbers{grid-template-columns:72px minmax(0,1fr) 86px}
.daily-card .daily-numbers label{display:contents}
.daily-card .daily-field-label{grid-column:1;white-space:nowrap}
.daily-card .daily-numbers input{grid-column:2;min-width:0;min-height:36px}
.daily-card .daily-save{grid-column:3;min-height:36px;padding:0 7px;font-size:11px}
.daily-card .daily-numbers .daily-field-icon{color:inherit}
.daily-card .daily-numbers input{border-color:#566357;background:#242d26}
.daily-card .daily-save{background:#b8dd77;color:#172015}
html[data-theme="light"] .daily-card .daily-numbers .daily-field-icon{color:inherit}
html[data-theme="light"] .daily-card .daily-numbers input{border-color:#d8bdab;background:#fff}
html[data-theme="light"] .daily-card .daily-save{background:#a84930;color:#fff}
@media(max-width:560px){.daily-card .daily-sleep,.daily-card .daily-numbers{grid-template-columns:56px minmax(0,1fr);gap:5px}.daily-card .daily-numbers{grid-template-columns:56px minmax(0,1fr) 71px}.daily-card .daily-sleep-options button{font-size:9px;padding:7px 2px}.daily-card .daily-save{grid-column:3;font-size:10px}.daily-card .daily-sleep>strong,.daily-card .daily-field-label{font-size:11px}.daily-card .daily-field-icon{margin-right:3px;width:15px;height:15px}}
.daily-card .daily-sleep,.daily-card .daily-numbers{grid-template-columns:76px minmax(0,1fr) 86px;gap:6px}
.daily-card .daily-sleep-options{grid-column:2/4}
.daily-card .daily-sleep>strong,.daily-card .daily-field-label{display:inline-grid;grid-template-columns:22px auto;align-items:center;justify-content:start;gap:5px;font-size:12px;line-height:1.2}
.daily-card .daily-field-icon{display:block;width:22px;height:22px;margin:0}
.daily-card .daily-numbers input,.daily-card .daily-save,.daily-card .daily-sleep-options button{height:38px;min-height:38px}
@media(max-width:560px){.daily-card .daily-sleep,.daily-card .daily-numbers{grid-template-columns:73px minmax(0,1fr) 72px;gap:5px}.daily-card .daily-sleep>strong,.daily-card .daily-field-label{grid-template-columns:20px auto;gap:4px;font-size:11px}.daily-card .daily-field-icon{width:20px;height:20px}.daily-card .daily-sleep-options button{font-size:9px}}
.daily-card .daily-sleep>strong,.daily-card .daily-field-label{grid-template-columns:24px auto;gap:4px}
.daily-card .daily-field-icon{width:24px;height:24px}
.daily-card .daily-sleep>strong,.daily-card .daily-field-label,.daily-card .activity-day-head>strong{color:#f4f7f0}
html[data-theme="light"] .daily-card .daily-sleep>strong,html[data-theme="light"] .daily-card .daily-field-label,html[data-theme="light"] .daily-card .activity-day-head>strong{color:#262522}
.daily-cardio{display:grid;grid-template-columns:minmax(0,1fr) 94px 86px;align-items:center;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid #40503f}
.daily-cardio label{min-width:0;color:#f4f7f0;font-size:12px;font-weight:750;line-height:1.2}
.daily-cardio label small{color:#aab9a9;font-size:10px;font-weight:500}
.daily-cardio input{box-sizing:border-box;width:100%;min-width:0;height:38px;border:1px solid #566357;border-radius:9px;background:#242d26;color:#fff;padding:5px 8px;font:inherit;font-size:12px;color-scheme:dark}
.daily-cardio .daily-save{height:38px;min-height:38px;padding:0 6px;font-size:11px;background:#b8dd77;color:#172015}
.daily-cardio-hint{margin:5px 0 0;color:#aab9a9;font-size:10px;line-height:1.35}
html[data-theme="light"] .daily-cardio{border-color:#d7e0d4}
html[data-theme="light"] .daily-cardio label{color:#252c26}
html[data-theme="light"] .daily-cardio label small,html[data-theme="light"] .daily-cardio-hint{color:#627266}
html[data-theme="light"] .daily-cardio input{background:#fff;color:#252c26;border-color:#becfc0;color-scheme:light}
html[data-theme="light"] .daily-cardio .daily-save{background:#315e3e;color:#fff}
@media(max-width:560px){.daily-cardio{grid-template-columns:minmax(0,1fr) 68px 72px;gap:5px}.daily-cardio label{font-size:10px}.daily-cardio label small{display:block;font-size:9px}.daily-cardio input,.daily-cardio .daily-save{height:36px;min-height:36px}.daily-cardio .daily-save{font-size:10px}}
@media(min-width:900px){.daily-card .daily-cardio{grid-column:2;grid-row:2;margin-top:-6px}.daily-card .daily-cardio-hint{grid-column:2;grid-row:3;margin-top:-10px}}
