:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243f38;background:#f5f7f3;font-size:18px;--bg:#f5f7f3;--panel:#fff;--text:#243f38;--muted:#66766f;--border:#dce4dc;--green:#176451;--input:#fff;--soft:#edf3ed;--shadow:0 5px 24px #203f3510;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:48px}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cd9d3b;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}.topbar{height:92px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:var(--panel)}.brand{font-size:29px;font-weight:750;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px}.brand-dot{color:#7aa270;margin-left:-9px}.brand-icon{background:var(--green);color:white;border-radius:12px;width:37px;height:37px;display:grid;place-items:center;font-size:23px;letter-spacing:0}.icon-button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:50%;width:48px;font-size:26px}main{max-width:1160px;margin:auto;padding:0 24px}.welcome{display:flex;align-items:center;justify-content:space-between;padding:46px 0 34px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:750;color:var(--muted)}h1{font-size:clamp(34px,4vw,48px);line-height:1.17;letter-spacing:-1.8px;margin:15px 0}h1 span{color:var(--green)}p{line-height:1.6}.welcome p{color:var(--muted);margin-bottom:0}.welcome-art{width:178px;height:158px;border-radius:50% 50% 43% 48%;background:#e5edde;display:grid;place-items:center;margin-right:35px;transform:rotate(-9deg);position:relative;color:#43805b}.welcome-art>span{font-size:100px}.art-line{position:absolute;font-size:60px;top:45px;left:65px}.profile-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.profiles{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.profile{border:1px solid var(--border);border-radius:30px;background:var(--panel);color:var(--muted);padding:7px 20px 7px 8px;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e7e9e2;color:#42644d;font-size:16px;font-weight:700}.profile.selected{background:var(--green);color:#fff;border-color:var(--green)}.profile.selected .avatar{background:#ffffff24;color:#fff}.text-button{background:transparent;color:var(--green);font-size:15px;font-weight:650;padding:8px 5px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}h2{font-size:21px;letter-spacing:-.5px;margin:26px 0 19px}.muted{color:var(--muted);font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{padding:24px;border:1px solid var(--border);border-radius:17px;background:var(--panel);box-shadow:var(--shadow)}.stat-label{font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#f6e9e5;color:#a45d50;font-size:26px}.pulse .stat-icon{background:#e9edfa;color:#6b78a5}.sugar .stat-icon{background:#f9efda;color:#9c7e3a}.stat-value{font-size:42px;font-weight:650;letter-spacing:-1.8px;margin:20px 0 12px}.stat-value span{color:var(--muted);font-weight:450;font-size:32px}.stat-foot{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.workspace{display:grid;grid-template-columns:1fr 1.15fr;gap:23px;margin-top:28px;align-items:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:var(--shadow)}.panel h2{margin:0}.panel>p{margin:8px 0 23px}.round-plus{color:var(--green);font-size:24px}.tabs{display:flex;background:var(--soft);border-radius:10px;padding:5px;margin-bottom:24px;gap:5px}.tabs button{flex:1;background:transparent;color:var(--muted);border-radius:7px;font-size:15px;font-weight:650;padding:8px 3px}.tabs .selected{background:var(--panel);color:var(--green);box-shadow:0 2px 5px #0000000d}label{display:block;font-size:16px;font-weight:650;margin-bottom:18px}.hint{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:4px}input,select,textarea{width:100%;display:block;background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:13px 14px;min-height:53px;margin-top:8px;font-size:20px}input::placeholder,textarea::placeholder{color:#829188}textarea{resize:vertical;font-size:16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.primary{background:var(--green);color:white;border-radius:10px;padding:14px 21px;font-weight:650;width:100%;min-height:56px}.save-hint{text-align:center;font-size:12px;color:var(--muted);margin:12px 0 0}.history-controls{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px;gap:12px}.history-controls select{font-size:14px;width:auto;min-height:44px;margin:0;padding:8px 28px 8px 10px}.reading{border-bottom:1px solid var(--border);padding:20px 0}.reading-head,.reading-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px}.reading-kind{font-size:13px;color:var(--muted)}.reading-number{font-size:25px;font-weight:650;letter-spacing:-.7px;margin:6px 0}.reading-number small{font-size:14px;letter-spacing:0;font-weight:400;color:var(--muted)}.reading time{font-size:12px;color:var(--muted)}.reading-notes{font-size:14px;color:var(--muted);margin:9px 0;overflow-wrap:anywhere}.delete{color:var(--muted);background:transparent;font-size:13px;min-height:44px;padding:8px}.empty{text-align:center;padding:70px 16px;color:var(--muted)}.empty-icon{font-size:40px;color:#8aa68c}.empty h3{font-size:19px;color:var(--text)}.empty p{font-size:15px}.care-note{display:flex;gap:18px;align-items:center;margin:30px 0;background:var(--soft);padding:18px 23px;border-radius:12px;color:var(--muted);font-size:13px}.care-note>span{font-size:32px;color:var(--green)}.care-note p{margin:0}.care-note strong{color:var(--text)}footer{display:flex;align-items:center;justify-content:space-between;padding:0 0 28px;color:var(--muted);font-size:12px}.auth-card{max-width:480px;margin:70px auto;background:var(--panel);padding:36px;border:1px solid var(--border);border-radius:20px}.auth-card h1{font-size:36px}.auth-card>p{color:var(--muted)}.small{font-size:13px}.auth-card form{margin-top:25px}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;padding:15px 24px;background:var(--text);color:var(--panel);border-radius:10px;box-shadow:var(--shadow);z-index:10;font-size:16px}dialog{width:min(460px,calc(100% - 32px));border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:18px;padding:28px}dialog::backdrop{background:#122c2570}.dialog-actions{display:flex;gap:20px;align-items:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}[data-theme=dark]{--bg:#14231f;--panel:#1d302a;--text:#edf4ec;--muted:#b0bfb6;--border:#385047;--green:#91d3b1;--input:#182922;--soft:#253d31;--shadow:none;background:var(--bg);color:var(--text);color-scheme:dark}[data-theme=dark] .primary,[data-theme=dark] .profile.selected{color:#123326}[data-theme=dark] .welcome-art{background:#2e4936}[data-theme=dark] .brand-icon{color:#123326}
@media(max-width:760px){.topbar{height:76px;padding:0 20px}main{padding:0 18px}.welcome{padding:30px 0}.welcome-art{width:100px;height:105px;margin:0 0 0 12px;flex-shrink:0}.welcome-art>span{font-size:70px}.art-line{font-size:40px;top:33px;left:38px}.welcome p{font-size:15px}.eyebrow{font-size:10px;letter-spacing:1.4px}.stats{gap:10px}.stat{padding:16px 13px}.stat-label{font-size:13px;gap:6px}.stat-icon{display:none}.stat-value{font-size:30px;margin:18px 0 10px}.stat-value span{font-size:23px}.stat-foot{display:block;font-size:11px}.stat-foot span{display:block;margin-top:5px}.workspace{grid-template-columns:1fr;gap:20px}.panel{padding:22px}.profile-bar{align-items:flex-start}.profile-bar>.text-button{font-size:13px;white-space:nowrap;margin-top:16px}.profile{padding-right:15px}.section-heading>.muted{font-size:11px}h2{font-size:20px}.care-note{padding:17px;font-size:12px}.auth-card{padding:25px;margin:35px auto}.welcome h1{font-size:34px}footer{font-size:10px}.history{min-height:340px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}button:active{transform:scale(.98)}}

