*{box-sizing:border-box}
:root{
  color-scheme:dark;
  --ios-bg: #050807;
  --ios-bg-2:14 30 27;
  --ios-surface: 14 30 27;
  --ios-text:#F6FFFB;
  --ios-muted:#9DB7B0;
  --ios-subtitle:#7F9690;
  --ios-primary: #3EE6BD;
  --ios-primary-2: #4DD9FF;
  --ios-card-radius: 24px;
  --ios-nav-radius: 25px;
  --ios-app-aspect: 0.62;
  --ios-app-width: clamp(430px, calc((100dvh - 20px) * var(--ios-app-aspect)), 900px);
  --ios-target:#1FF;
  --ios-green:#62EF9D;
}
html{height:calc(100% + env(safe-area-inset-bottom) + env(safe-area-inset-bottom));min-height:calc(100% + env(safe-area-inset-bottom) + env(safe-area-inset-bottom));background-color:var(--ios-bg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif;-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow:hidden}
html[data-screen]{background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}
html[data-screen="calendar"]{background-image:radial-gradient(circle at center,rgb(5 8 7/0) 80px,rgb(5 8 7/.18) 560px),linear-gradient(180deg,rgb(5 8 7/.04),rgb(5 8 7/.20) 50%,rgb(5 8 7/.29)),url("/assets/backgrounds/ios-calendar.jpg")}
html[data-screen="chart"]{background-image:radial-gradient(circle at center,rgb(5 8 7/0) 80px,rgb(5 8 7/.18) 560px),linear-gradient(180deg,rgb(5 8 7/.04),rgb(5 8 7/.20) 50%,rgb(5 8 7/.29)),url("/assets/backgrounds/ios-chart.jpg")}
html[data-screen="menu"]{background-image:radial-gradient(circle at center,rgb(5 8 7/0) 80px,rgb(5 8 7/.18) 560px),linear-gradient(180deg,rgb(5 8 7/.04),rgb(5 8 7/.20) 50%,rgb(5 8 7/.29)),url("/assets/backgrounds/ios-menu.jpg")}
body{margin:0;height:calc(100dvh + env(safe-area-inset-bottom));min-height:calc(100dvh + env(safe-area-inset-bottom));color:var(--ios-text);background:transparent;font-family:inherit;line-height:1.35;overflow-x:clip;overflow-y:auto;overscroll-behavior-y:none}
body.authenticated-app{overflow-y:hidden}
.authenticated-app>main.shell:not(.day-page){height:calc(100dvh - 82px - env(safe-area-inset-bottom));min-height:0;overflow-x:clip;overflow-y:auto;overscroll-behavior-y:contain;padding-bottom:14px;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:rgb(157 183 176/.32) transparent}
.authenticated-app>main.shell:not(.day-page)::-webkit-scrollbar{width:5px}.authenticated-app>main.shell:not(.day-page)::-webkit-scrollbar-track{background:transparent}.authenticated-app>main.shell:not(.day-page)::-webkit-scrollbar-thumb{background:rgb(157 183 176/.32);border-radius:999px}
body,.ios-app{position:relative;isolation:isolate}
button,input,select,textarea{font:inherit}a{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 3px #000}
#main-content:focus{outline:none;box-shadow:none}

.shell{width:100%;margin-inline:auto}
main.shell{padding:calc(env(safe-area-inset-top) + 14px) 12px calc(106px + env(safe-area-inset-bottom))}
main.auth-page{min-height:100dvh;display:grid;align-content:center;gap:14px;padding-bottom:calc(24px + env(safe-area-inset-bottom));width:min(100%,520px)}
h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{letter-spacing:-.02em}
.panel,.ios-profile-card{padding:14px;background:rgb(var(--ios-surface)/.50);border:1px solid rgb(255 255 255/.14);border-radius: 24px}
.panel h2,.ios-profile-card h2{color:var(--ios-text)}
.eyebrow{margin:0 0 6px;color:var(--ios-primary);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[hidden]{display:none!important}

/* Native header copied from ContentView.header. */
.calendar-mobile-brand,.ios-mobile-brand,.auth-mobile-brand{display:block;padding:0 2px;margin:0 0 14px;text-align:left}
.calendar-mobile-brand h1,.ios-mobile-brand h1,.auth-wordmark{margin:0;color:var(--ios-text);font-size:34px;line-height:1.02;font-weight:900;letter-spacing:-.045em}
.calendar-mobile-brand p,.ios-mobile-brand p,.auth-mobile-brand p{margin:5px 0 0;color:var(--ios-subtitle);font-size:14px;font-weight:600;line-height:1.3}
.app-page-heading{margin:0 0 12px;padding:14px;background:rgb(var(--ios-surface)/.44);border:1px solid rgb(255 255 255/.14);border-radius: 24px}
.app-page-heading h1{margin:0;font-size:24px;font-weight:900}.app-page-heading p:not(.eyebrow){display:none}
.calendar-heading{display:none}

/* SwiftUI PillButtonStyle. */
.button,button[type="submit"],.analytics-update,.back-link,.month-navigation a,.month-navigation>span,.profile-info,.language-options button,.drink-actions a,.drink-actions button,.preset-actions a,.preset-actions button{
  min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid rgb(255 255 255/.14);border-radius:16px;color:#EAFFF9;background:rgb(255 255 255/.075);font-size:13px;font-weight:900;text-decoration:none;text-align:center;box-shadow:none;text-shadow:none;transition:transform .14s ease,background-color .14s ease,border-color .14s ease
}
.button-primary,.analytics-update,button.button-primary{color:#03120F!important;background:linear-gradient(135deg,var(--ios-primary),var(--ios-primary-2))!important;border-color:transparent!important}
.button-secondary{background:rgb(255 255 255/.075)!important}.danger,button.danger{color:#FFD1D8!important;background:rgb(255 102 125/.14)!important;border-color:rgb(255 102 125/.28)!important}
.button:active,button[type="submit"]:active,.analytics-update:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){.button:hover,button[type="submit"]:hover,.analytics-update:hover,.back-link:hover,.month-navigation a:hover,.profile-info:hover,.language-options button:hover,.drink-actions a:hover,.drink-actions button:hover,.preset-actions a:hover,.preset-actions button:hover{background:rgb(255 255 255/.12)}.button-primary:hover,.analytics-update:hover,button.button-primary:hover{filter:brightness(1.07)}}
input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="hidden"]),select,textarea{width:100%;min-height:44px;padding:11px;color:var(--ios-text);background:rgb(0 0 0/.22);border:1px solid rgb(255 255 255/.14);border-radius:15px;outline:none;font-size:16px}
textarea{resize:vertical;min-height:142px}input::placeholder,textarea::placeholder{color:rgb(157 183 176/.65)}
input:focus,select:focus,textarea:focus{border-color:rgb(62 230 189/.72);box-shadow:0 0 0 3px rgb(62 230 189/.14)}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ios-text)!important;caret-color:var(--ios-text)!important;-webkit-box-shadow:0 0 0 1000px #07100f inset!important;border-color:rgb(255 255 255/.14)!important}
label{display:grid;gap:5px;color:var(--ios-muted);font-size:12px;font-weight:800}label small{font-size:10px;color:var(--ios-subtitle)}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flash{margin:0 0 10px;padding:11px 13px;border-radius:16px;background:rgb(62 230 189/.12);border:1px solid rgb(62 230 189/.24);font-weight:700}.flash-error{background:rgb(255 102 125/.14);border-color:rgb(255 102 125/.28)}

/* CalendarScreen + alcoholProfileCard. */
.calendar-page{display:grid;gap:12px;align-content:center;min-height:100dvh}
.ios-profile-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;overflow:visible}
.profile-card-copy{min-width:0}.profile-card-kicker{display:block;color:var(--ios-muted);font-size:11px;font-weight:800}.profile-card-copy h2{margin:3px 0;font-size:15px;font-weight:900}.profile-card-copy p{margin:0;color:var(--ios-muted);font-size:10px;font-weight:600;line-height:1.35}
.profile-info-control{position:absolute;right:12px;top:12px;z-index:5}.profile-info{position:static;list-style:none;width:30px;min-height:30px;height:30px;padding:0;border-radius:50%;color:var(--ios-primary);font-size:15px}.profile-info::-webkit-details-marker{display:none}.profile-metric{grid-column:2;grid-row:1;align-self:center;text-align:right;padding-right:38px}.profile-metric strong{display:block;color:var(--ios-primary);font-size:14px}.profile-metric strong small{font-size:10px}.profile-metric span{display:block;color:var(--ios-muted);font-size:9px;font-weight:800}.risk-labels{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;color:var(--ios-muted);font-size:10px;font-weight:900}.risk-labels strong{font-size:9px}.risk-spectrum{position:relative;grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding-top:7px}.risk-band{height:8px;border-radius:4px}.risk-minimal{background:#3CCB7F}.risk-reduced{background:#8AD65C}.risk-moderate{background:#F2C94C}.risk-elevated{background:#F2994A}.risk-very-high{background:#EB5757}.risk-extreme{background:#9B1C31}.risk-marker{position:absolute;top:0;transform:translate(-50%,-2px);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid #fff}.risk-marker-minimal{left:8%}.risk-marker-reduced{left:25%}.risk-marker-moderate{left:42%}.risk-marker-high{left:58%}.risk-marker-very_high{left:75%}.risk-marker-extreme{left:92%}.risk-current{display:none}.profile-card-stats{display:none}.profile-info-popover{position:absolute;right:38px;top:0;width:min(280px,calc(100vw - 64px));max-width:300px;max-height:min(70dvh,420px);overflow:auto;padding:14px;color:var(--ios-text);background:#07100f;border:1px solid rgb(255 255 255/.14);border-radius:16px;box-shadow:0 16px 44px rgb(0 0 0/.48);font-size:10px;line-height:1.4}.profile-method-title{display:block;margin-bottom:7px;font-size:12px}.profile-technical-list{display:grid;gap:6px;margin:0;padding-left:16px}.profile-method-note{margin:8px 0 0;color:var(--ios-muted);font-weight:700}.profile-method-sources{margin:8px 0 0}.profile-method-sources a{color:var(--ios-primary);font-weight:800}
.calendar-app-shell{padding:14px}.calendar-month-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:8px}.calendar-month-toolbar>div:first-child{grid-column:2;text-align:center}.calendar-month-toolbar>div:first-child>span{display:none}.calendar-month-toolbar h2{margin:0;font-size:20px;font-weight:900;white-space:nowrap}.month-navigation{grid-column:1/-1;grid-row:1;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.month-navigation a,.month-navigation>span{width:42px;height:42px;padding:0;pointer-events:auto;font-size:24px}.month-position{display:none!important}.weekday-row,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekday-row{margin-bottom:5px}.weekday-row span{text-align:center;color:#6F8580;font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden}.calendar-cell{position:relative;min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid rgb(255 255 255/.07);border-radius:15px;background:rgb(255 255 255/.03);color:var(--ios-muted);font-size:15px;font-weight:900;text-decoration:none}.calendar-cell.state-dry{background:rgb(98 239 157/.13);border-color:rgb(98 239 157/.22);color:#DFFFEE}.calendar-cell.state-within{background:rgb(255 225 119/.14);border-color:rgb(255 225 119/.22);color:#FFF4BD}.calendar-cell.state-over{background:rgb(255 173 92/.16);border-color:rgb(255 173 92/.26);color:#FFE1C2}.calendar-cell.state-high{background:rgb(255 102 125/.18);border-color:rgb(255 102 125/.30);color:#FFE2E6}.calendar-cell.outside-month{opacity:.28}.calendar-cell.future{opacity:.45}.calendar-cell.today{color:#fff;border:2px solid var(--ios-primary);box-shadow:0 0 22px rgb(62 230 189/.18)}.day-number{line-height:1}.state-dot{display:none}.calendar-cell small{min-height:11px;color:#95AAA5;font-size:9px;font-weight:800;line-height:1}.today-badge{margin-top:1px;color:var(--ios-primary);font-size:8px;font-weight:900;text-transform:lowercase}.calendar-cell-note{position:absolute;right:6px;top:4px;font-size:0!important}.calendar-cell-note::after{content:"*";font-size:13px}.calendar-legend{display:none}.is-month-loading .calendar-app-shell{opacity:.55;transition:opacity .18s}

/* DaySheetOverlay translated to a dedicated web route. */
.day-page{position:fixed;z-index:40;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),640px);height:82dvh;max-height:82dvh;min-height:0;margin:0;padding-top:14px!important;padding-bottom:18px!important;overflow-y:auto;overscroll-behavior:contain;background:rgb(8 15 14/.95);border:1px solid rgb(255 255 255/.14);border-radius:24px;box-shadow:0 28px 90px rgb(0 0 0/.55)}.day-page::before{content:"";position:fixed;inset:0;z-index:-1;background:rgb(0 0 0/.57)}.day-page>.ios-mobile-brand{display:none}.back-link{margin:0 0 10px}.day-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 6px 8px}.day-heading h1{margin:0;font-size:20px;font-weight:900}.day-total{text-align:right}.day-total strong{display:inline-flex;padding:7px 9px;border-radius:999px;background:rgb(255 255 255/.06);border:1px solid rgb(255 255 255/.12);font-size:12px}.day-total span{display:block;margin-top:4px;color:var(--ios-muted);font-size:10px}.day-layout,.day-secondary{display:grid;gap:10px}.drink-editor,.drinks-list,.dry-panel,.journal-panel{margin-bottom:10px}.drink-editor h2,.drinks-list h2,.dry-panel h2,.journal-panel h2{margin:0 0 10px;font-size:16px;font-weight:900}.drink-editor form,.journal-panel form{display:grid;gap:10px}.quick-presets{display:grid;gap:8px;margin-bottom:10px}.quick-presets>strong{font-size:12px}.quick-preset-list{display:flex;gap:8px;overflow-x:auto;padding:2px;scrollbar-width:none}.quick-preset{min-width:max-content;padding:9px 11px;border-radius:16px;background:rgb(62 230 189/.09);border:1px solid rgb(62 230 189/.18);text-decoration:none}.quick-preset span{font-size:13px;font-weight:900}.quick-preset small{display:block;color:var(--ios-muted);font-size:11px}.quick-preset.selected{background:rgb(62 230 189/.18)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-heading span{color:var(--ios-muted);font-size:11px}.drink-card,.preset-card{padding:12px;border-radius:18px;background:rgb(0 0 0/.15);border:1px solid rgb(255 255 255/.08)}.drink-card{display:grid;gap:9px}.drink-card-details{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px}.drink-card-details>strong{min-width:0;overflow-wrap:anywhere;font-size:15px}.drink-facts{display:flex;flex-wrap:wrap;gap:5px 10px;margin:0}.drink-facts div{display:flex;gap:4px;color:var(--ios-muted);font-size:11px}.drink-facts dt{display:none}.pure-alcohol-fact dd{padding:5px 8px;border-radius:999px;background:rgb(255 255 255/.055);color:#CFE8E2}.drink-facts dd{margin:0}.drink-actions,.preset-actions{display:flex;justify-content:flex-end;gap:6px}.drink-actions{flex-wrap:wrap}.drink-actions form,.preset-actions form{display:contents}.drink-actions a,.drink-actions button,.preset-actions a,.preset-actions button{min-height:44px;padding:0 9px;border-radius:999px;font-size:11px}.dry-banner{color:var(--ios-muted)}.legacy-panel{margin-top:10px;padding:14px;border-radius:18px;background:rgb(255 225 119/.10);border:1px solid rgb(255 225 119/.20)}

/* ChartScreen. */
.analytics-page{display:grid;gap:12px}.analytics-ios-layout,.analytics-insight-rail{display:grid;gap:10px}.analytics-chart-card{order:1}.chart-card-heading{display:flex;justify-content:space-between;align-items:end;gap:8px}.chart-card-heading span{color:var(--ios-muted);font-size:11px;font-weight:800}.chart-card-heading h2{margin:2px 0 0;font-size:16px;font-weight:900}.chart-unit{color:rgb(221 255 247/.62)!important}.analytics-chart-card svg{display:block;width:100%;height:auto;min-height:210px}.analytics-grid{stroke:rgb(255 255 255/.13);stroke-width:1}.analytics-axis-label,.analytics-x-label{fill:#9DB7B0;font-size:10px;font-weight:700}.analytics-bar.confirmed{fill:url(#analytics-bar-gradient)}.analytics-bar.partial{fill:rgb(255 255 255/.28);opacity:.24}.analytics-unknown{fill:#9DB7B0}.analytics-line{fill:none;stroke-linecap:round}.analytics-line.target{stroke:#1F5FBF;stroke-width:1.8;stroke-dasharray:5 5;opacity:.95}.analytics-line.average{stroke:#FFE177;stroke-width:2.2;opacity:.96}.analytics-line.average-trend{stroke:#FFAD5C;stroke-width:2.1;stroke-dasharray:6 5;opacity:.96}.analytics-line.consumption-trend{stroke:#B78CFF;stroke-width:2.4;opacity:.92}.chart-legend{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:6px}.chart-legend span{display:flex;align-items:center;gap:5px;color:var(--ios-text);font-size:11px;font-weight:600}.chart-legend i{display:block;width:16px;height:3px;border-radius:2px;background:var(--ios-primary)}.legend-target i{height:2px;background-color:transparent;background-image:repeating-linear-gradient(90deg,#1F5FBF 0 5px,transparent 5px 9px)}.legend-average i{background:#FFE177}.legend-average-trend i{height:2px;background-color:transparent;background-image:repeating-linear-gradient(90deg,#FFAD5C 0 6px,transparent 6px 11px)}.legend-consumption-trend i{background:#B78CFF}.analytics-insight-rail{order:2}.analytics-summary-card,.analytics-profile-card{display:none}.analytics-controls{order:3;display:grid;gap:12px}.line-selector{border:0;padding:0;margin:0}.line-selector legend,.segmented-control legend,.range-select>span{margin-bottom:7px;color:var(--ios-muted);font-size:11px;font-weight:800}.line-selector>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.line-chip{position:relative;display:flex;grid-template-columns:auto auto 1fr;align-items:center;min-height:34px;padding:6px 8px;border-radius:10px;background:rgb(255 255 255/.035);border:1px solid rgb(255 255 255/.07);cursor:pointer}.line-chip.selected{background:rgb(255 255 255/.07);border-color:rgb(255 255 255/.12)}.line-chip input{position:absolute;opacity:0}.line-chip i{width:18px;height:3px;background:var(--ios-primary)}.line-chip.line-target i{height:2px;background-color:transparent;background-image:repeating-linear-gradient(90deg,#1F5FBF 0 5px,transparent 5px 9px)}.line-chip.line-average i{background:#FFE177}.line-chip.line-average-trend i{height:2px;background-color:transparent;background-image:repeating-linear-gradient(90deg,#FFAD5C 0 6px,transparent 6px 11px)}.line-chip.line-consumption-trend i{background:#B78CFF}.line-chip span{color:var(--ios-muted);font-size:11px}.analytics-forecast-list{display:grid;gap:7px}.analytics-forecast-list>div{display:flex;align-items:flex-start;gap:8px;padding:6px 9px;border-radius:10px;background:rgb(255 255 255/.04)}.forecast-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#B78CFF}.forecast-dot.average{background:#FFAD5C}.forecast-dot.streak{background:#FFE177}.analytics-forecast-list span{display:grid}.analytics-forecast-list strong{font-size:11px}.analytics-forecast-list small{color:var(--ios-muted);font-size:11px}.analytics-control-row{display:grid;gap:10px}.segmented-control{border:0;padding:0;margin:0}.segmented-control>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.segmented-control label{position:relative}.segmented-control input{position:absolute;opacity:0}.segmented-control span,.custom-toggle span{min-height:42px;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:16px;background:rgb(255 255 255/.075);border:1px solid rgb(255 255 255/.14);color:#EAFFF9;font-size:13px;font-weight:900}.segmented-control input:checked+span,.custom-toggle input:checked+span{color:#03120f;background:linear-gradient(135deg,var(--ios-primary),var(--ios-primary-2));border-color:transparent}.range-select select{margin-top:2px}.custom-range-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom-toggle{grid-column:1/-1;position:relative}.custom-toggle input{position:absolute;opacity:0}.analytics-update{width:100%}.analytics-table-panel{overflow-x:auto}.analytics-table-panel table{width:100%;border-collapse:collapse;font-size:11px}.analytics-table-panel caption{display:none}.analytics-table-panel th,.analytics-table-panel td{padding:8px;border-bottom:1px solid rgb(255 255 255/.08);text-align:left}.analytics-method-card p{margin:0;color:var(--ios-muted);font-size:12px}.js .analytics-table-panel,.analytics-method-card{display:none}.line-chip:focus-within,.segmented-control label:focus-within,.custom-toggle:focus-within{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 3px #000}

/* MenuScreen. */
.settings-page{display:grid;gap:10px}.settings-heading{margin-bottom:0}.settings-page>.panel h2{margin:0 0 10px;font-size:16px;font-weight:900}.settings-page>.panel p{color:var(--ios-muted);font-size:12px;font-weight:600;line-height:1.45}.settings-page form{display:grid;gap:10px}.settings-disclaimer{display:none}.settings-grid{display:grid;gap:10px}.language-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.language-options form{display:contents}.language-options button{width:100%;padding:0 6px}.language-options button.selected{color:#03120f;background:linear-gradient(135deg,var(--ios-primary),var(--ios-primary-2));border-color:transparent}.storage-status{display:flex;align-items:center;gap:7px;color:var(--ios-muted);font-size:11px}.storage-status i{width:7px;height:7px;border-radius:50%;background:var(--ios-green)}.settings-logout{margin-top:10px}.preset-cards{display:grid;gap:8px}.preset-card{display:grid;grid-template-columns:auto 1fr;gap:10px}.preset-icon{font-size:20px}.preset-card>div:nth-child(2){display:grid}.preset-card span{color:var(--ios-muted);font-size:11px}.preset-actions{grid-column:1/-1}.feedback-card .button{width:100%}.input-unit{position:absolute;right:12px;bottom:13px;color:var(--ios-muted)}.settings-goal-card label{position:relative}

/* Auth uses the same iOS visual language; the native project has no account screen. */
.auth-mobile-brand{text-align:left}.ios-auth-card{padding:18px}.ios-auth-card h1{margin:0;font-size:28px;font-weight:900}.auth-intro{margin:5px 0 16px;color:var(--ios-muted);font-size:13px}.ios-auth-card form{display:grid;gap:12px}.auth-submit{width:100%;margin-top:2px}.auth-switch{margin:14px 0 0;color:var(--ios-muted);font-size:13px;text-align:center}.auth-switch a{color:var(--ios-primary);font-weight:800}

/* Public/error pages remain legible in the same shell. */
.page.shell:not(.auth-page),.privacy-page,.home-page{padding-top:calc(env(safe-area-inset-top) + 24px)}.hero-copy,.principle-grid,.closing,.privacy-page>section,.error-page{padding:18px;background:rgb(var(--ios-surface)/.50);border:1px solid rgb(255 255 255/.14);border-radius: 24px}
.primary-navigation{position:fixed;z-index:50;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 24px);padding:7px;border-radius: 25px;background:#06100e;border:1px solid rgb(255 255 255/.13);box-shadow:0 16px 48px rgb(0 0 0/.36)}
.primary-navigation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.primary-navigation-link{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:18px;color:#8FA59F;font-size:10px;font-weight:800;text-decoration:none}.primary-navigation-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.primary-navigation-link.active{color:#EAFFF9;background:rgb(62 230 189/.14)}
@media (hover:hover) and (pointer:fine){.primary-navigation-link:hover{color:#EAFFF9;background:rgb(62 230 189/.09)}}
@media (min-width:900px) and (max-height:760px), (min-width:1200px) and (max-height:950px), (min-width:1500px){.profile-info-popover{left:38px;right:auto;top:0;width:min(280px,calc((100vw - var(--ios-app-width))/2 - 24px));transform:none}}
@media (min-width:700px){main.shell{max-width:var(--ios-app-width)}.authenticated-app>main.shell:not(.day-page){width:100%;max-width:none}.authenticated-app>main.shell:not(.day-page)>*{width:min(100%,calc(var(--ios-app-width) - 24px));margin-inline:auto}.authenticated-app>main.auth-page>*{width:min(100%,496px)}.primary-navigation{max-width:var(--ios-app-width)}.day-page{width:var(--ios-app-width);max-width:calc(100vw - 24px)}.calendar-cell{min-height:clamp(54px,calc((var(--ios-app-width) - 76px)/7),100px)}}
@media (min-width:700px) and (max-height:800px){.calendar-mobile-brand{margin-bottom:4px}.calendar-page{gap:6px}.ios-profile-card{padding:10px}.calendar-app-shell{padding:10px}.calendar-cell{min-height:44px}}
@media (max-width:480px){main.shell{padding-inline:12px}.calendar-mobile-brand h1,.ios-mobile-brand h1,.auth-wordmark{font-size:34px}.panel,.ios-profile-card{border-radius:24px}.calendar-app-shell{padding:12px}.calendar-cell{min-height:54px}.calendar-cell-value{font-size:8px!important}.profile-card-copy p{max-width:230px}.form-row{grid-template-columns:1fr 1fr}.language-options{grid-template-columns:repeat(2,1fr)}.line-selector>div{grid-template-columns:1fr}.custom-range-row{grid-template-columns:1fr}.custom-toggle{grid-column:auto}}
@media (max-width:360px){.calendar-app-shell{padding:10px}.weekday-row,.month-grid{gap:3px}.calendar-cell{min-height:50px;border-radius:13px}.calendar-month-toolbar h2{font-size:18px}.profile-metric{padding-right:34px}.form-row{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}