.access-settings{border-top:1px solid var(--line);margin:24px 0;padding-top:8px}.access-settings h3{font-size:17px}.access-setting{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);margin:0;cursor:pointer}.access-setting strong{display:block;font-size:15px;font-weight:600}.access-setting small{display:block;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.5}.access-setting input{position:absolute;right:0;width:44px;height:44px;margin:0;opacity:0;cursor:pointer;z-index:1}.access-toggle{width:40px;height:24px;border:1px solid var(--muted);background:var(--soft);position:relative;border-radius:3px}.access-toggle:before{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;background:var(--muted)}.access-setting input:checked+.access-toggle{background:var(--accent);border-color:var(--accent)}.access-setting input:checked+.access-toggle:before{left:19px;background:var(--page)}.access-setting input:focus-visible+.access-toggle{outline:3px solid var(--ink);outline-offset:4px}
html[data-access-colors][data-identity=pista] .animated-track{--flow-color:#66c8ff!important}
html[data-access-colors][data-identity=pista] .animated-track[data-zone=near]{--flow-color:#ffd16a!important}
html[data-access-colors][data-identity=pista] .animated-track[data-zone=reached]{--flow-color:#f6f3e6!important}
html[data-access-colors][data-identity=pista] .animated-track[data-zone=over]{--flow-color:#d8a6ff!important}
html[data-access-colors] .macro-goal{border-color:var(--line)!important}html[data-access-colors] .macro-goal strong,html[data-access-colors] .macro-goal p{color:var(--ink)!important}
html[data-access-contrast][data-identity=pista]{--ink:#f7f9ef;--muted:#d8dfd5;--line:#889582}
html[data-access-contrast][data-identity=mesa]{--ink:#382219;--muted:#624638;--line:#9a7561}
html[data-access-contrast][data-identity=mesa][data-theme=dark]{--ink:#fff2e5;--muted:#e1c6b1;--line:#b68e74}
html[data-access-contrast] .hint,html[data-access-contrast] small,html[data-access-contrast] .macro-goal p{color:var(--muted)!important}html[data-access-contrast] input,html[data-access-contrast] select,html[data-access-contrast] textarea{border:2px solid var(--line)!important}
html[data-access-large] body{font-size:18px}html[data-access-large] label,html[data-access-large] input,html[data-access-large] select,html[data-access-large] textarea,html[data-access-large] button{font-size:18px!important}html[data-access-large] .hint,html[data-access-large] small,html[data-access-large] .macro-goal p,html[data-access-large] .meal-description{font-size:16px!important}html[data-access-large] .access-setting strong{font-size:18px}html[data-access-large] .access-setting small{font-size:16px}
html[data-access-large] .macros,html[data-access-large] .macro-goals{grid-template-columns:1fr!important}html[data-access-large] .meal{flex-wrap:wrap}html[data-access-large] .section-head{flex-wrap:wrap}
html[data-reduce-motion] *,html[data-reduce-motion] *:before,html[data-reduce-motion] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:600px){html[data-access-large] .fields{grid-template-columns:1fr!important}html[data-access-large] .toolbar{flex-wrap:wrap}html[data-access-large] .view-tabs button{white-space:normal}}
