/* Both schemes follow the OS until the visitor saves an explicit override. */
:root{color-scheme:light dark}
:root:has(> head > meta[name="color-scheme"][content="light"]){color-scheme:light}
:root:has(> head > meta[name="color-scheme"][content="dark"]){color-scheme:dark}
.brand-light{display:none}
.theme-control{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:12px;padding:3px 7px;background:var(--surface);color:var(--muted)}
.theme-control>svg{width:18px;height:18px;flex-shrink:0}
.theme-control select{width:auto;min-height:40px;border:0;background:transparent;color:inherit;padding:8px 7px;font-size:12px;cursor:pointer}
@media(max-width:650px){.toolbar{column-gap:10px}.theme-control{max-width:173px;padding:3px 5px;gap:3px}.theme-control select{font-size:11px;padding:8px 4px;min-height:40px}.theme-control>svg{width:15px;height:15px}}

html:has(> head > meta[name="color-scheme"][content="light"]){--bg:#f7f8fc;--surface:#fff;--surface2:#f0edfa;--ink:#202338;--muted:#60677d;--line:#dce0eb;--accent:#6d52cd;--accent-dark:#efe9fb;}
html:has(> head > meta[name="color-scheme"][content="light"]) button:focus-visible,html:has(> head > meta[name="color-scheme"][content="light"]) a:focus-visible,html:has(> head > meta[name="color-scheme"][content="light"]) input:focus-visible,html:has(> head > meta[name="color-scheme"][content="light"]) textarea:focus-visible,html:has(> head > meta[name="color-scheme"][content="light"]) select:focus-visible{outline-color:#7353c4;}
html:has(> head > meta[name="color-scheme"][content="light"]) .sidebar{background:#fff;border-color:#e2e4ee;}
html:has(> head > meta[name="color-scheme"][content="light"]) .brand-dark{display:none;}
html:has(> head > meta[name="color-scheme"][content="light"]) .brand-light{display:flex;align-items:center;gap:10px;color:#252637;font-size:24px;font-weight:700;line-height:1;}
html:has(> head > meta[name="color-scheme"][content="light"]) .brand-light img{width:44px;max-width:44px;height:44px;flex-shrink:0;}
html:has(> head > meta[name="color-scheme"][content="light"]) .brand-light small{display:block;color:#d5660c;font-size:15px;font-weight:650;margin:5px 0 0;letter-spacing:0;}
html:has(> head > meta[name="color-scheme"][content="light"]) .sidebar nav a{color:#5a6076;}
html:has(> head > meta[name="color-scheme"][content="light"]) .sidebar nav a[aria-current]{background:#f0eafb;border-color:#e0d4f2;color:#6448a5;}
html:has(> head > meta[name="color-scheme"][content="light"]) .text-button,html:has(> head > meta[name="color-scheme"][content="light"]) .text-link,html:has(> head > meta[name="color-scheme"][content="light"]) .mode-button{color:#655582;}
html:has(> head > meta[name="color-scheme"][content="light"]) .mode-button{border-color:var(--line);}
html:has(> head > meta[name="color-scheme"][content="light"]) .language-switch{background:#fff;border-color:var(--line);}
html:has(> head > meta[name="color-scheme"][content="light"]) .language-switch button{color:#5c6076;}
html:has(> head > meta[name="color-scheme"][content="light"]) .language-switch button[aria-pressed=true]{background:var(--accent);color:#fff;}
html:has(> head > meta[name="color-scheme"][content="light"]) .chip{border-color:#d9d9e7;color:#5f5870;background:#fff;}
html:has(> head > meta[name="color-scheme"][content="light"]) .chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff;}
html:has(> head > meta[name="color-scheme"][content="light"]) .course-card{background:radial-gradient(ellipse at 95% 0%,#efebfc 0,transparent 55%),#fff;border-color:#dcd9e9;box-shadow:0 5px 20px #27234606;}
html:has(> head > meta[name="color-scheme"][content="light"]) .proposal-card{border-color:#cbbbe1;}
html:has(> head > meta[name="color-scheme"][content="light"]) .course-kicker{color:#745c9e;}
html:has(> head > meta[name="color-scheme"][content="light"]) .module-icon{background:#f9f6ff;color:#7354b1;border-color:#9577c7;}
html:has(> head > meta[name="color-scheme"][content="light"]) .course-top p{color:#63677b;}
html:has(> head > meta[name="color-scheme"][content="light"]) .course-stats{background:#f9f8fc;border-color:#e2deed;}
html:has(> head > meta[name="color-scheme"][content="light"]) .course-stats>div+div{border-color:#dcd6e9;}
html:has(> head > meta[name="color-scheme"][content="light"]) .course-stats small{color:#697084;}
html:has(> head > meta[name="color-scheme"][content="light"]) .support-line,html:has(> head > meta[name="color-scheme"][content="light"]) .course-depth,html:has(> head > meta[name="color-scheme"][content="light"]) .plan-add-button{color:#6d5889;}
html:has(> head > meta[name="color-scheme"][content="light"]) .plan-add-button:hover{color:#9b4b12;}
html:has(> head > meta[name="color-scheme"][content="light"]) .primary{background:var(--accent);border-color:var(--accent);color:#fff;}
html:has(> head > meta[name="color-scheme"][content="light"]) .primary:hover{background:#5941b5;border-color:#5941b5;}
html:has(> head > meta[name="color-scheme"][content="light"]) .secondary{background:#fff;border-color:#c2b3db;color:#574074;}
html:has(> head > meta[name="color-scheme"][content="light"]) .secondary:hover{background:#f0eafb;}
html:has(> head > meta[name="color-scheme"][content="light"]) .course-card:hover,html:has(> head > meta[name="color-scheme"][content="light"]) .course-card:focus-within{background:radial-gradient(ellipse at 95% 0%,#ffead6 0,transparent 60%),#fffaf5;border-color:#db965d;}
html:has(> head > meta[name="color-scheme"][content="light"]) .course-card:hover .module-icon,html:has(> head > meta[name="color-scheme"][content="light"]) .course-card:focus-within .module-icon{color:#a95d22;border-color:#d8965c;background:#fff7ed;}
html:has(> head > meta[name="color-scheme"][content="light"]) .course-card:hover .primary,html:has(> head > meta[name="color-scheme"][content="light"]) .course-card:focus-within .primary{background:#ffbc85;border-color:#eea76d;color:#45270e;}
html:has(> head > meta[name="color-scheme"][content="light"]) .support-banner{background:#fff;border-color:var(--line);}
html:has(> head > meta[name="color-scheme"][content="light"]) .support-banner>span{color:#6e6381;}
html:has(> head > meta[name="color-scheme"][content="light"]) .back-link{color:#665485;}
html:has(> head > meta[name="color-scheme"][content="light"]) .status-label,html:has(> head > meta[name="color-scheme"][content="light"]) .proposal-tag{background:#f1eafa;color:#6f4b96;border-color:#d9cbe9;}
html:has(> head > meta[name="color-scheme"][content="light"]) .draft-note{background:#f4effb;color:#62556f;}
html:has(> head > meta[name="color-scheme"][content="light"]) .support-detail small{color:#705986;}
html:has(> head > meta[name="color-scheme"][content="light"]) .raw-text{color:#575d73;}
html:has(> head > meta[name="color-scheme"][content="light"]) .progress-label{color:#625570;}
html:has(> head > meta[name="color-scheme"][content="light"]) .progress-track{background:#e3dced;}
html:has(> head > meta[name="color-scheme"][content="light"]) .check-row{color:#454c62;}
html:has(> head > meta[name="color-scheme"][content="light"]) .check-row input:checked::before{border-color:#fff;}
html:has(> head > meta[name="color-scheme"][content="light"]) input:not([type=checkbox],[type=radio]),html:has(> head > meta[name="color-scheme"][content="light"]) textarea,html:has(> head > meta[name="color-scheme"][content="light"]) select{background:#fff;color:var(--ink);border-color:#c9cfdf;}
html:has(> head > meta[name="color-scheme"][content="light"]) input::placeholder,html:has(> head > meta[name="color-scheme"][content="light"]) textarea::placeholder{color:#777e91;}
html:has(> head > meta[name="color-scheme"][content="light"]) .plan-panel input[readonly],html:has(> head > meta[name="color-scheme"][content="light"]) textarea[readonly]{color:#656c80;background:#f1f2f7;}
html:has(> head > meta[name="color-scheme"][content="light"]) dialog{background:#fff;border-color:#d7d3e1;box-shadow:0 20px 80px #27213726;}
html:has(> head > meta[name="color-scheme"][content="light"]) dialog::backdrop{background:#20243940;}
html:has(> head > meta[name="color-scheme"][content="light"]) .booking-summary{background:#f2edfc;border-color:#d7c9eb;}
html:has(> head > meta[name="color-scheme"][content="light"]) .booking-summary span{color:#686379;}
html:has(> head > meta[name="color-scheme"][content="light"]) .booking-summary b{color:#6844a0;}
html:has(> head > meta[name="color-scheme"][content="light"]) .pace-option{background:#fff;border-color:var(--line);}
html:has(> head > meta[name="color-scheme"][content="light"]) .pace-option:has(input:checked){background:#f5efff;border-color:#a48acb;}
html:has(> head > meta[name="color-scheme"][content="light"]) .form-error{color:#ab303d;}
html:has(> head > meta[name="color-scheme"][content="light"]) #notice{background:#3e2b59;color:#fff;box-shadow:0 8px 30px #20183026;}
html:has(> head > meta[name="color-scheme"][content="light"]) .proposal-message{border-color:var(--line);color:#665775;}
html:has(> head > meta[name="color-scheme"][content="light"]) .proposal-price-label{color:#795e98;}
html:has(> head > meta[name="color-scheme"][content="light"]) .course-results{background:#fff;}
html:has(> head > meta[name="color-scheme"][content="light"]) .syllabus-metrics{color:#706080;}
html:has(> head > meta[name="color-scheme"][content="light"]) .lesson-outline details{background:#fff;border-color:var(--line);}
html:has(> head > meta[name="color-scheme"][content="light"]) .lesson-outline details[open]{background:#faf7ff;border-color:#c7b5df;}
html:has(> head > meta[name="color-scheme"][content="light"]) .lesson-outline summary::after{border-color:#7c6297;}
html:has(> head > meta[name="color-scheme"][content="light"]) .lesson-index{color:#7d609c;}
html:has(> head > meta[name="color-scheme"][content="light"]) .lesson-content{border-color:#e3daec;}
html:has(> head > meta[name="color-scheme"][content="light"]) .lesson-content ul{color:#565c70;}
html:has(> head > meta[name="color-scheme"][content="light"]) .lesson-result{color:#55416c;}
html:has(> head > meta[name="color-scheme"][content="light"]) .lesson-content dt{color:#79539b;}
html:has(> head > meta[name="color-scheme"][content="light"]) .lesson-timing{color:#786986;}
html:has(> head > meta[name="color-scheme"][content="light"]) .plan-module.selected{background:#f5efff;border-color:#ab8fd3;}
html:has(> head > meta[name="color-scheme"][content="light"]) .plan-module>b{color:#6c4b9c;}
html:has(> head > meta[name="color-scheme"][content="light"]) .plan-summary{background:#fff;border-color:#d2c4e4;box-shadow:0 8px 30px #43325508;}
html:has(> head > meta[name="color-scheme"][content="light"]) .plan-totals b{color:#654889;}
html:has(> head > meta[name="color-scheme"][content="light"]) .crm-access-note{background:#fff7ee;border-color:#e9c6a0;}
html:has(> head > meta[name="color-scheme"][content="light"]) .crm-access-note strong{color:#9c501c;}
html:has(> head > meta[name="color-scheme"][content="light"]) .crm-access-note p{color:#765f4b;}
html:has(> head > meta[name="color-scheme"][content="light"]) .crm-access-note a{color:#94480d;}
html:has(> head > meta[name="color-scheme"][content="light"]) .group-prices article>span{color:#74558f;}
html:has(> head > meta[name="color-scheme"][content="light"]) .group-prices p{color:#636a7e;}
html:has(> head > meta[name="color-scheme"][content="light"]) .empty-state{border-color:#c9bfd7;}
html:has(> head > meta[name="color-scheme"][content="light"]) .saved-plan small{color:#775d91;}
html:has(> head > meta[name="color-scheme"][content="light"]) .feedback{background:#f4eefb;border-color:#a288c2;color:#5b4971!important;}
html:has(> head > meta[name="color-scheme"][content="light"]) .homework-box{background:#f8f4ff;border-color:#dfd2ef;}
html:has(> head > meta[name="color-scheme"][content="light"]) .homework-box p{color:#655971;}
html:has(> head > meta[name="color-scheme"][content="light"]) .google-signin{background:#fff;border-color:#cbd0de;box-shadow:0 2px 6px #26233d08;}
html:has(> head > meta[name="color-scheme"][content="light"]) .auth-modes button[aria-pressed=true]{background:#f1eafa;border-color:#a98acb;}
html:has(> head > meta[name="color-scheme"][content="light"]) .auth-message{background:#f2edf9;color:#5b4a70;}
html:has(> head > meta[name="color-scheme"][content="light"]) .theme-control{background:#fff;border-color:var(--line);color:#5d536f;}
html:has(> head > meta[name="color-scheme"][content="light"]) .theme-control select{background:transparent;}
@media(prefers-color-scheme:light){
html:has(> head > meta[name="color-scheme"][content="light dark"]){--bg:#f7f8fc;--surface:#fff;--surface2:#f0edfa;--ink:#202338;--muted:#60677d;--line:#dce0eb;--accent:#6d52cd;--accent-dark:#efe9fb;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) button:focus-visible,html:has(> head > meta[name="color-scheme"][content="light dark"]) a:focus-visible,html:has(> head > meta[name="color-scheme"][content="light dark"]) input:focus-visible,html:has(> head > meta[name="color-scheme"][content="light dark"]) textarea:focus-visible,html:has(> head > meta[name="color-scheme"][content="light dark"]) select:focus-visible{outline-color:#7353c4;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .sidebar{background:#fff;border-color:#e2e4ee;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .brand-dark{display:none;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .brand-light{display:flex;align-items:center;gap:10px;color:#252637;font-size:24px;font-weight:700;line-height:1;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .brand-light img{width:44px;max-width:44px;height:44px;flex-shrink:0;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .brand-light small{display:block;color:#d5660c;font-size:15px;font-weight:650;margin:5px 0 0;letter-spacing:0;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .sidebar nav a{color:#5a6076;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .sidebar nav a[aria-current]{background:#f0eafb;border-color:#e0d4f2;color:#6448a5;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .text-button,html:has(> head > meta[name="color-scheme"][content="light dark"]) .text-link,html:has(> head > meta[name="color-scheme"][content="light dark"]) .mode-button{color:#655582;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .mode-button{border-color:var(--line);}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .language-switch{background:#fff;border-color:var(--line);}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .language-switch button{color:#5c6076;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .language-switch button[aria-pressed=true]{background:var(--accent);color:#fff;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .chip{border-color:#d9d9e7;color:#5f5870;background:#fff;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .course-card{background:radial-gradient(ellipse at 95% 0%,#efebfc 0,transparent 55%),#fff;border-color:#dcd9e9;box-shadow:0 5px 20px #27234606;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .proposal-card{border-color:#cbbbe1;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .course-kicker{color:#745c9e;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .module-icon{background:#f9f6ff;color:#7354b1;border-color:#9577c7;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .course-top p{color:#63677b;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .course-stats{background:#f9f8fc;border-color:#e2deed;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .course-stats>div+div{border-color:#dcd6e9;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .course-stats small{color:#697084;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .support-line,html:has(> head > meta[name="color-scheme"][content="light dark"]) .course-depth,html:has(> head > meta[name="color-scheme"][content="light dark"]) .plan-add-button{color:#6d5889;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .plan-add-button:hover{color:#9b4b12;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .primary{background:var(--accent);border-color:var(--accent);color:#fff;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .primary:hover{background:#5941b5;border-color:#5941b5;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .secondary{background:#fff;border-color:#c2b3db;color:#574074;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .secondary:hover{background:#f0eafb;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .course-card:hover,html:has(> head > meta[name="color-scheme"][content="light dark"]) .course-card:focus-within{background:radial-gradient(ellipse at 95% 0%,#ffead6 0,transparent 60%),#fffaf5;border-color:#db965d;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .course-card:hover .module-icon,html:has(> head > meta[name="color-scheme"][content="light dark"]) .course-card:focus-within .module-icon{color:#a95d22;border-color:#d8965c;background:#fff7ed;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .course-card:hover .primary,html:has(> head > meta[name="color-scheme"][content="light dark"]) .course-card:focus-within .primary{background:#ffbc85;border-color:#eea76d;color:#45270e;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .support-banner{background:#fff;border-color:var(--line);}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .support-banner>span{color:#6e6381;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .back-link{color:#665485;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .status-label,html:has(> head > meta[name="color-scheme"][content="light dark"]) .proposal-tag{background:#f1eafa;color:#6f4b96;border-color:#d9cbe9;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .draft-note{background:#f4effb;color:#62556f;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .support-detail small{color:#705986;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .raw-text{color:#575d73;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .progress-label{color:#625570;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .progress-track{background:#e3dced;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .check-row{color:#454c62;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .check-row input:checked::before{border-color:#fff;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) input:not([type=checkbox],[type=radio]),html:has(> head > meta[name="color-scheme"][content="light dark"]) textarea,html:has(> head > meta[name="color-scheme"][content="light dark"]) select{background:#fff;color:var(--ink);border-color:#c9cfdf;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) input::placeholder,html:has(> head > meta[name="color-scheme"][content="light dark"]) textarea::placeholder{color:#777e91;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .plan-panel input[readonly],html:has(> head > meta[name="color-scheme"][content="light dark"]) textarea[readonly]{color:#656c80;background:#f1f2f7;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) dialog{background:#fff;border-color:#d7d3e1;box-shadow:0 20px 80px #27213726;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) dialog::backdrop{background:#20243940;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .booking-summary{background:#f2edfc;border-color:#d7c9eb;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .booking-summary span{color:#686379;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .booking-summary b{color:#6844a0;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .pace-option{background:#fff;border-color:var(--line);}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .pace-option:has(input:checked){background:#f5efff;border-color:#a48acb;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .form-error{color:#ab303d;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) #notice{background:#3e2b59;color:#fff;box-shadow:0 8px 30px #20183026;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .proposal-message{border-color:var(--line);color:#665775;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .proposal-price-label{color:#795e98;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .course-results{background:#fff;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .syllabus-metrics{color:#706080;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .lesson-outline details{background:#fff;border-color:var(--line);}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .lesson-outline details[open]{background:#faf7ff;border-color:#c7b5df;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .lesson-outline summary::after{border-color:#7c6297;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .lesson-index{color:#7d609c;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .lesson-content{border-color:#e3daec;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .lesson-content ul{color:#565c70;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .lesson-result{color:#55416c;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .lesson-content dt{color:#79539b;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .lesson-timing{color:#786986;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .plan-module.selected{background:#f5efff;border-color:#ab8fd3;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .plan-module>b{color:#6c4b9c;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .plan-summary{background:#fff;border-color:#d2c4e4;box-shadow:0 8px 30px #43325508;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .plan-totals b{color:#654889;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .crm-access-note{background:#fff7ee;border-color:#e9c6a0;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .crm-access-note strong{color:#9c501c;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .crm-access-note p{color:#765f4b;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .crm-access-note a{color:#94480d;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .group-prices article>span{color:#74558f;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .group-prices p{color:#636a7e;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .empty-state{border-color:#c9bfd7;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .saved-plan small{color:#775d91;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .feedback{background:#f4eefb;border-color:#a288c2;color:#5b4971!important;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .homework-box{background:#f8f4ff;border-color:#dfd2ef;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .homework-box p{color:#655971;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .google-signin{background:#fff;border-color:#cbd0de;box-shadow:0 2px 6px #26233d08;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .auth-modes button[aria-pressed=true]{background:#f1eafa;border-color:#a98acb;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .auth-message{background:#f2edf9;color:#5b4a70;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .theme-control{background:#fff;border-color:var(--line);color:#5d536f;}
html:has(> head > meta[name="color-scheme"][content="light dark"]) .theme-control select{background:transparent;}
}