/* Local care palette, independent of the training surfaces. */
.topbar-menu-panel:has(.wh-app),.profile-settings-content:has(.wh-app){background:#1b1c20}
html[data-theme=light] .topbar-menu-panel:has(.wh-app),html[data-theme=light] .profile-settings-content:has(.wh-app){background:#faf6f8}
.wh-app{--primary:#e6a0b0;--wh-accent:#e6a0b0;--bg:#1b1c20;--nav-bg:#1b1c20;--surface-secondary:#26272d;--wh-surface:#37303a;--text-primary:#f6eff2;--text-secondary:#c7bec6;--text-muted:#c7bec6;--wh-text:#f6eff2;--wh-muted:#c7bec6;--line:#49424b;--border-default:#49424b;--border-soft:#403a43;--button-primary-bg:#e6a0b0;--button-primary-text:#302127;--danger:#f0adbd;--danger-soft:#422e37;--success:#a6d5c0;--success-soft:#263c35;--info:#acd5e6;--info-soft:#293b46;font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55;background:var(--bg)}
html[data-theme=light] .wh-app{--primary:#98415d;--wh-accent:#98415d;--bg:#faf6f8;--nav-bg:#faf6f8;--surface-secondary:#fff;--wh-surface:#f8edf1;--text-primary:#38333b;--text-secondary:#6e626c;--text-muted:#6e626c;--wh-text:#38333b;--wh-muted:#6e626c;--line:#e7dce3;--border-default:#e7dce3;--border-soft:#eee5e9;--button-primary-bg:#98415d;--button-primary-text:#fff;--danger:#98415d;--danger-soft:#faeaf0;--success:#366e59;--success-soft:#eaf4ee;--info:#356b85;--info-soft:#eaf2f7}
.wh-app :is(h2,h3,strong,button){font-family:inherit;letter-spacing:0}.wh-app :is(h2,h3){font-weight:600}.wh-app h2{font-size:18px}.wh-app h3{font-size:15px}
.wh-app button{min-height:44px}.wh-toolbar{border:0;padding:0;min-height:64px}.wh-toolbar>span{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600}
.wh-app .wh-art{display:inline-block;width:40px;height:40px;flex:0 0 40px;object-fit:contain;vertical-align:middle;filter:none;opacity:1}.wh-toolbar .wh-art{width:56px;height:56px;flex-basis:56px}.wh-app h2>.wh-art{margin-right:10px}
.wh-app .wh-art--symptom{filter:brightness(0) saturate(100%) invert(85%) sepia(12%) saturate(611%) hue-rotate(295deg)}
html[data-theme=light] .wh-app .wh-art--symptom{filter:brightness(0) saturate(100%) invert(32%) sepia(25%) saturate(1007%) hue-rotate(288deg)}
.wh-content{padding:16px 0 0}.wh-content>.wh-today,.wh-content>.wh-analytics{gap:16px}
.wh-app .wh-toolbar--home>span{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center;flex:1}
.wh-app .wh-home-logo{display:block;width:112px;height:112px;object-fit:contain;filter:none}
.wh-app .wh-home-copy{display:grid;gap:6px;text-align:left;font-family:"RatLab Chalk","Segoe Print",cursive;font-weight:600;line-height:1.25;color:var(--wh-text);text-shadow:.3px .2px color-mix(in srgb,var(--wh-text) 22%,transparent)}
.wh-app .wh-home-copy>strong{font-family:inherit;font-size:18px;font-weight:600}
.wh-app .wh-home-copy>span{font-size:16px;color:var(--wh-muted);overflow-wrap:break-word}
@media(min-width:760px){.wh-app .wh-toolbar--home>span{grid-template-columns:128px minmax(0,1fr)}.wh-app .wh-home-logo{width:128px;height:128px}}
@media(max-width:360px){.wh-app .wh-toolbar--home>span{grid-template-columns:96px minmax(0,1fr);gap:12px}.wh-app .wh-home-logo{width:96px;height:96px}}
.wh-content>.wh-today>section,.wh-content>.wh-analytics>section,.wh-content>.wh-calendar,.wh-content>.wh-day-detail,.wh-content>.wh-editor,.wh-content>.wh-settings{padding:18px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-secondary);box-shadow:0 3px 12px rgb(0 0 0 / 3%)}
.wh-cycle-summary>h2{margin:8px 0 0}.wh-today .wh-ring{width:160px;height:160px;padding:6px;margin:16px auto;background:conic-gradient(var(--wh-accent) var(--wh-progress),var(--border-soft) 0)}
.wh-app .wh-cycle-summary{display:grid;grid-template-columns:minmax(0,1fr) 160px;column-gap:12px}
.wh-app .wh-cycle-summary>:not(.wh-daily-note):not(.wh-date):not(h2){grid-column:1/-1}
.wh-app .wh-cycle-summary>.wh-date{grid-column:1;grid-row:1;align-self:end;text-align:left;margin:0 0 8px;overflow-wrap:anywhere}
.wh-app .wh-cycle-summary>h2{grid-column:1;grid-row:2;align-self:start;text-align:left;margin:0}
.wh-app .wh-daily-note{grid-column:2;grid-row:1/3;position:relative;width:100%;aspect-ratio:1;margin:-10px -4px 0 0;justify-self:end}
.wh-app .wh-daily-note img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px rgb(0 0 0 / 12%))}
.wh-app .wh-daily-note::after{content:"";position:absolute;top:9%;left:50%;width:28%;height:10%;background:rgb(250 235 215 / 65%);border:1px solid rgb(255 255 255 / 25%);transform:translateX(-50%) rotate(-7deg);pointer-events:none}
@media(max-width:480px){.wh-app .wh-cycle-summary{grid-template-columns:minmax(0,1fr) 128px;column-gap:8px}.wh-app .wh-cycle-summary>.wh-date{font-size:12px;line-height:1.5}.wh-app .wh-cycle-summary>h2{font-size:17px}}
.wh-today .wh-ring strong{font-size:44px;font-weight:600}.wh-ring span{font-size:12px;color:var(--wh-muted)}.wh-app .wh-phase{margin:0 0 12px;font-weight:600}
.wh-chips{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.wh-chip{display:inline-flex;padding:5px 10px;background:var(--wh-surface);border-radius:20px;font-size:12px;color:var(--wh-muted)}
.wh-app .wh-secondary{width:100%;border-color:var(--border-soft);margin-top:8px;background:transparent;font-size:13px}.wh-app .wh-primary:hover:not(:disabled){background:var(--button-primary-bg);filter:brightness(.96)}.wh-today .wh-cycle-summary .wh-primary{margin-top:18px}
.wh-inline-note{display:flex!important;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--wh-muted)}.wh-inline-note:has(.wh-info[open]){flex-wrap:wrap}.wh-info{color:var(--wh-muted);text-align:left;max-width:100%}
.wh-info summary{display:grid;place-items:center;width:44px;height:44px;cursor:pointer;list-style:none;border-radius:50%;color:var(--wh-accent)}.wh-info summary::-webkit-details-marker{display:none}.wh-info summary:focus-visible{outline:2px solid var(--wh-accent);outline-offset:2px}
.wh-info[open]{width:100%}.wh-info[open] summary{margin-left:auto}.wh-info>div{padding:12px;border-left:2px solid var(--wh-accent);background:var(--wh-surface);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.wh-day-actions{display:flex;flex-wrap:wrap;gap:8px}.wh-app .wh-day{min-height:44px}.wh-app .wh-day.recorded{background:var(--button-primary-bg);color:var(--button-primary-text);border-style:solid}
.wh-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wh-app .wh-action{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;gap:10px;text-align:left;align-items:center;min-height:106px;padding:14px;background:var(--surface-secondary);border-color:var(--border-soft);box-shadow:0 3px 12px rgb(0 0 0 / 3%)}
.wh-action strong{display:block;font-size:14px;line-height:1.35}.wh-action small{display:block;margin-top:5px;font-size:12px;line-height:1.4;color:var(--wh-muted)}.wh-action>svg:last-child{width:16px;height:16px}.wh-action>svg:first-child{justify-self:center;color:var(--wh-accent)}
.wh-app .wh-choices button{min-height:76px;padding:10px;gap:8px;background:var(--bg);border-color:var(--border-soft);font-size:13px}.wh-app .wh-choices button[aria-pressed=true]{background:var(--wh-surface);border:2px solid var(--wh-accent);padding:9px}
.wh-app .wh-choices .wh-art{width:36px;height:36px;flex-basis:36px}.wh-app .wh-choices button>svg:first-child{color:var(--wh-accent)}.wh-app .wh-choices--energy button{flex-direction:column;align-items:flex-start;position:relative}
.wh-energy-level{display:flex;gap:2px;color:var(--wh-accent)}.wh-app .wh-energy-level svg{width:15px;height:20px;flex:0 0 15px;fill:currentColor;stroke-width:1}.wh-app .wh-choices--energy button>svg:last-child{position:absolute;right:8px;bottom:10px}
.wh-categories{scrollbar-width:none;-ms-overflow-style:none;scroll-padding-inline:12px;margin:0 -6px;padding:12px 6px;border-bottom:1px solid var(--border-soft);mask-image:linear-gradient(to right,transparent,#000 6px,#000 calc(100% - 6px),transparent)}
.wh-categories::-webkit-scrollbar{display:none}.wh-categories button{padding:8px 10px;flex-shrink:0;font-size:13px}.wh-categories [aria-selected=true]{color:var(--wh-accent);font-weight:600}
.wh-editor .wh-edit-fields{border:0;margin:0;padding:18px 0 0;min-height:0}.wh-editor header{flex-wrap:wrap}.wh-editor header h2{font-size:17px}.wh-savebar{margin-top:20px;border-top:1px solid var(--border-soft);padding-top:12px}.wh-app .wh-savebar .wh-primary{margin:0}
.wh-sleep-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wh-sleep-fields label{margin:8px 0}.wh-sleep-fields input{text-align:center;font-size:22px!important}.wh-editor output{font-size:20px;font-weight:600;color:var(--wh-accent)}.wh-range-labels{display:flex;justify-content:space-between;color:var(--wh-muted);font-size:12px;margin-top:-12px}
.wh-period header+label{margin-top:18px}.wh-editor textarea{min-height:110px}.wh-empty{display:flex;align-items:center;gap:14px}.wh-empty .wh-art{width:64px;height:64px;flex-basis:64px}.wh-empty h3{margin:0}.wh-empty p{font-size:13px;color:var(--wh-muted);margin:6px 0 0}
.wh-app .wh-symptom-counts li{align-items:center;gap:12px}.wh-symptom-counts b{white-space:nowrap;font-size:12px;color:var(--wh-accent)}
.wh-app>.wh-nav{border-top:1px solid var(--border-soft);box-shadow:0 -4px 16px rgb(0 0 0 / 3%)}.wh-app .wh-nav .wh-art,.wh-app .wh-nav button>svg{width:26px;height:26px;flex-basis:26px}.wh-app .wh-nav button[aria-current]{background:var(--wh-surface);border-radius:8px;box-shadow:none;color:var(--wh-accent);font-weight:600}.wh-app .wh-nav button{font-size:11px;min-height:58px}.wh-app .wh-ready .wh-art{width:80px;height:80px;flex-basis:80px}
@media(max-width:600px){.wh-app,.topbar-menu-content:has(.wh-app),.profile-settings-content:has(.wh-app){scrollbar-width:none;-ms-overflow-style:none}.wh-app::-webkit-scrollbar,.topbar-menu-content:has(.wh-app)::-webkit-scrollbar,.profile-settings-content:has(.wh-app)::-webkit-scrollbar{display:none}.wh-app .wh-action{position:relative;grid-template-columns:32px minmax(0,1fr);padding:12px;gap:8px;min-height:112px}.wh-action>.wh-art{width:32px;height:32px;flex-basis:32px}.wh-action>svg:last-child{position:absolute;right:6px;bottom:6px;width:12px;height:12px}.wh-action>span{padding-right:6px}.wh-action strong{font-size:13px}.wh-action small{font-size:11px}}
@media(max-width:360px){.wh-content>.wh-editor,.wh-content>.wh-calendar,.wh-content>.wh-day-detail{padding:10px}.wh-action-grid{gap:8px}.wh-app .wh-action{grid-template-columns:1fr;gap:6px;min-height:126px}.wh-action>.wh-art{width:32px;height:32px}.wh-app .wh-choices button{font-size:12px}.wh-app .wh-choices .wh-art{width:30px;height:30px;flex-basis:30px}.wh-chips{gap:4px}.wh-empty{align-items:flex-start}.wh-empty .wh-art{width:48px;height:48px;flex-basis:48px}}