/* Green intentionally inherits the existing design without palette overrides. */
.topbar .theme-switch{width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:10px;display:grid;place-items:center}.theme-switch svg{width:22px;height:22px}.theme-switch:focus-visible,.theme-option:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.theme-options{display:grid;gap:12px}.theme-option{display:flex;align-items:center;gap:14px;width:100%;min-height:98px;text-align:left;padding:14px;border:1px solid var(--line)}.theme-option[aria-pressed=true]{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}.theme-option-copy{flex:1;min-width:0}.theme-option strong,.theme-option small{display:block}.theme-option strong{font-size:17px}.theme-option small{font-weight:400;font-size:12px;line-height:1.5;margin-top:3px}.theme-check{flex:0 0 22px;color:var(--lime);font-size:22px}.theme-mini{flex:0 0 58px;width:58px;height:68px;border-radius:12px;padding:10px 7px;display:flex;flex-direction:column;gap:7px;border:1px solid #ffffff28;overflow:hidden}.theme-mini>i{height:22px;border-radius:5px}.theme-mini>span{display:flex;gap:5px}.theme-mini>span i{display:block;flex:1;height:19px;border-radius:4px}.theme-mini-green{background:#15221b}.theme-mini-green>i{background:#c5f779}.theme-mini-green>span i{background:#304d36}.theme-mini-fitness{background:#101216}.theme-mini-fitness>i{background:#ff761f}.theme-mini-fitness>span i{background:#333a43}.theme-mini-glass{background:linear-gradient(140deg,#b1ebf5,#d4d2ff);border-color:#fff}.theme-mini-glass>i{background:#2575ef}.theme-mini-glass>span i{background:#ffffffb8}.theme-status{margin-top:16px}

html[data-theme=fitness]{color-scheme:dark;--bg:#101216;--panel:#1a1e24;--text:#f4f6f9;--muted:#aeb7c4;--line:#ffffff1c;--lime:#ff761f;--mint:#ffad71;--orange:#ffbc76;--danger:#ffa19d;--design-surface:#1b2027;--design-soft:#252c35;--design-input:#11151b;--design-label:#c1c8d2;--design-accent-soft:#ff761f19;--design-primary-text:#17100b;--design-modal:#1a1f26;--design-border:#414956;--design-shadow:0 14px 40px #0003;--design-bar:#14181f}
html[data-theme=fitness] body{background:radial-gradient(ellipse at 100% 0,#6730181f,transparent 55%),var(--bg)}
html[data-theme=glass]{color-scheme:light;--bg:#e7effb;--panel:#ffffffd9;--text:#132c50;--muted:#4d6281;--line:#7596bc4a;--lime:#1764d6;--mint:#125fbb;--orange:#956000;--danger:#b92e3c;--design-surface:#f8fbffdb;--design-soft:#e4eefbd9;--design-input:#ffffffdf;--design-label:#3d5273;--design-accent-soft:#1764d615;--design-primary-text:#fff;--design-modal:#eef5fff5;--design-border:#afc7e2;--design-shadow:0 12px 36px #325f9420;--design-bar:#eef6ffed}
html[data-theme=glass] body{background:radial-gradient(ellipse at 8% 5%,#bceaf3 0,transparent 55%),radial-gradient(ellipse at 100% 50%,#c9ceff 0,transparent 65%),linear-gradient(135deg,#e9f4ff,#dfe9fb 50%,#d8f2f4);background-attachment:fixed}
html:is([data-theme=fitness],[data-theme=glass]) :is(.card,.summary-card,.modal,.day-editor,.personal-workout-item,.admin-item,.private-access,.admin-stats>span,.macro-item,.day-agenda,.ai-answer){background:var(--design-surface);border-color:var(--line);color:var(--text);box-shadow:var(--design-shadow)}
html:is([data-theme=fitness],[data-theme=glass]) :is(.topbar,.sidebar,.bottom-nav,.day-head,.calendar-all-day){background:var(--design-bar);border-color:var(--line);color:var(--text)}
html:is([data-theme=fitness],[data-theme=glass]) .modal{background:var(--design-modal)}
html:is([data-theme=fitness],[data-theme=glass]) :is(input,select,textarea){background:var(--design-input);border-color:var(--design-border);color:var(--text)}
html:is([data-theme=fitness],[data-theme=glass]) input::placeholder,html:is([data-theme=fitness],[data-theme=glass]) textarea::placeholder{color:var(--muted);opacity:1}
html:is([data-theme=fitness],[data-theme=glass]) :is(label,.instruction p,.hero p,.auth-art p,.motion-preview small){color:var(--design-label)}
html:is([data-theme=fitness],[data-theme=glass]) :is(input,select,textarea):focus{border-color:var(--lime);box-shadow:0 0 0 3px var(--design-accent-soft)}
html:is([data-theme=fitness],[data-theme=glass]) button:not(:where(.primary,.ghost,.theme-option,.theme-switch,.summary-card,.camera-fab,.recent-session,.meal-entry)){background:var(--design-soft);color:var(--text)}
html:is([data-theme=fitness],[data-theme=glass]) button.primary{background:var(--lime);color:var(--design-primary-text);box-shadow:0 5px 16px var(--design-accent-soft)}
html:is([data-theme=fitness],[data-theme=glass]) button.primary:hover{filter:brightness(1.06)}
html:is([data-theme=fitness],[data-theme=glass]) :is(button.ghost,.recent-session,.meal-entry){color:var(--text)}
html:is([data-theme=fitness],[data-theme=glass]) button:not(:where(.primary,.camera-fab)):hover{background:var(--design-soft)}
html:is([data-theme=fitness],[data-theme=glass]) :is(.tag,.exercise-icon,.photo-zone,.personal-custom,.instruction,.rest-timer,.photo-choice,.metric-values span,.theme-option){background:var(--design-accent-soft);border-color:var(--line);color:var(--lime)}
html:is([data-theme=fitness],[data-theme=glass]) :is(.nav button.active,.bottom-nav button.active,.section-rail button.active,.pill-tabs .active,.tabs button.active){background:var(--design-accent-soft);color:var(--lime)}
html:is([data-theme=fitness],[data-theme=glass]) :is(.section-rail button,.nav button,.bottom-nav button,.tabs button){color:var(--muted);background:transparent}
html:is([data-theme=fitness],[data-theme=glass]) .camera-fab{background:var(--lime);color:var(--design-primary-text);border-color:var(--design-bar)}
html:is([data-theme=fitness],[data-theme=glass]) .avatar{background:var(--design-soft);color:var(--lime);border:1px solid var(--design-border)}
html:is([data-theme=fitness],[data-theme=glass]) .progress-bar{background:var(--design-accent-soft)}
html:is([data-theme=fitness],[data-theme=glass]) .bar{background:linear-gradient(0deg,var(--mint),var(--lime))}
html:is([data-theme=fitness],[data-theme=glass]) .bubble{background:var(--design-soft);color:var(--text)}
html:is([data-theme=fitness],[data-theme=glass]) .bubble.mine{background:var(--design-accent-soft)}
html:is([data-theme=fitness],[data-theme=glass]) .completed-tag{background:var(--design-accent-soft);color:var(--mint)}
html:is([data-theme=fitness],[data-theme=glass]) .hours span{color:var(--muted)}
html:is([data-theme=fitness],[data-theme=glass]) .calendar-wrap{background:var(--design-input)}
html:is([data-theme=fitness],[data-theme=glass]) :is(.appointment,.month-event){background:var(--design-soft);color:var(--text);border-color:var(--line);border-left-color:var(--lime)}
html:is([data-theme=fitness],[data-theme=glass]) :is(.appointment.pending,.month-event.pending){background:var(--design-accent-soft);color:var(--orange);border-left-color:var(--orange)}
html:is([data-theme=fitness],[data-theme=glass]) .month-cell{background:var(--design-input);border-color:var(--line)}
html:is([data-theme=fitness],[data-theme=glass]) .month-cell .month-day{color:var(--text)}
html:is([data-theme=fitness],[data-theme=glass]) :is(.scan-shortcut,.motion-preview){background:var(--design-soft);border-color:var(--line);color:var(--text)}
html:is([data-theme=fitness],[data-theme=glass]) :is(.scan-shortcut strong,.motion-preview strong){color:var(--text)}
html:is([data-theme=fitness],[data-theme=glass]) :is(.personal-workout-item,.personal-custom,#gym-form details,#gym-form fieldset,.gym-exercise){border-color:var(--design-border)}
html:is([data-theme=fitness],[data-theme=glass]) :is(.personal-picker-group,.personal-workout-item .section-title,.list-item,.tabs){border-color:var(--line)}
html:is([data-theme=fitness],[data-theme=glass]) :is(.error,button.danger){color:var(--danger)}
html:is([data-theme=fitness],[data-theme=glass]) .tag.pending{color:var(--orange);background:var(--design-accent-soft)}
html:is([data-theme=fitness],[data-theme=glass]) #toast{background:var(--lime);color:var(--design-primary-text)}
html[data-theme=fitness] .hero{background:repeating-linear-gradient(135deg,transparent 0 35px,#ff761f08 36px 38px),linear-gradient(120deg,#242a33,#12161d);border-color:#ff761f42}
html[data-theme=fitness] .hero::after{border-color:#ff761f30;box-shadow:0 0 0 35px #ff761f05,0 0 0 70px #ff761f04}
html[data-theme=fitness] :is(h1,.hero h2){font-weight:800;letter-spacing:-.8px}
html[data-theme=fitness] .hero h2{font-style:italic;text-transform:uppercase}
html[data-theme=fitness] .summary-card strong{font-weight:750}
html[data-theme=fitness] .plan-art{background:repeating-linear-gradient(135deg,#ff761f0e 0 18px,#ffffff03 19px 20px)}
html[data-theme=fitness] .brand img{filter:hue-rotate(280deg) saturate(1.5)}
html[data-theme=glass] :is(.card,.summary-card,.sidebar,.topbar,.bottom-nav){backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#ffffffd9}
html[data-theme=glass] :is(.card,.summary-card){background:linear-gradient(135deg,#ffffffed,#eff6ffd9);box-shadow:inset 0 1px 0 #fff,0 8px 28px #4775a317;border-radius:22px}
html[data-theme=glass] .hero{background:radial-gradient(ellipse at 95% 15%,#a6e2f9aa,transparent 55%),linear-gradient(130deg,#ffffffec,#dbe9ffdf);border-color:#ffffffef;box-shadow:inset 0 1px 0 #fff,0 12px 40px #426cac1c}
html[data-theme=glass] .hero::after{border-color:#ffffffaa;box-shadow:0 0 0 35px #ffffff15,0 0 0 70px #ffffff09}
html[data-theme=glass] button.primary{background:linear-gradient(145deg,#257bec,#1459cb);box-shadow:inset 0 1px 0 #ffffff66,0 5px 15px #2464bf26}
html[data-theme=glass] :is(button.primary,.section-rail button,.bottom-nav button.active){border-radius:18px}
html[data-theme=glass] .camera-fab{background:linear-gradient(145deg,#3386f9,#1a60d5);box-shadow:0 6px 20px #2d5ab542}
html[data-theme=glass] .brand img{filter:hue-rotate(110deg) saturate(1.1)}
html[data-theme=glass] .modal-backdrop{background:#39517255;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
html[data-theme=glass] .modal{border-color:#ffffffd9;box-shadow:0 25px 70px #18396135}
html[data-theme=glass] .plan-art{background:linear-gradient(135deg,#dce6ff,#d2f1f6)}
html[data-theme=glass] :is(.demo-lightbox,.motion-stage,.preview){background:#e8f0fb;color:var(--text)}
html[data-theme=glass] .motion-preview strong{color:var(--text)}
html[data-theme=glass] .day-column{background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,#3a658616 59px,#3a658616 60px)}
html[data-theme=glass] .demo-enlarge>span{background:#1764d6;color:white}
@supports not (backdrop-filter:blur(1px)){html[data-theme=glass] :is(.card,.topbar,.sidebar,.bottom-nav){background:#eef5ff}}
@media(max-width:760px){.topbar .brand{font-size:17px;letter-spacing:-.4px;gap:6px;min-width:0}.topbar .brand img{width:26px;height:26px}.topbar>.row{gap:4px;flex-shrink:0}.topbar .date{display:none}.topbar .avatar{width:40px;height:40px;min-height:40px}.topbar{gap:8px}html[data-theme=glass] .bottom-nav{border:1px solid #ffffffd9;border-radius:22px 22px 0 0;box-shadow:0 -5px 24px #5077a71a}}
@media(prefers-reduced-transparency:reduce){html[data-theme=glass] :is(.card,.topbar,.sidebar,.bottom-nav,.modal){backdrop-filter:none;-webkit-backdrop-filter:none;background:#eef5ff}}
