.appearance-toggle{display:inline-grid;place-items:center;flex:none;min-width:40px;min-height:40px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:var(--paper)}
@media(max-width:690px){.bar-tools{gap:4px}.appearance-toggle{min-width:36px;min-height:38px}}
@media(min-width:601px) and (max-width:695px){.bar-tools .language{display:none}}
@media(max-width:349px){.bar-tools .language{display:none}}
html[data-appearance=dark]{color-scheme:dark;--paper:#111923;--ink:#eef2f7;--muted:#afbfcc;--line:#374452;--blue:#a1bbff;--blue-dark:#91adfa;--lime:#d6ef83;--green:#a9d7ac;--white:#1d2734;background:var(--paper);color:var(--ink)}
html[data-appearance=dark] :is(.bar,.progress,.lesson-card,.word-list,.empty,.vb-box,.vb-pack,.vp-panel,.vr-panel,.pl-panel,.px-panel,.px-work,.vc-room,.of-list,.of-session,.ps-script,.ps-check,.vt-tip,.vt-tip::before,.vb-update-card,.fb-list,.fb-pair .fb-row,.vp-story,.vb-fieldbook,#drawer.vb-fieldbook){background:#1b2531;color:var(--ink);border-color:var(--line)}
html[data-appearance=dark] :is(.vc-bar,.vc-bubble,.ps-player,.vp-goal,.of-summary,.px-built,.vt-invite,.vb-today:not(:empty),.fb-tile,.pl-context,.vr-tag,.pl-kicker,.of-feedback,.cover,.vb-demo){background:#243a36;color:#d2edd6;border-color:#425651}
html[data-appearance=dark] :is(.vc-user,.ps-row.is-current,.fb-podcast,.vp-goal-done,.px-options label:has(input:checked),.pl-options label:has(input:checked),.accent-select label:has(:checked),.fb-links a[aria-current],.of-accent [aria-pressed=true],.ps-accent button[aria-pressed=true]){background:#273b59;color:#dfebff;border-color:#5674a0}
html[data-appearance=dark] :is(.bar #nav,.of-accent,.pl-chips span,.vp-links a,.vp-numbers div,.saved-shortcut b,.label-icon,.empty-icon,.fb-close,.fb-row>i,.px-mode,.px-tag,.vr-secondary,.ps-repeat,.px-tile,.px-options small,.fb-tile i,.pl-options label>span,.of-summary-art,.vc-chosen,.ps-choices button,.ps-review a,.ps-review button,.vb-actions-bar a){background:#243140;color:#d4e1ec;border-color:var(--line)}
html[data-appearance=dark] :is(.bar #nav a.active,.vp-links a[aria-current=page],.bar #nav a:not(.active):hover,.fb-links a:hover,.lesson-card:hover,.word-row:hover){background:#304566;color:#e1ebff}
html[data-appearance=dark] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea,.deck-controls button,.outline,.px-secondary,.vc-button,.vc-token,.pl-secondary,.of-library .of-secondary,.vt-actions button,.vt-tip-foot button,.vp-themes button){background:#24303e;color:var(--ink);border-color:#4a5968}
html[data-appearance=dark] :is(.primary,.deck-controls .next,.px-primary,.vr-primary,.pl-primary,.vc-send,.vt-actions .vt-primary,.vp-links a[aria-current=page]){background:#34579f;color:white;border-color:#5878b7}
html[data-appearance=dark] :is(.listen,.listen:hover,.vc-bright,.save-card.marked,.px-sound,.of-library .of-audio){background:#d5ef80;color:#21351f}
html[data-appearance=dark] .postcard{background:#2948a0;color:white;border-color:#5876bd}
html[data-appearance=dark] .deck-controls .is-known,html[data-appearance=dark] .ps-choices button.ps-correct{background:#31523f;color:#dbf8de}
html[data-appearance=dark] :is(.vc-bubble small,.ps-band,.ps-meta,.ps-script-head small,.fb-tile strong,.fb-tile small,.fb-row strong,.fb-row small,.of-row-title small,.px-hint,.px-glyph,.pl-kicker,.vp-form label,.ps-translation,.ps-row,.ps-copy .ps-fa,.of-summary small,.ps-title small,.ps-title p,.ps-speed,.ps-time,.ps-status,.vb-today small,.vt-invite-copy p,.fb-section h3){color:inherit}
html[data-appearance=dark] :is(.vb-today .primary,.ps-play,.of-library .of-action){background:#344f72;color:#fff}
html[data-appearance=dark] .vp-themes i,html[data-appearance=dark] .fb-pass{color:white}
html[data-appearance=dark] :is(.vc-error,.pl-error,.vr-status.bad,.px-alert){background:#493039;color:#ffd2d8;border-color:#75545a}
html[data-appearance=dark] .skip{background:#eff5ff;color:#16202b}
html[data-appearance=dark] #nav a svg{color:inherit}
html[data-appearance=dark] :is(.ps-library,.ps-copy [lang=en],.fb-row,.fb-podcast,.saved-shortcut,.px-mode-copy>span,.vt-tip p,.pl-panel .pl-resume,.of-library .of-remove){color:var(--ink)}
html[data-appearance=dark] :is(.ps-response,.ps-train,.ps-accent button,.ps-num,.fb-colophon,.fb-chevron,.px-again .px-tag,.vt-tip-head,.vt-tip-head button,.vt-actions .vt-muted,.edition,.samples,.lesson-card>svg,.vb-locked,.bar #nav a:not(.active),.ps-row .ps-fa){color:var(--muted)}
html[data-appearance=dark] .saved-shortcut{background:transparent;border-color:var(--line)}
html[data-appearance=dark] :is(.segments i:not(.done),.px-track,.pl-progress,.pl-dots i:not(.ok)){background:#425162}
html[data-appearance=dark] .ps-script li+li{border-color:var(--line)}
html[data-appearance=dark] .vb-actions-bar a:first-child{background:#2c443b;color:#d1ecd9}
html[data-appearance=dark] :is(.vt-symbol,.vp-letter,.px-glyph,.vr-status:not(.bad),.vp-alert){background:#2c413f;color:#daf0dc}
html[data-appearance=dark] .vc-badge{background:#34579f;color:#e4fa92}