.auth-symbol{display:grid;place-items:center;width:64px;height:64px;margin-bottom:26px;border-radius:20px;background:var(--soft);color:var(--green);font-size:44px}.auth-card{max-width:500px}.auth-card .eyebrow{font-size:11px}.auth-card h1{margin-top:14px}.auth-card input{font-size:18px}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:78px}.password-wrap button{position:absolute;right:5px;top:3px;background:transparent;color:var(--green);font-size:14px;font-weight:650;padding:0 14px}.auth-switch{margin-top:24px;padding-top:18px;border-top:1px solid var(--border);font-size:15px;text-align:center;color:var(--muted)}.auth-privacy{text-align:center;font-size:13px;margin-bottom:0}.auth-error{padding:12px;border:1px solid #c57769;color:var(--text);border-radius:8px;font-size:15px}.signed-in{display:flex;align-items:center;gap:14px}.signed-in .avatar{width:48px;height:48px;font-size:22px;background:var(--soft);color:var(--green)}.signed-in strong{display:block;margin-top:4px;font-size:18px}.profile-bar>.text-button{margin-top:0}

/* Dashboard and charts */
.screen-nav{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-top:20px;padding-bottom:12px}.screen-nav button{border-radius:9px;padding:12px 20px;background:transparent;color:var(--muted);font-size:17px;font-weight:650}.screen-nav button.selected{background:var(--green);color:var(--panel)}[data-theme=dark] .screen-nav button.selected{color:#123326}.trends-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:30px}.trends-heading h2{font-size:27px;margin:0 0 8px}.trends-heading p{margin:0}.range-label{font-size:13px;min-width:185px;margin:0;color:var(--muted)}.range-label select{font-size:16px;min-height:48px;margin-top:5px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}.chart-wide{grid-column:1/-1}.chart-card{min-width:0}.chart-card h2{font-size:20px}.chart-summary{font-size:16px;font-weight:650;margin:15px 0 10px;color:var(--text)}.chart-legend{display:flex;flex-wrap:wrap;gap:12px 22px;margin:15px 0 4px}.legend-item{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.legend-line{display:inline-block;width:23px;height:0;border-top:3px solid var(--series-color);flex-shrink:0}.series-pressure{--series-color:#228368}.series-diastolic{--series-color:#b87837;stroke-dasharray:6 5}.legend-line.series-diastolic{border-top-style:dashed}.series-pulse{--series-color:#7972bc}.series-sugar{--series-color:#b87837}[data-theme=dark] .series-pressure{--series-color:#91d3b1}[data-theme=dark] .series-diastolic,[data-theme=dark] .series-sugar{--series-color:#e8b97d}[data-theme=dark] .series-pulse{--series-color:#b5acf3}.line-chart{width:100%;height:auto;display:block;overflow:visible;margin-top:5px}.chart-grid-line{stroke:var(--border);stroke-width:1;stroke-dasharray:3 5}.chart-axis{stroke:var(--muted);stroke-width:1}.chart-tick{font-size:12px;fill:var(--muted);font-family:inherit}.chart-line{stroke:var(--series-color);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.point-hit{fill:transparent;stroke:none}.point-mark{fill:var(--series-color);stroke:var(--series-color);stroke-width:1;stroke-dasharray:none}.chart-point{cursor:pointer;outline:none}.chart-point:focus .point-mark,.chart-point:hover .point-mark{fill:var(--series-color);stroke-width:2}.chart-point:focus .point-hit{stroke:var(--series-color);stroke-width:1;stroke-dasharray:3 3}.point-detail{font-size:13px;color:var(--text);line-height:1.5;min-height:40px;margin:8px 0}.chart-note{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 0}.chart-data{font-size:14px}.chart-data summary{cursor:pointer;min-height:44px;align-content:center;color:var(--green);font-weight:600}.table-scroll{overflow-x:auto;max-height:280px}.chart-data table{width:100%;border-collapse:collapse;font-size:13px}.chart-data th,.chart-data td{text-align:left;border-bottom:1px solid var(--border);padding:12px 8px;white-space:nowrap}.chart-data th{color:var(--muted)}.chart-empty{padding:65px 18px;text-align:center;color:var(--muted);font-size:16px;line-height:1.6;min-height:230px;display:grid;place-items:center}.compact-select{width:auto;min-height:46px;font-size:14px;margin:0;padding:8px 28px 8px 10px}.context-label{font-size:13px;display:flex;align-items:center;gap:12px;margin:18px 0 0;color:var(--muted)}.context-label select{flex:1}.mix-chart{display:flex;gap:35px;align-items:center}.donut-chart{width:180px;max-width:45%;flex-shrink:0}.donut-pressure{stroke:#228368}.donut-sugar{stroke:#b87837}[data-theme=dark] .donut-pressure{stroke:#91d3b1}[data-theme=dark] .donut-sugar{stroke:#e8b97d}.donut-total{font-size:32px;font-weight:650;fill:var(--text)}.mix-details{flex:1;max-width:650px}.mix-row{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:15px}.mix-row strong{margin-left:auto;white-space:nowrap}.reading-bottom{flex-wrap:wrap}.reading-actions{display:flex;gap:14px;align-items:center;margin-left:auto}.reading-actions .text-button{font-size:13px}.date-shortcuts{display:flex;gap:20px;margin:-12px 0 16px}.date-shortcuts .text-button{font-size:13px;text-align:left}.edit-reading-detail{background:var(--soft);border-radius:8px;padding:14px;font-size:22px;font-weight:650}#custom-range{max-width:520px;margin-top:20px}#chart-scope{margin-top:18px}.chart-card .section-heading{flex-wrap:wrap}
@media(max-width:760px){.chart-grid{grid-template-columns:1fr;gap:18px}.trends-heading{align-items:flex-start;flex-direction:column;margin-top:25px;gap:16px}.range-label{width:100%}.trends-heading h2{font-size:25px}.screen-nav button{flex:1;padding:10px 8px;font-size:15px}.mix-chart{gap:20px;flex-direction:column;padding-top:15px}.donut-chart{max-width:180px}.mix-details{width:100%}.chart-summary{font-size:15px}.chart-tick{font-size:12px}.reading-actions{margin-left:0}.date-shortcuts{gap:12px}.chart-card{padding:20px 15px}.chart-legend{gap:16px}.chart-note{font-size:13px}.point-detail{font-size:14px}}
@media(max-width:420px){.welcome-art{display:none}.welcome h1{font-size:34px}.stats{grid-template-columns:1fr 1fr}.stats .pressure{grid-column:1/-1}.pressure .stat-value{font-size:38px}.pressure .stat-value span{font-size:32px}.pressure .stat-foot{display:flex}.pressure .stat-icon{display:grid}.stat-label{font-size:14px}.mix-row{font-size:14px}}
/* Center theme artwork independent of text baselines. */
.icon-button{display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:0;line-height:1;flex-shrink:0}.icon-button svg{width:24px;height:24px;display:block;grid-area:1/1}.icon-button .theme-sun{display:none}[data-theme=dark] .icon-button .theme-sun{display:block}[data-theme=dark] .icon-button .theme-moon{display:none}
.series-diastolic{stroke-dasharray:none}.legend-line.series-diastolic{border-top-style:solid}.series-pulse{--series-color:#c43d45;stroke-dasharray:7 5}.legend-line.series-pulse{border-top-style:dashed}[data-theme=dark] .series-pulse{--series-color:#ff858e}.daytime-label{display:flex;align-items:center;gap:14px;margin:20px 0 0;font-size:14px;color:var(--muted)}.daytime-label select{min-width:190px}.context-label{max-width:420px}
@media(max-width:420px){.daytime-label{align-items:flex-start;flex-direction:column;gap:8px}.daytime-label select{width:100%;min-width:0}}
.chart-line.series-pulse{stroke-width:1.6}.legend-line.series-pulse{border-top-width:2px}
.table-date,.table-time{display:block}.table-time{font-size:12px;color:var(--muted);margin-top:4px}
.screen-nav{flex-wrap:wrap}.account-screen{margin-top:30px}.account-screen>.section-heading h2{font-size:27px;margin:0}.settings-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;margin-top:24px;align-items:start}.settings-grid .panel>p{margin:14px 0 24px}.account-details{margin:25px 0}.account-details dt{font-size:13px;color:var(--muted);margin-top:22px}.account-details dd{font-size:20px;margin:5px 0;overflow-wrap:anywhere}.success-message{background:var(--soft);color:var(--text);border:1px solid var(--green);padding:15px;border-radius:10px;font-size:15px;line-height:1.6}.compact-primary{width:auto;min-height:48px;padding:10px 18px;font-size:16px}.user-list{display:grid;gap:14px;margin-top:24px}.user-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.user-info{display:flex;align-items:center;gap:15px;min-width:0}.user-info h3{margin:0;font-size:20px;overflow-wrap:anywhere}.user-info p{margin:4px 0 0;overflow-wrap:anywhere}.user-info .avatar{width:44px;height:44px;flex-shrink:0}.user-actions{display:flex;gap:20px;align-items:center}.role-badge{font-size:13px;color:var(--green);background:var(--soft);border-radius:20px;padding:10px 16px}.danger-text{color:#b63e49}.delete-warning{padding:15px;border:1px solid #bd626b;border-radius:10px;font-size:15px;line-height:1.6}.danger-button{background:#aa3542;color:white}[data-theme=dark] .danger-text{color:#ff9ca6}[data-theme=dark] .danger-button{background:#b43b48;color:white}dialog{max-height:calc(100dvh - 32px);overflow-y:auto}dialog h2{margin-top:0}dialog .dialog-actions .text-button{flex-shrink:0}
@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.screen-nav button{flex-basis:calc(50% - 8px)}.user-card{align-items:flex-start;flex-direction:column;gap:15px}.user-actions{width:100%;justify-content:space-between}.user-actions .text-button{font-size:16px}.account-screen>.section-heading h2{font-size:24px}.compact-primary{font-size:15px}.settings-grid .panel{padding:22px}}
/* Five device-local color themes, with a 44px touch area around each small swatch. */
html{background:var(--bg);color:var(--text)}
[data-theme=light]{--bg:#f4f6f8;--panel:#fff;--text:#293842;--muted:#5f6f7b;--border:#dce2e7;--green:#465d70;--input:#fff;--soft:#eaf0f5;color-scheme:light}
[data-theme=green]{--bg:#f5f7f3;--panel:#fff;--text:#243f38;--muted:#66766f;--border:#dce4dc;--green:#176451;--input:#fff;--soft:#edf3ed;color-scheme:light}
[data-theme=blue]{--bg:#f1f5fb;--panel:#fff;--text:#233e59;--muted:#5a6e82;--border:#d5e0ed;--green:#245b96;--input:#fff;--soft:#e7effa;color-scheme:light}
[data-theme=pink]{--bg:#fcf3f7;--panel:#fff;--text:#503345;--muted:#7d6473;--border:#ead6e0;--green:#9c3e68;--input:#fff;--soft:#f7e6ee;color-scheme:light}
.welcome-art{background:var(--soft);color:var(--green)}.brand-dot{color:var(--green)}
.theme-picker{display:flex;align-items:center;gap:0;flex-shrink:0}.theme-choice{width:44px;height:44px;min-height:44px;padding:0;background:transparent;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.theme-swatch{width:26px;height:26px;border-radius:50%;border:1px solid #00000024;display:grid;place-items:center;background:var(--swatch);color:var(--check);box-shadow:0 1px 3px #00000012}.theme-swatch svg{width:17px;height:17px;visibility:hidden}.theme-choice[aria-pressed=true] .theme-swatch{outline:2px solid var(--text);outline-offset:4px}.theme-choice[aria-pressed=true] svg{visibility:visible}.theme-choice[data-color=light]{--swatch:#f1f3f7;--check:#334654}.theme-choice[data-color=dark]{--swatch:#1b2c28;--check:#fff}.theme-choice[data-color=blue]{--swatch:#3678c0;--check:#fff}.theme-choice[data-color=green]{--swatch:#28735a;--check:#fff}.theme-choice[data-color=pink]{--swatch:#c76591;--check:#fff}
@media(max-width:560px){.topbar{height:auto;min-height:110px;flex-wrap:wrap;gap:8px;padding:14px 18px}.brand{font-size:27px}.theme-picker{margin-left:auto}}
html[data-theme]{background:var(--bg);color:var(--text)}

.danger-zone{fill:#c43d45;fill-opacity:.05;pointer-events:none}.danger-boundary{stroke:#b52f3a;stroke-width:1.3;stroke-dasharray:5 4;pointer-events:none}.danger-zone-label{fill:#a62030;font-size:12px;font-weight:650}.danger-ring{fill:none;stroke:#b52f3a;stroke-width:2;stroke-dasharray:none;pointer-events:none}.danger-value{color:#a62030;font-weight:700}.danger-explainer a{text-decoration:underline}[data-theme=dark] .danger-zone-label,[data-theme=dark] .danger-value{fill:#ff9ca6;color:#ff9ca6}[data-theme=dark] .danger-ring,[data-theme=dark] .danger-boundary{stroke:#ff9ca6}

.pressure-trend{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.pressure-trend h3{font-size:17px;margin:0 0 12px}.pressure-trend .chart-legend{display:none}

.caution-zone{fill:#e88718;fill-opacity:.06;pointer-events:none}.caution-boundary{stroke:#ab5b0a;stroke-width:1.3;stroke-dasharray:5 4;pointer-events:none}.caution-zone-label{fill:#8a4700;font-size:12px;font-weight:650;pointer-events:none}[data-theme=dark] .caution-zone{fill:#ffad42;fill-opacity:.06}[data-theme=dark] .caution-boundary{stroke:#ffbd69}[data-theme=dark] .caution-zone-label{fill:#ffcc8c}

.chart-summary{font-weight:400;line-height:1.7}.summary-value{font-size:1.3em;font-weight:800;font-variant-numeric:tabular-nums}.info-hint{margin:12px 0;color:var(--muted);font-size:14px}.info-hint>summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;cursor:pointer;color:var(--green);font-size:24px;border:1px solid var(--border);border-radius:50%;background:var(--panel)}.info-hint>summary::-webkit-details-marker{display:none}.info-hint>summary:focus-visible{outline:3px solid #cd9d3b;outline-offset:3px}.info-hint[open]>summary{background:var(--soft)}.hint-content{margin-top:12px;padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--soft);line-height:1.6}.hint-content p:first-child{margin-top:0}.hint-content p:last-child{margin-bottom:0}.stat-foot{flex-wrap:wrap;gap:6px}.stat-foot time{overflow-wrap:anywhere}.chart-tick{font-size:11px}

/* SVG icons share a centered drawing box, independent of font baselines. */
.ui-icon{display:block;width:24px;height:24px;flex-shrink:0;margin:auto}.brand-icon,.stat-icon,.round-plus,.auth-symbol,.empty-icon,.care-note>span,.inline-icon{align-items:center;justify-content:center;padding:0;line-height:1;letter-spacing:0;flex-shrink:0}.brand-icon,.round-plus,.auth-symbol,.empty-icon,.care-note>span,.inline-icon{display:inline-flex}.brand-icon .ui-icon{width:25px;height:25px}.stat-icon .ui-icon{width:23px;height:23px}.info-hint>summary{padding:0;line-height:1}.info-hint>summary .ui-icon{width:24px;height:24px}.theme-choice,.theme-swatch{padding:0;line-height:1}.theme-swatch svg{display:block;margin:auto}.inline-icon{width:24px;height:24px;vertical-align:middle}.screen-nav button,.tabs button{display:flex;align-items:center;justify-content:center;gap:8px}.welcome-art>span{display:grid;place-items:center;width:100%;height:100%;line-height:1}.welcome-art .ui-icon{width:100px;height:100px}.auth-symbol .ui-icon{width:44px;height:44px}.empty-icon .ui-icon{width:44px;height:44px}.care-note>span{width:32px;height:32px}.care-note .ui-icon{width:28px;height:28px}@media(max-width:760px){.welcome-art .ui-icon{width:70px;height:70px}}

/* Align chart filters and prevent native iOS date inputs from widening forms. */
.daytime-label{display:grid;grid-template-columns:100px minmax(0,220px);align-items:center;column-gap:14px;row-gap:8px;width:100%;max-width:334px}.daytime-label select{width:100%;min-width:0;max-width:100%;margin:0}.entry,.entry form,.entry label,.two-col>*{min-width:0}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}input,select,textarea{min-width:0;max-width:100%;box-sizing:border-box}input[type="datetime-local"],input[type="date"]{appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;max-width:100%;min-inline-size:0;text-align:left}input::-webkit-date-and-time-value{text-align:left;min-width:0}input::-webkit-datetime-edit{padding:0;min-width:0}@media(max-width:420px){.daytime-label{grid-template-columns:100px minmax(0,1fr);max-width:100%}.daytime-label select{width:100%;min-width:0}input[type="datetime-local"]{font-size:16px;padding-inline:12px}}

@media(max-width:420px){#reading-form select{font-size:16px;padding-left:12px;padding-right:28px}}