/* TỰ SINH bởi tools/build-theme-ef.py từ app.css — ĐỪNG sửa tay. Chỉ bật khi html[data-theme="<bộ>-dark|light">. */
:root[data-theme="ef-dark"] { --paper:#2d353b; --card:#343f44; --ink:#d3c6aa; --ink-dim:#9da9a0; --ink-mid:#c5bba0; --accent:#dbbc7f; --accent-deep:#d4b06e; --accent-soft:rgba(219,188,127,.16); --amber:#e69875; --amber-deep:#e9a283; --navy:#3d484d; --ok:#a7c080; --ok-soft:rgba(167,192,128,.14); --err:#e67e80; --line:rgba(211,198,170,.13); --line-soft:rgba(211,198,170,.07); --shadow-sm:0 1px 2px rgba(0,0,0,.22); --shadow:0 2px 4px rgba(0,0,0,.18), 0 10px 26px rgba(0,0,0,.24); --shadow-lg:0 10px 28px rgba(0,0,0,.32); --shadow-accent:0 6px 16px rgba(219,188,127,.16); --shadow-accent-lg:0 10px 26px rgba(219,188,127,.2); color-scheme:dark; }
:root[data-theme="ef-dark"] .tip-card { background:linear-gradient(140deg, #3d484d, var(--navy)) }
@media (max-width: 700px) {
:root[data-theme="ef-dark"] .rate-row { box-shadow:0 -8px 20px -8px rgba(35,42,46,.5) }
}
:root[data-theme="ef-dark"] .skel { background:linear-gradient(90deg, #343f44 25%, #3d484d 50%, #343f44 75%) }
:root[data-theme="ef-dark"] .pf-cover { background:linear-gradient(120deg, #3d484d 0%, #343f44 55%, #232a2e 100%) }
:root[data-theme="ef-dark"] .avatar-picker::backdrop { background:rgba(35,42,46,.68) }
:root[data-theme="ef-dark"] .rd-pop { background:#3d484d }
:root[data-theme="ef-dark"] .bulletin-script { background:linear-gradient(140deg, #3d484d, var(--navy)) }
:root[data-theme="ef-dark"] .aw-prog-steps li.done i::after { border:1.6px solid #232a2e }
:root[data-theme="ef-dark"] .it-ovbox { background:rgba(35,42,46,.93); box-shadow:0 1px 6px rgba(35,42,46,.35) }
:root[data-theme="ef-dark"] .it-ovbox:hover, :root[data-theme="ef-dark"] .it-ovbox:focus-visible { background:rgba(35,42,46,.98) }
:root[data-theme="ef-dark"] .it-ovnone { background:rgba(35,42,46,.86) }
:root[data-theme="ef-dark"] .lh-seg { background:rgba(35,42,46,.28) }
:root[data-theme="ef-dark"] .lh-seg-b.on i { background:rgba(35,42,46,.16) }
:root[data-theme="ef-dark"] .img-report { background:rgba(35,42,46,.72) }
:root[data-theme="ef-dark"] .ring-num, :root[data-theme="ef-dark"] .streak-pill b, :root[data-theme="ef-dark"] .ccs b, :root[data-theme="ef-dark"] .cc-goals .goal-top b { text-shadow:0 1px 0 rgba(35,42,46,.35) }
:root[data-theme="ef-dark"] #fx-toast { background:linear-gradient(135deg,#3d484d,#343f44); box-shadow:0 12px 40px rgba(35,42,46,.55),0 0 0 1px rgba(232,176,75,.25) }
:root[data-theme="ef-dark"] #zh-flash { background:#343f44; box-shadow:0 12px 40px rgba(35,42,46,.5) }
:root[data-theme="ef-dark"] .img-lightbox { background:rgba(35,42,46,.86) }
:root[data-theme="ef-dark"] .img-lightbox img { box-shadow:0 12px 48px rgba(35,42,46,.6) }
:root[data-theme="ef-dark"] .dub-result video { background:#232a2e }
:root[data-theme="ef-dark"] .vp-flash { background:rgba(35,42,46,.74) }
:root[data-theme="ef-dark"] .vp-resume { background:rgba(35,42,46,.94) }
:root[data-theme="ef-dark"] .vp-big { background:rgba(35,42,46,.55) }
:root[data-theme="ef-dark"] .vp-big:hover { background:rgba(35,42,46,.74) }
:root[data-theme="ef-dark"] .vp-bar { background:linear-gradient(transparent, rgba(35,42,46,.58) 42%, rgba(35,42,46,.86)) }
:root[data-theme="ef-dark"] .vp-knob { box-shadow:0 0 0 1px rgba(35,42,46,.35) }
@media (pointer: coarse), (max-width: 560px) {
:root[data-theme="ef-dark"] .vp-vol-pop { background:rgba(35,42,46,.97) }
}
:root[data-theme="ef-dark"] .vp-rates { background:rgba(35,42,46,.96) }
:root[data-theme="ef-dark"] .ov-zh, :root[data-theme="ef-dark"] .ov-py, :root[data-theme="ef-dark"] .ov-vi { text-shadow:0 1px 2px rgba(35,42,46,.95), 0 0 7px rgba(35,42,46,.6) }
:root[data-theme="ef-dark"] .ov-py { text-shadow:0 1px 2px rgba(35,42,46,.95), 0 0 8px rgba(35,42,46,.7) }
:root[data-theme="ef-dark"] .vp-pop { background:rgba(35,42,46,.97) }
@media (max-width: 640px) {
:root[data-theme="ef-dark"] .vp-pop, :root[data-theme="ef-dark"] .vp-rates { background:#232a2e }
}
:root[data-theme="ef-dark"] .dub-side-cover i { background:rgba(35,42,46,.78) }
:root[data-theme="ef-dark"] .dub-lib-off { background:rgba(35,42,46,.78) }
:root[data-theme="ef-dark"] .aw-thumb i { background:rgba(35,42,46,.6) }
:root[data-theme="ef-dark"] .aw-thumb-x { background:rgba(35,42,46,.62) }
:root[data-theme="ef-dark"] .cam-box::before { background:linear-gradient(to bottom, rgba(35,42,46,.72) 0, transparent 25%, transparent 67%, rgba(35,42,46,.72) 100%) }
:root[data-theme="ef-dark"] .cam-chip { background:rgba(52,63,68,.62); box-shadow:0 3px 12px rgba(35,42,46,.35) }
:root[data-theme="ef-dark"] .cam-chip:hover { box-shadow:0 6px 16px rgba(35,42,46,.5) }
:root[data-theme="ef-dark"] .cam-x { background:rgba(52,63,68,.55); box-shadow:0 2px 10px rgba(35,42,46,.45) }
:root[data-theme="ef-dark"] .cam-hint { background:rgba(52,63,68,.6) }
:root[data-theme="ef-dark"] .cam-bar { background:linear-gradient(transparent, rgba(35,42,46,.4) 35%, rgba(35,42,46,.82)) }
:root[data-theme="ef-dark"] .cam-count:not(:empty) { background:linear-gradient(145deg, rgba(52,63,68,.88), rgba(35,42,46,.72)); box-shadow:0 8px 24px rgba(35,42,46,.42), inset 0 1px rgba(255,255,255,.1) }
:root[data-theme="ef-dark"] .cam-shot { box-shadow:0 6px 22px rgba(35,42,46,.55), inset 0 0 0 1px rgba(35,42,46,.25) }
:root[data-theme="ef-dark"] .cam-shot:hover { box-shadow:0 8px 26px rgba(35,42,46,.6), 0 0 26px rgba(232,176,75,.35) }
:root[data-theme="ef-dark"] .cam-shot span { box-shadow:inset 0 -2px 6px rgba(35,42,46,.14), inset 0 2px 4px rgba(255,255,255,.9) }
:root[data-theme="ef-dark"] .cam-strip img { box-shadow:0 3px 10px rgba(35,42,46,.6) }
:root[data-theme="ef-dark"] .dub-lib-dur { background:rgba(35,42,46,.78) }
:root[data-theme="ef-dark"] .cf-nen { background:rgba(35,42,46,.62) }
:root[data-theme="ef-dark"] .study-result-top { box-shadow:0 12px 30px rgba(35,42,46,.34) }
:root[data-theme="ef-dark"] .bgm { box-shadow:0 8px 22px rgba(35,42,46,.32) }
:root[data-theme="ef-dark"] .nb-polaroid { box-shadow:0 6px 14px rgba(35,42,46,.45) }
:root[data-theme="ef-dark"] .td-plant .sh { fill:rgba(35,42,46,.28) }
:root[data-theme="ef-dark"] .td-plant .sh { fill:rgba(35,42,46,.35) }
:root[data-theme="ef-dark"] .lb-ava-crown { filter:drop-shadow(0 1px 2px rgba(35,42,46,.5)) }
:root[data-theme="ef-dark"] .lang-cube .face { box-shadow:0 6px 16px rgba(35,42,46,.35) }
:root[data-theme="ef-dark"] .egg-bubble { box-shadow:0 4px 10px rgba(35,42,46,.35) }
:root[data-theme="ef-dark"] .lang-cube { filter:drop-shadow(0 6px 12px rgba(35,42,46,.35)) }
:root[data-theme="ef-dark"] .add-nhanh input { background:linear-gradient(90deg, transparent 33px, rgba(248,113,113,.35) 33px 34.5px, transparent 34.5px), linear-gradient(180deg, #343f44, #343f44) }
:root[data-theme="ef-dark"] .add-nhanh-go { box-shadow:0 3px 8px rgba(232,176,75,.35), inset 0 -2px 0 rgba(35,42,46,.12) }
:root[data-theme="ef-dark"] .ht-bubble { box-shadow:0 10px 28px rgba(232,176,75,.35), 0 4px 10px rgba(35,42,46,.4) }
:root[data-theme="ef-dark"] .ht-toast { background:#343f44; box-shadow:0 16px 40px rgba(35,42,46,.55) }
:root[data-theme="ef-dark"] .ht-hop { box-shadow:0 24px 60px rgba(35,42,46,.6) }
:root[data-theme="ef-dark"] .ht-ho .ht-bong { background:#3d484d }
:root[data-theme="ef-dark"] .add-pop { background:#3d484d; box-shadow:0 18px 40px rgba(35,42,46,.55) }
:root[data-theme="ef-dark"] .add-pop::before { background:#3d484d }
:root[data-theme="ef-dark"] .aw-paper { background:#343f44 }
:root[data-theme="ef-dark"] .aw-big-box { box-shadow:0 20px 50px rgba(35,42,46,.4) }
:root[data-theme="ef-dark"] .aw-big-box:focus-within { box-shadow:0 0 0 5px var(--accent-soft), 0 20px 50px rgba(35,42,46,.4) }
:root[data-theme="ef-dark"] .to-night .theme-glow { background:radial-gradient(70% 60% at 50% 100%, rgba(61,72,77,.9), rgba(52,63,68,.6) 50%, rgba(35,42,46,0) 80%) }
:root[data-theme="ef-dark"] .theme-orb.moon::after { box-shadow:inset -22px -8px 0 0 rgba(35,42,46,.18) }
:root[data-theme="ef-light"] { --paper:#f3efda; --card:#fdf6e3; --ink:#4f5b62; --ink-dim:#6f7a73; --ink-mid:#5c6a72; --accent:#c28a0a; --accent-deep:#a87600; --accent-soft:rgba(223,160,0,.15); --amber:#e0700f; --amber-deep:#c45f08; --navy:#efebd4; --ok:#6f8a00; --ok-soft:rgba(141,161,1,.14); --err:#e0443f; --line:rgba(92,106,114,.18); --line-soft:rgba(92,106,114,.10); --shadow-sm:0 1px 2px rgba(92,106,114,.12); --shadow:0 1px 3px rgba(92,106,114,.10), 0 8px 22px rgba(92,106,114,.12); --shadow-lg:0 10px 28px rgba(92,106,114,.18); --shadow-accent:0 6px 16px rgba(194,138,10,.16); --shadow-accent-lg:0 10px 26px rgba(194,138,10,.2); color-scheme:light; }
:root[data-theme="ef-light"] .auth-wrap { box-shadow:inset 0 1px 0 rgba(92,106,114,0.066), var(--shadow) }
:root[data-theme="ef-light"] .tip-card { background:linear-gradient(140deg, #efebd4, var(--navy)) }
:root[data-theme="ef-light"] .tip-card p { color:rgba(92,106,114,1) }
@media (max-width: 700px) {
:root[data-theme="ef-light"] .rate-row { box-shadow:0 -8px 20px -8px rgba(243,239,218,.5) }
}
:root[data-theme="ef-light"] .skel { background:linear-gradient(90deg, #fdf6e3 25%, #efebd4 50%, #fdf6e3 75%) }
:root[data-theme="ef-light"] .pf-cover { background:linear-gradient(120deg, #efebd4 0%, #fdf6e3 55%, #f3efda 100%) }
:root[data-theme="ef-light"] .pf-cover .avatar { background:rgba(92,106,114,0.176); border:2px solid rgba(92,106,114,0.605) }
:root[data-theme="ef-light"] .pf-meta { color:rgba(92,106,114,0.825) }
:root[data-theme="ef-light"] .pf-tag { background:rgba(92,106,114,0.154); border:1px solid rgba(92,106,114,0.275) }
:root[data-theme="ef-light"] .avatar-picker::backdrop { background:rgba(243,239,218,.68) }
:root[data-theme="ef-light"] .rd-pop { background:#efebd4 }
:root[data-theme="ef-light"] .bulletin-script { background:linear-gradient(140deg, #efebd4, var(--navy)); color:rgba(92,106,114,1) }
:root[data-theme="ef-light"] .illu { background:rgba(92,106,114,0.033) }
:root[data-theme="ef-light"] .aw-drop { background:rgba(92,106,114,0.0132) }
:root[data-theme="ef-light"] .aw-prog-steps li.done i::after { border:1.6px solid #f3efda }
:root[data-theme="ef-light"] .it-src { background:rgba(92,106,114,0.022) }
:root[data-theme="ef-light"] .it-ovbox { background:rgba(243,239,218,.93); box-shadow:0 1px 6px rgba(243,239,218,.35) }
:root[data-theme="ef-light"] .it-ovbox:hover, :root[data-theme="ef-light"] .it-ovbox:focus-visible { background:rgba(243,239,218,.98) }
:root[data-theme="ef-light"] .it-ovnone { background:rgba(243,239,218,.86) }
:root[data-theme="ef-light"] .aw-chip { background:rgba(92,106,114,0.022) }
:root[data-theme="ef-light"] .adm-l-hit:hover { background:rgba(92,106,114,0.0385) }
:root[data-theme="ef-light"] .adm-detail { background:rgba(92,106,114,0.0308) }
:root[data-theme="ef-light"] .adm-chip { background:rgba(92,106,114,0.0495) }
:root[data-theme="ef-light"] .lh-p-bar { background:rgba(92,106,114,0.077) }
:root[data-theme="ef-light"] .lh-seg { background:rgba(243,239,218,.28) }
:root[data-theme="ef-light"] .lh-seg-b i { background:rgba(92,106,114,0.11) }
:root[data-theme="ef-light"] .lh-seg-b.on i { background:rgba(243,239,218,.16) }
:root[data-theme="ef-light"] .img-report { background:rgba(243,239,218,.72) }
:root[data-theme="ef-light"] .ring-num, :root[data-theme="ef-light"] .streak-pill b, :root[data-theme="ef-light"] .ccs b, :root[data-theme="ef-light"] .cc-goals .goal-top b { text-shadow:0 1px 0 rgba(243,239,218,.35) }
:root[data-theme="ef-light"] .gbar-fill::after, :root[data-theme="ef-light"] .pbar-fill::after { background:linear-gradient(115deg,transparent 35%,rgba(92,106,114,0.44) 50%,transparent 65%) }
:root[data-theme="ef-light"] #fx-toast { background:linear-gradient(135deg,#efebd4,#fdf6e3); box-shadow:0 12px 40px rgba(243,239,218,.55),0 0 0 1px rgba(232,176,75,.25) }
:root[data-theme="ef-light"] #zh-flash { background:#fdf6e3; box-shadow:0 12px 40px rgba(243,239,218,.5) }
:root[data-theme="ef-light"] .zh-hero-note { background:rgba(92,106,114,0.033) }
:root[data-theme="ef-light"] .zm-empty { background:rgba(92,106,114,0.033) }
:root[data-theme="ef-light"] .img-lightbox { background:rgba(243,239,218,.86) }
:root[data-theme="ef-light"] .img-lightbox img { box-shadow:0 12px 48px rgba(243,239,218,.6) }
:root[data-theme="ef-light"] .zb-comp { background:rgba(92,106,114,0.033) }
:root[data-theme="ef-light"] .zb-ex { background:rgba(92,106,114,0.033) }
:root[data-theme="ef-light"] .zb-relitem { background:rgba(92,106,114,0.044) }
:root[data-theme="ef-light"] .dub-gpu { background:rgba(92,106,114,0.033) }
:root[data-theme="ef-light"] .dub-result video { background:#f3efda }
:root[data-theme="ef-light"] .vp-flash { background:rgba(243,239,218,.74) }
:root[data-theme="ef-light"] .vp-resume { background:rgba(243,239,218,.94); border:1px solid rgba(92,106,114,0.176) }
:root[data-theme="ef-light"] .vp-resume button { border:1px solid rgba(92,106,114,0.242) }
:root[data-theme="ef-light"] .vp-resume button:hover { background:rgba(92,106,114,0.154) }
:root[data-theme="ef-light"] .vp-big { background:rgba(243,239,218,.55) }
:root[data-theme="ef-light"] .vp-big:hover { background:rgba(243,239,218,.74) }
:root[data-theme="ef-light"] .vp-bar { background:linear-gradient(transparent, rgba(243,239,218,.58) 42%, rgba(243,239,218,.86)) }
:root[data-theme="ef-light"] .vp-track { background:rgba(92,106,114,0.286) }
:root[data-theme="ef-light"] .vp-load { background:rgba(92,106,114,0.462) }
:root[data-theme="ef-light"] .vp-knob { box-shadow:0 0 0 1px rgba(243,239,218,.35) }
:root[data-theme="ef-light"] .vp-btn:hover { background:rgba(92,106,114,0.154) }
@media (pointer: coarse), (max-width: 560px) {
:root[data-theme="ef-light"] .vp-vol-pop { border:1px solid rgba(92,106,114,0.176); background:rgba(243,239,218,.97) }
}
:root[data-theme="ef-light"] .vp-rates { background:rgba(243,239,218,.96); border:1px solid rgba(92,106,114,0.176) }
:root[data-theme="ef-light"] .vp-rates button:hover { background:rgba(92,106,114,0.154) }
:root[data-theme="ef-light"] .ov-zh, :root[data-theme="ef-light"] .ov-py, :root[data-theme="ef-light"] .ov-vi { text-shadow:0 1px 2px rgba(243,239,218,.95), 0 0 7px rgba(243,239,218,.6) }
:root[data-theme="ef-light"] .ov-py { text-shadow:0 1px 2px rgba(243,239,218,.95), 0 0 8px rgba(243,239,218,.7) }
:root[data-theme="ef-light"] .vp-pop { background:rgba(243,239,218,.97); border:1px solid rgba(92,106,114,0.176) }
:root[data-theme="ef-light"] .vp-sw:hover { background:rgba(92,106,114,0.132) }
:root[data-theme="ef-light"] .vp-seg button { border:1px solid rgba(92,106,114,0.198) }
:root[data-theme="ef-light"] .vp-seg button:hover { background:rgba(92,106,114,0.132) }
:root[data-theme="ef-light"] .vp-pop button.vp-opt:hover { background:rgba(92,106,114,0.132) }
@media (max-width: 640px) {
:root[data-theme="ef-light"] .vp-pop, :root[data-theme="ef-light"] .vp-rates { background:#f3efda; border-color:rgba(92,106,114,0.154) }
}
:root[data-theme="ef-light"] .dw-chip { background:rgba(92,106,114,0.033) }
:root[data-theme="ef-light"] .dub-script li:hover { background:rgba(92,106,114,0.044) }
:root[data-theme="ef-light"] .dub-side:hover { background:rgba(92,106,114,0.044) }
:root[data-theme="ef-light"] .dub-side-cover i { background:rgba(243,239,218,.78) }
:root[data-theme="ef-light"] .dub-lib-off { background:rgba(243,239,218,.78) }
:root[data-theme="ef-light"] .dub-lib-seen { background:rgba(92,106,114,0.33) }
:root[data-theme="ef-light"] .hw-box svg { background:rgba(92,106,114,0.033) }
:root[data-theme="ef-light"] .aw-sk-l { background:linear-gradient(90deg, var(--line-soft), rgba(92,106,114,0.099), var(--line-soft)) }
:root[data-theme="ef-light"] .zm-bar { background:rgba(92,106,114,0.077) }
:root[data-theme="ef-light"] .aw-thumb i { background:rgba(243,239,218,.6) }
:root[data-theme="ef-light"] .aw-thumb-x { background:rgba(243,239,218,.62) }
:root[data-theme="ef-light"] .cam-box::before { background:linear-gradient(to bottom, rgba(243,239,218,.72) 0, transparent 25%, transparent 67%, rgba(243,239,218,.72) 100%) }
:root[data-theme="ef-light"] .cam-chip { border:1px solid rgba(92,106,114,0.275); background:rgba(253,246,227,.62); box-shadow:0 3px 12px rgba(243,239,218,.35) }
:root[data-theme="ef-light"] .cam-chip:hover { box-shadow:0 6px 16px rgba(243,239,218,.5) }
:root[data-theme="ef-light"] .cam-x { border:1px solid rgba(92,106,114,0.275); background:rgba(253,246,227,.55); box-shadow:0 2px 10px rgba(243,239,218,.45) }
:root[data-theme="ef-light"] .cam-hint { background:rgba(253,246,227,.6); border:1px solid rgba(92,106,114,0.176) }
:root[data-theme="ef-light"] .cam-bar { background:linear-gradient(transparent, rgba(243,239,218,.4) 35%, rgba(243,239,218,.82)) }
:root[data-theme="ef-light"] .cam-done::after { background:linear-gradient(100deg, transparent, rgba(92,106,114,0.605), transparent) }
:root[data-theme="ef-light"] .cam-count:not(:empty) { background:linear-gradient(145deg, rgba(253,246,227,.88), rgba(243,239,218,.72)); border:1px solid rgba(92,106,114,0.33); box-shadow:0 8px 24px rgba(243,239,218,.42), inset 0 1px rgba(92,106,114,0.11) }
:root[data-theme="ef-light"] .cam-count-label { color:rgba(92,106,114,0.836) }
:root[data-theme="ef-light"] .cam-shot { border:3px solid rgba(92,106,114,1); background:rgba(92,106,114,0.066); box-shadow:0 6px 22px rgba(243,239,218,.55), inset 0 0 0 1px rgba(243,239,218,.25) }
:root[data-theme="ef-light"] .cam-shot:not(.off)::after { box-shadow:0 0 0 0 rgba(92,106,114,0.44) }
:root[data-theme="ef-light"] .cam-shot:hover { box-shadow:0 8px 26px rgba(243,239,218,.6), 0 0 26px rgba(232,176,75,.35) }
:root[data-theme="ef-light"] .cam-shot span { background:radial-gradient(circle at 38% 32%, #fff, #4f5b62 70%, #4f5b62); box-shadow:inset 0 -2px 6px rgba(243,239,218,.14), inset 0 2px 4px rgba(92,106,114,0.99) }
:root[data-theme="ef-light"] .cam-hint.warn { border-color:rgba(92,106,114,0.55) }
:root[data-theme="ef-light"] .cam-strip img { border:2px solid rgba(92,106,114,0.935); box-shadow:0 3px 10px rgba(243,239,218,.6) }
:root[data-theme="ef-light"] .dub-lib-dur { background:rgba(243,239,218,.78) }
:root[data-theme="ef-light"] .cf-nen { background:rgba(243,239,218,.62) }
:root[data-theme="ef-light"] .nk-row:nth-child(odd) { background:rgba(92,106,114,0.0165) }
:root[data-theme="ef-light"] .zt-note { background:rgba(92,106,114,0.033) }
:root[data-theme="ef-light"] .pdftr-drop { background:rgba(92,106,114,0.0198) }
:root[data-theme="ef-light"] .study-result-top { box-shadow:0 12px 30px rgba(243,239,218,.34) }
:root[data-theme="ef-light"] .answer-tool-row > .btn, :root[data-theme="ef-light"] .answer-tool-row > .btn.small { background:rgba(92,106,114,0.0495); border:1px solid rgba(92,106,114,0.099) }
:root[data-theme="ef-light"] .ss-num { background:rgba(92,106,114,0.0495); border:1px solid rgba(92,106,114,0.099) }
:root[data-theme="ef-light"] .ss-word { background:rgba(92,106,114,0.044); border:1px solid rgba(92,106,114,0.099) }
:root[data-theme="ef-light"] .ss-word:hover { background:rgba(92,106,114,0.077); border-color:rgba(92,106,114,0.176) }
:root[data-theme="ef-light"] .ss-num { background:rgba(92,106,114,0.044); border:1px solid rgba(92,106,114,0.099) }
:root[data-theme="ef-light"] .bgm { border:1px solid rgba(92,106,114,0.11); box-shadow:0 8px 22px rgba(243,239,218,.32) }
:root[data-theme="ef-light"] .zw-pad { background:rgba(92,106,114,0.033) }
:root[data-theme="ef-light"] .zw-fb { background:rgba(92,106,114,0.044) }
:root[data-theme="ef-light"] .nb-tally .off { stroke:rgba(92,106,114,0.154) }
:root[data-theme="ef-light"] .nb-polaroid { box-shadow:0 6px 14px rgba(243,239,218,.45) }
:root[data-theme="ef-light"] .td-plant .sh { fill:rgba(243,239,218,.28) }
:root[data-theme="ef-light"] .td-plant .sh { fill:rgba(243,239,218,.35) }
:root[data-theme="ef-light"] .course-card .cc-stats { background:rgba(92,106,114,0.0275) }
:root[data-theme="ef-light"] .lb-side .lb-tabs { background:rgba(92,106,114,0.044) }
:root[data-theme="ef-light"] .lb-ava-crown { filter:drop-shadow(0 1px 2px rgba(243,239,218,.5)) }
:root[data-theme="ef-light"] .lb-thanh { background:rgba(92,106,114,0.055) }
:root[data-theme="ef-light"] .lb-ava, :root[data-theme="ef-light"] .lb-ava.lb-fox, :root[data-theme="ef-light"] .lb-ava.lb-rabbit { background:rgba(92,106,114,0.055) }
:root[data-theme="ef-light"] .lb-thanh { background:rgba(92,106,114,0.055) }
:root[data-theme="ef-light"] .lb-thanh i { background:rgba(92,106,114,0.242) }
:root[data-theme="ef-light"] .hs-dots i { background:rgba(92,106,114,0.077) }
:root[data-theme="ef-light"] .lang-cube .face { box-shadow:0 6px 16px rgba(243,239,218,.35) }
:root[data-theme="ef-light"] .egg-bubble { box-shadow:0 4px 10px rgba(243,239,218,.35) }
:root[data-theme="ef-light"] .lang-cube { filter:drop-shadow(0 6px 12px rgba(243,239,218,.35)) }
:root[data-theme="ef-light"] .lang-cube .face::after { background:linear-gradient(100deg, transparent, rgba(92,106,114,0.605), transparent) }
:root[data-theme="ef-light"] .add-nhanh input { background:linear-gradient(90deg, transparent 33px, rgba(248,113,113,.35) 33px 34.5px, transparent 34.5px), linear-gradient(180deg, #fdf6e3, #fdf6e3); box-shadow:inset 0 1px 0 rgba(92,106,114,0.055) }
:root[data-theme="ef-light"] .add-nhanh input:focus { box-shadow:0 0 0 4px var(--accent-soft), inset 0 1px 0 rgba(92,106,114,0.055) }
:root[data-theme="ef-light"] .add-nhanh-go { box-shadow:0 3px 8px rgba(232,176,75,.35), inset 0 -2px 0 rgba(243,239,218,.12) }
:root[data-theme="ef-light"] .ht-bubble { box-shadow:0 10px 28px rgba(232,176,75,.35), 0 4px 10px rgba(243,239,218,.4) }
:root[data-theme="ef-light"] .ht-toast { background:#fdf6e3; box-shadow:0 16px 40px rgba(243,239,218,.55) }
:root[data-theme="ef-light"] .ht-hop { box-shadow:0 24px 60px rgba(243,239,218,.6) }
:root[data-theme="ef-light"] .ht-x:hover { background:rgba(92,106,114,0.066) }
:root[data-theme="ef-light"] .ht-ngay span { background:rgba(92,106,114,0.044) }
:root[data-theme="ef-light"] .ht-ho .ht-bong { background:#efebd4 }
:root[data-theme="ef-light"] .ht-go .ht-o { background:rgba(92,106,114,0.044) }
:root[data-theme="ef-light"] .ht-tim { background:rgba(92,106,114,0.044) }
:root[data-theme="ef-light"] .ht-thr-row:hover { background:rgba(92,106,114,0.044) }
:root[data-theme="ef-light"] .add-lang span { background:rgba(92,106,114,0.055) }
:root[data-theme="ef-light"] .add-pop { background:#efebd4; box-shadow:0 18px 40px rgba(243,239,218,.55) }
:root[data-theme="ef-light"] .add-pop::before { background:#efebd4 }
:root[data-theme="ef-light"] .add-pop-x:hover { background:rgba(92,106,114,0.066) }
:root[data-theme="ef-light"] .add-vd { background:rgba(92,106,114,0.044) }
:root[data-theme="ef-light"] .aw-paper { background:#fdf6e3 }
:root[data-theme="ef-light"] .aw-paper textarea { background-image:repeating-linear-gradient(transparent 0 27px, rgba(92,106,114,0.066) 27px 28px) !important }
:root[data-theme="ef-light"] .aw-big-box { box-shadow:0 20px 50px rgba(243,239,218,.4) }
:root[data-theme="ef-light"] .aw-big-box:focus-within { box-shadow:0 0 0 5px var(--accent-soft), 0 20px 50px rgba(243,239,218,.4) }
:root[data-theme="ef-light"] .aw-big-bar kbd { background:rgba(92,106,114,0.066) }
:root[data-theme="ef-light"] .aw-ex { background:rgba(92,106,114,0.033) }
:root[data-theme="ef-light"] .to-night .theme-glow { background:radial-gradient(70% 60% at 50% 100%, rgba(239,235,212,.9), rgba(253,246,227,.6) 50%, rgba(243,239,218,0) 80%) }
:root[data-theme="ef-light"] .theme-orb.moon::after { box-shadow:inset -22px -8px 0 0 rgba(243,239,218,.18) }
:root[data-theme="ef-light"] .theme-star { box-shadow:0 0 6px 1px rgba(92,106,114,0.77) }
:root[data-theme="ef-light"] .ring-num, :root[data-theme="ef-light"] .streak-pill b, :root[data-theme="ef-light"] .ccs b, :root[data-theme="ef-light"] .cc-goals .goal-top b {
  background: linear-gradient(180deg,#c9930a,#a87600 55%,#8a6100); -webkit-background-clip: text; background-clip: text; text-shadow: none; }
:root[data-theme="ef-light"] .ring-fg { filter: none; }
:root[data-theme="kem-light"] { --paper:#ede4d4; --card:#fbf6ec; --ink:#2b2622; --ink-dim:#766b62; --ink-mid:#4f4740; --accent:#e3b04f; --accent-deep:#c9953a; --accent-soft:rgba(227,176,79,.16); --amber:#c77a00; --amber-deep:#a86400; --navy:#f3ebdd; --ok:#0f9f6e; --ok-soft:rgba(15,159,110,.12); --err:#d64545; --line:rgba(90,65,40,.18); --line-soft:rgba(90,65,40,.11); --shadow-sm:0 1px 2px rgba(60,45,30,.10); --shadow:3px 4px 0 rgba(90,65,40,.10), 0 6px 18px rgba(90,65,40,.10); --shadow-lg:0 10px 28px rgba(60,45,30,.16); --shadow-accent:0 6px 16px rgba(227,176,79,.22); --shadow-accent-lg:0 10px 26px rgba(227,176,79,.26); color-scheme:light; }
:root[data-theme="kem-light"] .auth-wrap { box-shadow:inset 0 1px 0 rgba(60,45,30,0.066), var(--shadow) }
:root[data-theme="kem-light"] .tip-card { background:linear-gradient(140deg, #f3ebdd, var(--navy)) }
:root[data-theme="kem-light"] .tip-card p { color:rgba(60,45,30,1) }
@media (max-width: 700px) {
:root[data-theme="kem-light"] .rate-row { box-shadow:0 -8px 20px -8px rgba(237,228,212,.5) }
}
:root[data-theme="kem-light"] .skel { background:linear-gradient(90deg, #fbf6ec 25%, #f3ebdd 50%, #fbf6ec 75%) }
:root[data-theme="kem-light"] .pf-cover { background:linear-gradient(120deg, #f3ebdd 0%, #fbf6ec 55%, #ede4d4 100%) }
:root[data-theme="kem-light"] .pf-cover .avatar { background:rgba(60,45,30,0.176); border:2px solid rgba(60,45,30,0.605) }
:root[data-theme="kem-light"] .pf-meta { color:rgba(60,45,30,0.825) }
:root[data-theme="kem-light"] .pf-tag { background:rgba(60,45,30,0.154); border:1px solid rgba(60,45,30,0.275) }
:root[data-theme="kem-light"] .avatar-picker::backdrop { background:rgba(237,228,212,.68) }
:root[data-theme="kem-light"] .rd-pop { background:#f3ebdd }
:root[data-theme="kem-light"] .bulletin-script { background:linear-gradient(140deg, #f3ebdd, var(--navy)); color:rgba(60,45,30,1) }
:root[data-theme="kem-light"] .illu { background:rgba(60,45,30,0.033) }
:root[data-theme="kem-light"] .aw-drop { background:rgba(60,45,30,0.0132) }
:root[data-theme="kem-light"] .aw-prog-steps li.done i::after { border:1.6px solid #ede4d4 }
:root[data-theme="kem-light"] .it-src { background:rgba(60,45,30,0.022) }
:root[data-theme="kem-light"] .it-ovbox { background:rgba(237,228,212,.93); box-shadow:0 1px 6px rgba(237,228,212,.35) }
:root[data-theme="kem-light"] .it-ovbox:hover, :root[data-theme="kem-light"] .it-ovbox:focus-visible { background:rgba(237,228,212,.98) }
:root[data-theme="kem-light"] .it-ovnone { background:rgba(237,228,212,.86) }
:root[data-theme="kem-light"] .aw-chip { background:rgba(60,45,30,0.022) }
:root[data-theme="kem-light"] .adm-l-hit:hover { background:rgba(60,45,30,0.0385) }
:root[data-theme="kem-light"] .adm-detail { background:rgba(60,45,30,0.0308) }
:root[data-theme="kem-light"] .adm-chip { background:rgba(60,45,30,0.0495) }
:root[data-theme="kem-light"] .lh-p-bar { background:rgba(60,45,30,0.077) }
:root[data-theme="kem-light"] .lh-seg { background:rgba(237,228,212,.28) }
:root[data-theme="kem-light"] .lh-seg-b i { background:rgba(60,45,30,0.11) }
:root[data-theme="kem-light"] .lh-seg-b.on i { background:rgba(237,228,212,.16) }
:root[data-theme="kem-light"] .img-report { background:rgba(237,228,212,.72) }
:root[data-theme="kem-light"] .ring-num, :root[data-theme="kem-light"] .streak-pill b, :root[data-theme="kem-light"] .ccs b, :root[data-theme="kem-light"] .cc-goals .goal-top b { text-shadow:0 1px 0 rgba(237,228,212,.35) }
:root[data-theme="kem-light"] .gbar-fill::after, :root[data-theme="kem-light"] .pbar-fill::after { background:linear-gradient(115deg,transparent 35%,rgba(60,45,30,0.44) 50%,transparent 65%) }
:root[data-theme="kem-light"] #fx-toast { background:linear-gradient(135deg,#f3ebdd,#fbf6ec); box-shadow:0 12px 40px rgba(237,228,212,.55),0 0 0 1px rgba(232,176,75,.25) }
:root[data-theme="kem-light"] #zh-flash { background:#fbf6ec; box-shadow:0 12px 40px rgba(237,228,212,.5) }
:root[data-theme="kem-light"] .zh-hero-note { background:rgba(60,45,30,0.033) }
:root[data-theme="kem-light"] .zm-empty { background:rgba(60,45,30,0.033) }
:root[data-theme="kem-light"] .img-lightbox { background:rgba(237,228,212,.86) }
:root[data-theme="kem-light"] .img-lightbox img { box-shadow:0 12px 48px rgba(237,228,212,.6) }
:root[data-theme="kem-light"] .zb-comp { background:rgba(60,45,30,0.033) }
:root[data-theme="kem-light"] .zb-ex { background:rgba(60,45,30,0.033) }
:root[data-theme="kem-light"] .zb-relitem { background:rgba(60,45,30,0.044) }
:root[data-theme="kem-light"] .dub-gpu { background:rgba(60,45,30,0.033) }
:root[data-theme="kem-light"] .dub-result video { background:#ede4d4 }
:root[data-theme="kem-light"] .vp-flash { background:rgba(237,228,212,.74) }
:root[data-theme="kem-light"] .vp-resume { background:rgba(237,228,212,.94); border:1px solid rgba(60,45,30,0.176) }
:root[data-theme="kem-light"] .vp-resume button { border:1px solid rgba(60,45,30,0.242) }
:root[data-theme="kem-light"] .vp-resume button:hover { background:rgba(60,45,30,0.154) }
:root[data-theme="kem-light"] .vp-big { background:rgba(237,228,212,.55) }
:root[data-theme="kem-light"] .vp-big:hover { background:rgba(237,228,212,.74) }
:root[data-theme="kem-light"] .vp-bar { background:linear-gradient(transparent, rgba(237,228,212,.58) 42%, rgba(237,228,212,.86)) }
:root[data-theme="kem-light"] .vp-track { background:rgba(60,45,30,0.286) }
:root[data-theme="kem-light"] .vp-load { background:rgba(60,45,30,0.462) }
:root[data-theme="kem-light"] .vp-knob { box-shadow:0 0 0 1px rgba(237,228,212,.35) }
:root[data-theme="kem-light"] .vp-btn:hover { background:rgba(60,45,30,0.154) }
@media (pointer: coarse), (max-width: 560px) {
:root[data-theme="kem-light"] .vp-vol-pop { border:1px solid rgba(60,45,30,0.176); background:rgba(237,228,212,.97) }
}
:root[data-theme="kem-light"] .vp-rates { background:rgba(237,228,212,.96); border:1px solid rgba(60,45,30,0.176) }
:root[data-theme="kem-light"] .vp-rates button:hover { background:rgba(60,45,30,0.154) }
:root[data-theme="kem-light"] .ov-zh, :root[data-theme="kem-light"] .ov-py, :root[data-theme="kem-light"] .ov-vi { text-shadow:0 1px 2px rgba(237,228,212,.95), 0 0 7px rgba(237,228,212,.6) }
:root[data-theme="kem-light"] .ov-py { text-shadow:0 1px 2px rgba(237,228,212,.95), 0 0 8px rgba(237,228,212,.7) }
:root[data-theme="kem-light"] .vp-pop { background:rgba(237,228,212,.97); border:1px solid rgba(60,45,30,0.176) }
:root[data-theme="kem-light"] .vp-sw:hover { background:rgba(60,45,30,0.132) }
:root[data-theme="kem-light"] .vp-seg button { border:1px solid rgba(60,45,30,0.198) }
:root[data-theme="kem-light"] .vp-seg button:hover { background:rgba(60,45,30,0.132) }
:root[data-theme="kem-light"] .vp-pop button.vp-opt:hover { background:rgba(60,45,30,0.132) }
@media (max-width: 640px) {
:root[data-theme="kem-light"] .vp-pop, :root[data-theme="kem-light"] .vp-rates { background:#ede4d4; border-color:rgba(60,45,30,0.154) }
}
:root[data-theme="kem-light"] .dw-chip { background:rgba(60,45,30,0.033) }
:root[data-theme="kem-light"] .dub-script li:hover { background:rgba(60,45,30,0.044) }
:root[data-theme="kem-light"] .dub-side:hover { background:rgba(60,45,30,0.044) }
:root[data-theme="kem-light"] .dub-side-cover i { background:rgba(237,228,212,.78) }
:root[data-theme="kem-light"] .dub-lib-off { background:rgba(237,228,212,.78) }
:root[data-theme="kem-light"] .dub-lib-seen { background:rgba(60,45,30,0.33) }
:root[data-theme="kem-light"] .hw-box svg { background:rgba(60,45,30,0.033) }
:root[data-theme="kem-light"] .aw-sk-l { background:linear-gradient(90deg, var(--line-soft), rgba(60,45,30,0.099), var(--line-soft)) }
:root[data-theme="kem-light"] .zm-bar { background:rgba(60,45,30,0.077) }
:root[data-theme="kem-light"] .aw-thumb i { background:rgba(237,228,212,.6) }
:root[data-theme="kem-light"] .aw-thumb-x { background:rgba(237,228,212,.62) }
:root[data-theme="kem-light"] .cam-box::before { background:linear-gradient(to bottom, rgba(237,228,212,.72) 0, transparent 25%, transparent 67%, rgba(237,228,212,.72) 100%) }
:root[data-theme="kem-light"] .cam-chip { border:1px solid rgba(60,45,30,0.275); background:rgba(251,246,236,.62); box-shadow:0 3px 12px rgba(237,228,212,.35) }
:root[data-theme="kem-light"] .cam-chip:hover { box-shadow:0 6px 16px rgba(237,228,212,.5) }
:root[data-theme="kem-light"] .cam-x { border:1px solid rgba(60,45,30,0.275); background:rgba(251,246,236,.55); box-shadow:0 2px 10px rgba(237,228,212,.45) }
:root[data-theme="kem-light"] .cam-hint { background:rgba(251,246,236,.6); border:1px solid rgba(60,45,30,0.176) }
:root[data-theme="kem-light"] .cam-bar { background:linear-gradient(transparent, rgba(237,228,212,.4) 35%, rgba(237,228,212,.82)) }
:root[data-theme="kem-light"] .cam-done::after { background:linear-gradient(100deg, transparent, rgba(60,45,30,0.605), transparent) }
:root[data-theme="kem-light"] .cam-count:not(:empty) { background:linear-gradient(145deg, rgba(251,246,236,.88), rgba(237,228,212,.72)); border:1px solid rgba(60,45,30,0.33); box-shadow:0 8px 24px rgba(237,228,212,.42), inset 0 1px rgba(60,45,30,0.11) }
:root[data-theme="kem-light"] .cam-count-label { color:rgba(60,45,30,0.836) }
:root[data-theme="kem-light"] .cam-shot { border:3px solid rgba(60,45,30,1); background:rgba(60,45,30,0.066); box-shadow:0 6px 22px rgba(237,228,212,.55), inset 0 0 0 1px rgba(237,228,212,.25) }
:root[data-theme="kem-light"] .cam-shot:not(.off)::after { box-shadow:0 0 0 0 rgba(60,45,30,0.44) }
:root[data-theme="kem-light"] .cam-shot:hover { box-shadow:0 8px 26px rgba(237,228,212,.6), 0 0 26px rgba(232,176,75,.35) }
:root[data-theme="kem-light"] .cam-shot span { background:radial-gradient(circle at 38% 32%, #fff, #2b2622 70%, #2b2622); box-shadow:inset 0 -2px 6px rgba(237,228,212,.14), inset 0 2px 4px rgba(60,45,30,0.99) }
:root[data-theme="kem-light"] .cam-hint.warn { border-color:rgba(60,45,30,0.55) }
:root[data-theme="kem-light"] .cam-strip img { border:2px solid rgba(60,45,30,0.935); box-shadow:0 3px 10px rgba(237,228,212,.6) }
:root[data-theme="kem-light"] .dub-lib-dur { background:rgba(237,228,212,.78) }
:root[data-theme="kem-light"] .cf-nen { background:rgba(237,228,212,.62) }
:root[data-theme="kem-light"] .nk-row:nth-child(odd) { background:rgba(60,45,30,0.0165) }
:root[data-theme="kem-light"] .zt-note { background:rgba(60,45,30,0.033) }
:root[data-theme="kem-light"] .pdftr-drop { background:rgba(60,45,30,0.0198) }
:root[data-theme="kem-light"] .study-result-top { box-shadow:0 12px 30px rgba(237,228,212,.34) }
:root[data-theme="kem-light"] .answer-tool-row > .btn, :root[data-theme="kem-light"] .answer-tool-row > .btn.small { background:rgba(60,45,30,0.0495); border:1px solid rgba(60,45,30,0.099) }
:root[data-theme="kem-light"] .ss-num { background:rgba(60,45,30,0.0495); border:1px solid rgba(60,45,30,0.099) }
:root[data-theme="kem-light"] .ss-word { background:rgba(60,45,30,0.044); border:1px solid rgba(60,45,30,0.099) }
:root[data-theme="kem-light"] .ss-word:hover { background:rgba(60,45,30,0.077); border-color:rgba(60,45,30,0.176) }
:root[data-theme="kem-light"] .ss-num { background:rgba(60,45,30,0.044); border:1px solid rgba(60,45,30,0.099) }
:root[data-theme="kem-light"] .bgm { border:1px solid rgba(60,45,30,0.11); box-shadow:0 8px 22px rgba(237,228,212,.32) }
:root[data-theme="kem-light"] .zw-pad { background:rgba(60,45,30,0.033) }
:root[data-theme="kem-light"] .zw-fb { background:rgba(60,45,30,0.044) }
:root[data-theme="kem-light"] .nb-tally .off { stroke:rgba(60,45,30,0.154) }
:root[data-theme="kem-light"] .nb-polaroid { box-shadow:0 6px 14px rgba(237,228,212,.45) }
:root[data-theme="kem-light"] .td-plant .sh { fill:rgba(237,228,212,.28) }
:root[data-theme="kem-light"] .td-plant .sh { fill:rgba(237,228,212,.35) }
:root[data-theme="kem-light"] .course-card .cc-stats { background:rgba(60,45,30,0.0275) }
:root[data-theme="kem-light"] .lb-side .lb-tabs { background:rgba(60,45,30,0.044) }
:root[data-theme="kem-light"] .lb-ava-crown { filter:drop-shadow(0 1px 2px rgba(237,228,212,.5)) }
:root[data-theme="kem-light"] .lb-thanh { background:rgba(60,45,30,0.055) }
:root[data-theme="kem-light"] .lb-ava, :root[data-theme="kem-light"] .lb-ava.lb-fox, :root[data-theme="kem-light"] .lb-ava.lb-rabbit { background:rgba(60,45,30,0.055) }
:root[data-theme="kem-light"] .lb-thanh { background:rgba(60,45,30,0.055) }
:root[data-theme="kem-light"] .lb-thanh i { background:rgba(60,45,30,0.242) }
:root[data-theme="kem-light"] .hs-dots i { background:rgba(60,45,30,0.077) }
:root[data-theme="kem-light"] .lang-cube .face { box-shadow:0 6px 16px rgba(237,228,212,.35) }
:root[data-theme="kem-light"] .egg-bubble { box-shadow:0 4px 10px rgba(237,228,212,.35) }
:root[data-theme="kem-light"] .lang-cube { filter:drop-shadow(0 6px 12px rgba(237,228,212,.35)) }
:root[data-theme="kem-light"] .lang-cube .face::after { background:linear-gradient(100deg, transparent, rgba(60,45,30,0.605), transparent) }
:root[data-theme="kem-light"] .add-nhanh input { background:linear-gradient(90deg, transparent 33px, rgba(248,113,113,.35) 33px 34.5px, transparent 34.5px), linear-gradient(180deg, #fbf6ec, #fbf6ec); box-shadow:inset 0 1px 0 rgba(60,45,30,0.055) }
:root[data-theme="kem-light"] .add-nhanh input:focus { box-shadow:0 0 0 4px var(--accent-soft), inset 0 1px 0 rgba(60,45,30,0.055) }
:root[data-theme="kem-light"] .add-nhanh-go { box-shadow:0 3px 8px rgba(232,176,75,.35), inset 0 -2px 0 rgba(237,228,212,.12) }
:root[data-theme="kem-light"] .ht-bubble { box-shadow:0 10px 28px rgba(232,176,75,.35), 0 4px 10px rgba(237,228,212,.4) }
:root[data-theme="kem-light"] .ht-toast { background:#fbf6ec; box-shadow:0 16px 40px rgba(237,228,212,.55) }
:root[data-theme="kem-light"] .ht-hop { box-shadow:0 24px 60px rgba(237,228,212,.6) }
:root[data-theme="kem-light"] .ht-x:hover { background:rgba(60,45,30,0.066) }
:root[data-theme="kem-light"] .ht-ngay span { background:rgba(60,45,30,0.044) }
:root[data-theme="kem-light"] .ht-ho .ht-bong { background:#f3ebdd }
:root[data-theme="kem-light"] .ht-go .ht-o { background:rgba(60,45,30,0.044) }
:root[data-theme="kem-light"] .ht-tim { background:rgba(60,45,30,0.044) }
:root[data-theme="kem-light"] .ht-thr-row:hover { background:rgba(60,45,30,0.044) }
:root[data-theme="kem-light"] .add-lang span { background:rgba(60,45,30,0.055) }
:root[data-theme="kem-light"] .add-pop { background:#f3ebdd; box-shadow:0 18px 40px rgba(237,228,212,.55) }
:root[data-theme="kem-light"] .add-pop::before { background:#f3ebdd }
:root[data-theme="kem-light"] .add-pop-x:hover { background:rgba(60,45,30,0.066) }
:root[data-theme="kem-light"] .add-vd { background:rgba(60,45,30,0.044) }
:root[data-theme="kem-light"] .aw-paper { background:#fbf6ec }
:root[data-theme="kem-light"] .aw-paper textarea { background-image:repeating-linear-gradient(transparent 0 27px, rgba(60,45,30,0.066) 27px 28px) !important }
:root[data-theme="kem-light"] .aw-big-box { box-shadow:0 20px 50px rgba(237,228,212,.4) }
:root[data-theme="kem-light"] .aw-big-box:focus-within { box-shadow:0 0 0 5px var(--accent-soft), 0 20px 50px rgba(237,228,212,.4) }
:root[data-theme="kem-light"] .aw-big-bar kbd { background:rgba(60,45,30,0.066) }
:root[data-theme="kem-light"] .aw-ex { background:rgba(60,45,30,0.033) }
:root[data-theme="kem-light"] .to-night .theme-glow { background:radial-gradient(70% 60% at 50% 100%, rgba(243,235,221,.9), rgba(251,246,236,.6) 50%, rgba(237,228,212,0) 80%) }
:root[data-theme="kem-light"] .theme-orb.moon::after { box-shadow:inset -22px -8px 0 0 rgba(237,228,212,.18) }
:root[data-theme="kem-light"] .theme-star { box-shadow:0 0 6px 1px rgba(60,45,30,0.77) }
:root[data-theme="kem-light"] .ring-num, :root[data-theme="kem-light"] .streak-pill b, :root[data-theme="kem-light"] .ccs b, :root[data-theme="kem-light"] .cc-goals .goal-top b {
  background: linear-gradient(180deg,#dcaa48,#c9953a 55%,#b8862c); -webkit-background-clip: text; background-clip: text; text-shadow: none; }
:root[data-theme="kem-light"] .ring-fg { filter: none; }
:root[data-theme="kem-light"] .lb-side .lb-tabs { background: none !important; border: 0 !important; }
:root[data-theme="kem-light"] .lb-side .lb-tab { color: #766b62 !important; background: none !important; }
:root[data-theme="kem-light"] .lb-side .lb-tab.active { color: #2b2622 !important; background: linear-gradient(transparent 62%, rgba(227,176,79,.35) 62% 94%, transparent 94%) !important; }
:root[data-theme="kem-light"] .pf-cover { background: linear-gradient(120deg, #efe3cc, #f7efe0 60%, #fffaf0) !important; box-shadow: var(--shadow) !important; }
:root[data-theme="kem-light"] .pf-who h1 { color: #2b2622 !important; } .pf-meta { color: #766b62 !important; }
:root[data-theme="kem-light"] .pf-tag { color: #4f4740 !important; border-color: rgba(60,45,30,.2) !important; background: rgba(255,255,255,.6) !important; }
:root[data-theme="kem-light"] .pf-tag.admin, :root[data-theme="kem-light"] .pf-tag.rank { color: #2b2622 !important; }
:root[data-theme="kem-light"] .pf-cover .avatar { background: #fff !important; border-color: rgba(227,176,79,.6) !important; }
:root[data-theme="kem-light"] .td-egg .egg-shell { stroke: rgba(120,90,50,.35); stroke-width: 1.5; } .td-egg .sh { fill: rgba(60,45,30,.15); }
:root[data-theme="kem-light"] .td-plant { background: radial-gradient(120% 90% at 50% 100%, rgba(15,159,110,.10), transparent 62%), #f6efe2 !important; }
:root[data-theme="kem-light"] .nb-polaroid { box-shadow: 0 6px 14px rgba(60,45,30,.2) !important; background: #fff !important; }
:root[data-theme="kem-light"] .lang-cube { filter: drop-shadow(0 4px 8px rgba(60,45,30,.18)); }
:root[data-theme="kem-light"] .ht-toi .ht-bong { color: #2b2622; } .ht-ho .ht-bong { background: #efe7d8 !important; color: #2b2622 !important; }
:root[data-theme="kem-light"] .ht-bubble { color: #2b2622; }
:root[data-theme="kem-light"] .add-nhanh input, :root[data-theme="kem-light"] .aw-big-box { background: #fffaf1 !important; }
:root[data-theme="kem-light"] body { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") !important; }
:root[data-theme="kem-light"] .side { background: #f4ecdf !important; border-right-color: rgba(90,65,40,.14) !important; }
:root[data-theme="kem-light"] .course-card, :root[data-theme="kem-light"] .lb, :root[data-theme="kem-light"] .add-card, :root[data-theme="kem-light"] .nb-sheet, :root[data-theme="kem-light"] .pcard, :root[data-theme="kem-light"] .lesson, :root[data-theme="kem-light"] .zm-card { border-color: rgba(90,65,40,.14) !important; }
:root[data-theme="kem-light"] .ring-num, :root[data-theme="kem-light"] .streak-pill b, :root[data-theme="kem-light"] .ccs b, :root[data-theme="kem-light"] .nb-count b, :root[data-theme="kem-light"] .lb-so, :root[data-theme="kem-light"] .td-plant figcaption b { color: #b07a14; }
:root[data-theme="ayu-dark"] { --paper:#0b0e14; --card:#131721; --ink:#d2d0c8; --ink-dim:#8a9199; --ink-mid:#b3b1aa; --accent:#e6b450; --accent-deep:#d9a441; --accent-soft:rgba(230,180,80,.14); --amber:#ff8f40; --amber-deep:#ffa05c; --navy:#1b1f29; --ok:#aad94c; --ok-soft:rgba(170,217,76,.13); --err:#f07178; --line:rgba(191,189,182,.10); --line-soft:rgba(191,189,182,.05); --shadow-sm:0 1px 2px rgba(0,0,0,.4); --shadow:0 2px 4px rgba(0,0,0,.32), 0 12px 32px rgba(0,0,0,.45); --shadow-lg:0 10px 28px rgba(0,0,0,.55); --shadow-accent:0 6px 16px rgba(230,180,80,.18); --shadow-accent-lg:0 10px 26px rgba(230,180,80,.22); color-scheme:dark; }
:root[data-theme="ayu-dark"] .tip-card { background:linear-gradient(140deg, #1b1f29, var(--navy)) }
@media (max-width: 700px) {
:root[data-theme="ayu-dark"] .rate-row { box-shadow:0 -8px 20px -8px rgba(13,16,23,.5) }
}
:root[data-theme="ayu-dark"] .skel { background:linear-gradient(90deg, #131721 25%, #1b1f29 50%, #131721 75%) }
:root[data-theme="ayu-dark"] .pf-cover { background:linear-gradient(120deg, #1b1f29 0%, #131721 55%, #0d1017 100%) }
:root[data-theme="ayu-dark"] .avatar-picker::backdrop { background:rgba(13,16,23,.68) }
:root[data-theme="ayu-dark"] .rd-pop { background:#1b1f29 }
:root[data-theme="ayu-dark"] .bulletin-script { background:linear-gradient(140deg, #1b1f29, var(--navy)) }
:root[data-theme="ayu-dark"] .aw-prog-steps li.done i::after { border:1.6px solid #0d1017 }
:root[data-theme="ayu-dark"] .it-ovbox { background:rgba(13,16,23,.93); box-shadow:0 1px 6px rgba(13,16,23,.35) }
:root[data-theme="ayu-dark"] .it-ovbox:hover, :root[data-theme="ayu-dark"] .it-ovbox:focus-visible { background:rgba(13,16,23,.98) }
:root[data-theme="ayu-dark"] .it-ovnone { background:rgba(13,16,23,.86) }
:root[data-theme="ayu-dark"] .lh-seg { background:rgba(13,16,23,.28) }
:root[data-theme="ayu-dark"] .lh-seg-b.on i { background:rgba(13,16,23,.16) }
:root[data-theme="ayu-dark"] .img-report { background:rgba(13,16,23,.72) }
:root[data-theme="ayu-dark"] .ring-num, :root[data-theme="ayu-dark"] .streak-pill b, :root[data-theme="ayu-dark"] .ccs b, :root[data-theme="ayu-dark"] .cc-goals .goal-top b { text-shadow:0 1px 0 rgba(13,16,23,.35) }
:root[data-theme="ayu-dark"] #fx-toast { background:linear-gradient(135deg,#1b1f29,#131721); box-shadow:0 12px 40px rgba(13,16,23,.55),0 0 0 1px rgba(232,176,75,.25) }
:root[data-theme="ayu-dark"] #zh-flash { background:#131721; box-shadow:0 12px 40px rgba(13,16,23,.5) }
:root[data-theme="ayu-dark"] .img-lightbox { background:rgba(13,16,23,.86) }
:root[data-theme="ayu-dark"] .img-lightbox img { box-shadow:0 12px 48px rgba(13,16,23,.6) }
:root[data-theme="ayu-dark"] .dub-result video { background:#0d1017 }
:root[data-theme="ayu-dark"] .vp-flash { background:rgba(13,16,23,.74) }
:root[data-theme="ayu-dark"] .vp-resume { background:rgba(13,16,23,.94) }
:root[data-theme="ayu-dark"] .vp-big { background:rgba(13,16,23,.55) }
:root[data-theme="ayu-dark"] .vp-big:hover { background:rgba(13,16,23,.74) }
:root[data-theme="ayu-dark"] .vp-bar { background:linear-gradient(transparent, rgba(13,16,23,.58) 42%, rgba(13,16,23,.86)) }
:root[data-theme="ayu-dark"] .vp-knob { box-shadow:0 0 0 1px rgba(13,16,23,.35) }
@media (pointer: coarse), (max-width: 560px) {
:root[data-theme="ayu-dark"] .vp-vol-pop { background:rgba(13,16,23,.97) }
}
:root[data-theme="ayu-dark"] .vp-rates { background:rgba(13,16,23,.96) }
:root[data-theme="ayu-dark"] .ov-zh, :root[data-theme="ayu-dark"] .ov-py, :root[data-theme="ayu-dark"] .ov-vi { text-shadow:0 1px 2px rgba(13,16,23,.95), 0 0 7px rgba(13,16,23,.6) }
:root[data-theme="ayu-dark"] .ov-py { text-shadow:0 1px 2px rgba(13,16,23,.95), 0 0 8px rgba(13,16,23,.7) }
:root[data-theme="ayu-dark"] .vp-pop { background:rgba(13,16,23,.97) }
@media (max-width: 640px) {
:root[data-theme="ayu-dark"] .vp-pop, :root[data-theme="ayu-dark"] .vp-rates { background:#0d1017 }
}
:root[data-theme="ayu-dark"] .dub-side-cover i { background:rgba(13,16,23,.78) }
:root[data-theme="ayu-dark"] .dub-lib-off { background:rgba(13,16,23,.78) }
:root[data-theme="ayu-dark"] .aw-thumb i { background:rgba(13,16,23,.6) }
:root[data-theme="ayu-dark"] .aw-thumb-x { background:rgba(13,16,23,.62) }
:root[data-theme="ayu-dark"] .cam-box::before { background:linear-gradient(to bottom, rgba(13,16,23,.72) 0, transparent 25%, transparent 67%, rgba(13,16,23,.72) 100%) }
:root[data-theme="ayu-dark"] .cam-chip { background:rgba(19,23,33,.62); box-shadow:0 3px 12px rgba(13,16,23,.35) }
:root[data-theme="ayu-dark"] .cam-chip:hover { box-shadow:0 6px 16px rgba(13,16,23,.5) }
:root[data-theme="ayu-dark"] .cam-x { background:rgba(19,23,33,.55); box-shadow:0 2px 10px rgba(13,16,23,.45) }
:root[data-theme="ayu-dark"] .cam-hint { background:rgba(19,23,33,.6) }
:root[data-theme="ayu-dark"] .cam-bar { background:linear-gradient(transparent, rgba(13,16,23,.4) 35%, rgba(13,16,23,.82)) }
:root[data-theme="ayu-dark"] .cam-count:not(:empty) { background:linear-gradient(145deg, rgba(19,23,33,.88), rgba(13,16,23,.72)); box-shadow:0 8px 24px rgba(13,16,23,.42), inset 0 1px rgba(255,255,255,.1) }
:root[data-theme="ayu-dark"] .cam-shot { box-shadow:0 6px 22px rgba(13,16,23,.55), inset 0 0 0 1px rgba(13,16,23,.25) }
:root[data-theme="ayu-dark"] .cam-shot:hover { box-shadow:0 8px 26px rgba(13,16,23,.6), 0 0 26px rgba(232,176,75,.35) }
:root[data-theme="ayu-dark"] .cam-shot span { box-shadow:inset 0 -2px 6px rgba(13,16,23,.14), inset 0 2px 4px rgba(255,255,255,.9) }
:root[data-theme="ayu-dark"] .cam-strip img { box-shadow:0 3px 10px rgba(13,16,23,.6) }
:root[data-theme="ayu-dark"] .dub-lib-dur { background:rgba(13,16,23,.78) }
:root[data-theme="ayu-dark"] .cf-nen { background:rgba(13,16,23,.62) }
:root[data-theme="ayu-dark"] .study-result-top { box-shadow:0 12px 30px rgba(13,16,23,.34) }
:root[data-theme="ayu-dark"] .bgm { box-shadow:0 8px 22px rgba(13,16,23,.32) }
:root[data-theme="ayu-dark"] .nb-polaroid { box-shadow:0 6px 14px rgba(13,16,23,.45) }
:root[data-theme="ayu-dark"] .td-plant .sh { fill:rgba(13,16,23,.28) }
:root[data-theme="ayu-dark"] .td-plant .sh { fill:rgba(13,16,23,.35) }
:root[data-theme="ayu-dark"] .lb-ava-crown { filter:drop-shadow(0 1px 2px rgba(13,16,23,.5)) }
:root[data-theme="ayu-dark"] .lang-cube .face { box-shadow:0 6px 16px rgba(13,16,23,.35) }
:root[data-theme="ayu-dark"] .egg-bubble { box-shadow:0 4px 10px rgba(13,16,23,.35) }
:root[data-theme="ayu-dark"] .lang-cube { filter:drop-shadow(0 6px 12px rgba(13,16,23,.35)) }
:root[data-theme="ayu-dark"] .add-nhanh input { background:linear-gradient(90deg, transparent 33px, rgba(248,113,113,.35) 33px 34.5px, transparent 34.5px), linear-gradient(180deg, #131721, #131721) }
:root[data-theme="ayu-dark"] .add-nhanh-go { box-shadow:0 3px 8px rgba(232,176,75,.35), inset 0 -2px 0 rgba(13,16,23,.12) }
:root[data-theme="ayu-dark"] .ht-bubble { box-shadow:0 10px 28px rgba(232,176,75,.35), 0 4px 10px rgba(13,16,23,.4) }
:root[data-theme="ayu-dark"] .ht-toast { background:#131721; box-shadow:0 16px 40px rgba(13,16,23,.55) }
:root[data-theme="ayu-dark"] .ht-hop { box-shadow:0 24px 60px rgba(13,16,23,.6) }
:root[data-theme="ayu-dark"] .ht-ho .ht-bong { background:#1b1f29 }
:root[data-theme="ayu-dark"] .add-pop { background:#1b1f29; box-shadow:0 18px 40px rgba(13,16,23,.55) }
:root[data-theme="ayu-dark"] .add-pop::before { background:#1b1f29 }
:root[data-theme="ayu-dark"] .aw-paper { background:#131721 }
:root[data-theme="ayu-dark"] .aw-big-box { box-shadow:0 20px 50px rgba(13,16,23,.4) }
:root[data-theme="ayu-dark"] .aw-big-box:focus-within { box-shadow:0 0 0 5px var(--accent-soft), 0 20px 50px rgba(13,16,23,.4) }
:root[data-theme="ayu-dark"] .to-night .theme-glow { background:radial-gradient(70% 60% at 50% 100%, rgba(27,31,41,.9), rgba(19,23,33,.6) 50%, rgba(13,16,23,0) 80%) }
:root[data-theme="ayu-dark"] .theme-orb.moon::after { box-shadow:inset -22px -8px 0 0 rgba(13,16,23,.18) }
:root[data-theme="ayu-light"] { --paper:#f3f4f5; --card:#fcfcfc; --ink:#3b3f45; --ink-dim:#6b6f75; --ink-mid:#5c6166; --accent:#e59400; --accent-deep:#b87800; --accent-soft:rgba(255,170,51,.16); --amber:#fa8d3e; --amber-deep:#d8701f; --navy:#eceef0; --ok:#6c9b00; --ok-soft:rgba(134,179,0,.13); --err:#e65050; --line:rgba(92,97,102,.16); --line-soft:rgba(92,97,102,.09); --shadow-sm:0 1px 2px rgba(92,97,102,.10); --shadow:0 1px 3px rgba(92,97,102,.08), 0 8px 22px rgba(92,97,102,.10); --shadow-lg:0 10px 28px rgba(92,97,102,.16); --shadow-accent:0 6px 16px rgba(229,148,0,.16); --shadow-accent-lg:0 10px 26px rgba(229,148,0,.2); color-scheme:light; }
:root[data-theme="ayu-light"] .auth-wrap { box-shadow:inset 0 1px 0 rgba(92,97,102,0.066), var(--shadow) }
:root[data-theme="ayu-light"] .tip-card { background:linear-gradient(140deg, #eceef0, var(--navy)) }
:root[data-theme="ayu-light"] .tip-card p { color:rgba(92,97,102,1) }
@media (max-width: 700px) {
:root[data-theme="ayu-light"] .rate-row { box-shadow:0 -8px 20px -8px rgba(243,244,245,.5) }
}
:root[data-theme="ayu-light"] .skel { background:linear-gradient(90deg, #fcfcfc 25%, #eceef0 50%, #fcfcfc 75%) }
:root[data-theme="ayu-light"] .pf-cover { background:linear-gradient(120deg, #eceef0 0%, #fcfcfc 55%, #f3f4f5 100%) }
:root[data-theme="ayu-light"] .pf-cover .avatar { background:rgba(92,97,102,0.176); border:2px solid rgba(92,97,102,0.605) }
:root[data-theme="ayu-light"] .pf-meta { color:rgba(92,97,102,0.825) }
:root[data-theme="ayu-light"] .pf-tag { background:rgba(92,97,102,0.154); border:1px solid rgba(92,97,102,0.275) }
:root[data-theme="ayu-light"] .avatar-picker::backdrop { background:rgba(243,244,245,.68) }
:root[data-theme="ayu-light"] .rd-pop { background:#eceef0 }
:root[data-theme="ayu-light"] .bulletin-script { background:linear-gradient(140deg, #eceef0, var(--navy)); color:rgba(92,97,102,1) }
:root[data-theme="ayu-light"] .illu { background:rgba(92,97,102,0.033) }
:root[data-theme="ayu-light"] .aw-drop { background:rgba(92,97,102,0.0132) }
:root[data-theme="ayu-light"] .aw-prog-steps li.done i::after { border:1.6px solid #f3f4f5 }
:root[data-theme="ayu-light"] .it-src { background:rgba(92,97,102,0.022) }
:root[data-theme="ayu-light"] .it-ovbox { background:rgba(243,244,245,.93); box-shadow:0 1px 6px rgba(243,244,245,.35) }
:root[data-theme="ayu-light"] .it-ovbox:hover, :root[data-theme="ayu-light"] .it-ovbox:focus-visible { background:rgba(243,244,245,.98) }
:root[data-theme="ayu-light"] .it-ovnone { background:rgba(243,244,245,.86) }
:root[data-theme="ayu-light"] .aw-chip { background:rgba(92,97,102,0.022) }
:root[data-theme="ayu-light"] .adm-l-hit:hover { background:rgba(92,97,102,0.0385) }
:root[data-theme="ayu-light"] .adm-detail { background:rgba(92,97,102,0.0308) }
:root[data-theme="ayu-light"] .adm-chip { background:rgba(92,97,102,0.0495) }
:root[data-theme="ayu-light"] .lh-p-bar { background:rgba(92,97,102,0.077) }
:root[data-theme="ayu-light"] .lh-seg { background:rgba(243,244,245,.28) }
:root[data-theme="ayu-light"] .lh-seg-b i { background:rgba(92,97,102,0.11) }
:root[data-theme="ayu-light"] .lh-seg-b.on i { background:rgba(243,244,245,.16) }
:root[data-theme="ayu-light"] .img-report { background:rgba(243,244,245,.72) }
:root[data-theme="ayu-light"] .ring-num, :root[data-theme="ayu-light"] .streak-pill b, :root[data-theme="ayu-light"] .ccs b, :root[data-theme="ayu-light"] .cc-goals .goal-top b { text-shadow:0 1px 0 rgba(243,244,245,.35) }
:root[data-theme="ayu-light"] .gbar-fill::after, :root[data-theme="ayu-light"] .pbar-fill::after { background:linear-gradient(115deg,transparent 35%,rgba(92,97,102,0.44) 50%,transparent 65%) }
:root[data-theme="ayu-light"] #fx-toast { background:linear-gradient(135deg,#eceef0,#fcfcfc); box-shadow:0 12px 40px rgba(243,244,245,.55),0 0 0 1px rgba(232,176,75,.25) }
:root[data-theme="ayu-light"] #zh-flash { background:#fcfcfc; box-shadow:0 12px 40px rgba(243,244,245,.5) }
:root[data-theme="ayu-light"] .zh-hero-note { background:rgba(92,97,102,0.033) }
:root[data-theme="ayu-light"] .zm-empty { background:rgba(92,97,102,0.033) }
:root[data-theme="ayu-light"] .img-lightbox { background:rgba(243,244,245,.86) }
:root[data-theme="ayu-light"] .img-lightbox img { box-shadow:0 12px 48px rgba(243,244,245,.6) }
:root[data-theme="ayu-light"] .zb-comp { background:rgba(92,97,102,0.033) }
:root[data-theme="ayu-light"] .zb-ex { background:rgba(92,97,102,0.033) }
:root[data-theme="ayu-light"] .zb-relitem { background:rgba(92,97,102,0.044) }
:root[data-theme="ayu-light"] .dub-gpu { background:rgba(92,97,102,0.033) }
:root[data-theme="ayu-light"] .dub-result video { background:#f3f4f5 }
:root[data-theme="ayu-light"] .vp-flash { background:rgba(243,244,245,.74) }
:root[data-theme="ayu-light"] .vp-resume { background:rgba(243,244,245,.94); border:1px solid rgba(92,97,102,0.176) }
:root[data-theme="ayu-light"] .vp-resume button { border:1px solid rgba(92,97,102,0.242) }
:root[data-theme="ayu-light"] .vp-resume button:hover { background:rgba(92,97,102,0.154) }
:root[data-theme="ayu-light"] .vp-big { background:rgba(243,244,245,.55) }
:root[data-theme="ayu-light"] .vp-big:hover { background:rgba(243,244,245,.74) }
:root[data-theme="ayu-light"] .vp-bar { background:linear-gradient(transparent, rgba(243,244,245,.58) 42%, rgba(243,244,245,.86)) }
:root[data-theme="ayu-light"] .vp-track { background:rgba(92,97,102,0.286) }
:root[data-theme="ayu-light"] .vp-load { background:rgba(92,97,102,0.462) }
:root[data-theme="ayu-light"] .vp-knob { box-shadow:0 0 0 1px rgba(243,244,245,.35) }
:root[data-theme="ayu-light"] .vp-btn:hover { background:rgba(92,97,102,0.154) }
@media (pointer: coarse), (max-width: 560px) {
:root[data-theme="ayu-light"] .vp-vol-pop { border:1px solid rgba(92,97,102,0.176); background:rgba(243,244,245,.97) }
}
:root[data-theme="ayu-light"] .vp-rates { background:rgba(243,244,245,.96); border:1px solid rgba(92,97,102,0.176) }
:root[data-theme="ayu-light"] .vp-rates button:hover { background:rgba(92,97,102,0.154) }
:root[data-theme="ayu-light"] .ov-zh, :root[data-theme="ayu-light"] .ov-py, :root[data-theme="ayu-light"] .ov-vi { text-shadow:0 1px 2px rgba(243,244,245,.95), 0 0 7px rgba(243,244,245,.6) }
:root[data-theme="ayu-light"] .ov-py { text-shadow:0 1px 2px rgba(243,244,245,.95), 0 0 8px rgba(243,244,245,.7) }
:root[data-theme="ayu-light"] .vp-pop { background:rgba(243,244,245,.97); border:1px solid rgba(92,97,102,0.176) }
:root[data-theme="ayu-light"] .vp-sw:hover { background:rgba(92,97,102,0.132) }
:root[data-theme="ayu-light"] .vp-seg button { border:1px solid rgba(92,97,102,0.198) }
:root[data-theme="ayu-light"] .vp-seg button:hover { background:rgba(92,97,102,0.132) }
:root[data-theme="ayu-light"] .vp-pop button.vp-opt:hover { background:rgba(92,97,102,0.132) }
@media (max-width: 640px) {
:root[data-theme="ayu-light"] .vp-pop, :root[data-theme="ayu-light"] .vp-rates { background:#f3f4f5; border-color:rgba(92,97,102,0.154) }
}
:root[data-theme="ayu-light"] .dw-chip { background:rgba(92,97,102,0.033) }
:root[data-theme="ayu-light"] .dub-script li:hover { background:rgba(92,97,102,0.044) }
:root[data-theme="ayu-light"] .dub-side:hover { background:rgba(92,97,102,0.044) }
:root[data-theme="ayu-light"] .dub-side-cover i { background:rgba(243,244,245,.78) }
:root[data-theme="ayu-light"] .dub-lib-off { background:rgba(243,244,245,.78) }
:root[data-theme="ayu-light"] .dub-lib-seen { background:rgba(92,97,102,0.33) }
:root[data-theme="ayu-light"] .hw-box svg { background:rgba(92,97,102,0.033) }
:root[data-theme="ayu-light"] .aw-sk-l { background:linear-gradient(90deg, var(--line-soft), rgba(92,97,102,0.099), var(--line-soft)) }
:root[data-theme="ayu-light"] .zm-bar { background:rgba(92,97,102,0.077) }
:root[data-theme="ayu-light"] .aw-thumb i { background:rgba(243,244,245,.6) }
:root[data-theme="ayu-light"] .aw-thumb-x { background:rgba(243,244,245,.62) }
:root[data-theme="ayu-light"] .cam-box::before { background:linear-gradient(to bottom, rgba(243,244,245,.72) 0, transparent 25%, transparent 67%, rgba(243,244,245,.72) 100%) }
:root[data-theme="ayu-light"] .cam-chip { border:1px solid rgba(92,97,102,0.275); background:rgba(252,252,252,.62); box-shadow:0 3px 12px rgba(243,244,245,.35) }
:root[data-theme="ayu-light"] .cam-chip:hover { box-shadow:0 6px 16px rgba(243,244,245,.5) }
:root[data-theme="ayu-light"] .cam-x { border:1px solid rgba(92,97,102,0.275); background:rgba(252,252,252,.55); box-shadow:0 2px 10px rgba(243,244,245,.45) }
:root[data-theme="ayu-light"] .cam-hint { background:rgba(252,252,252,.6); border:1px solid rgba(92,97,102,0.176) }
:root[data-theme="ayu-light"] .cam-bar { background:linear-gradient(transparent, rgba(243,244,245,.4) 35%, rgba(243,244,245,.82)) }
:root[data-theme="ayu-light"] .cam-done::after { background:linear-gradient(100deg, transparent, rgba(92,97,102,0.605), transparent) }
:root[data-theme="ayu-light"] .cam-count:not(:empty) { background:linear-gradient(145deg, rgba(252,252,252,.88), rgba(243,244,245,.72)); border:1px solid rgba(92,97,102,0.33); box-shadow:0 8px 24px rgba(243,244,245,.42), inset 0 1px rgba(92,97,102,0.11) }
:root[data-theme="ayu-light"] .cam-count-label { color:rgba(92,97,102,0.836) }
:root[data-theme="ayu-light"] .cam-shot { border:3px solid rgba(92,97,102,1); background:rgba(92,97,102,0.066); box-shadow:0 6px 22px rgba(243,244,245,.55), inset 0 0 0 1px rgba(243,244,245,.25) }
:root[data-theme="ayu-light"] .cam-shot:not(.off)::after { box-shadow:0 0 0 0 rgba(92,97,102,0.44) }
:root[data-theme="ayu-light"] .cam-shot:hover { box-shadow:0 8px 26px rgba(243,244,245,.6), 0 0 26px rgba(232,176,75,.35) }
:root[data-theme="ayu-light"] .cam-shot span { background:radial-gradient(circle at 38% 32%, #fff, #3b3f45 70%, #3b3f45); box-shadow:inset 0 -2px 6px rgba(243,244,245,.14), inset 0 2px 4px rgba(92,97,102,0.99) }
:root[data-theme="ayu-light"] .cam-hint.warn { border-color:rgba(92,97,102,0.55) }
:root[data-theme="ayu-light"] .cam-strip img { border:2px solid rgba(92,97,102,0.935); box-shadow:0 3px 10px rgba(243,244,245,.6) }
:root[data-theme="ayu-light"] .dub-lib-dur { background:rgba(243,244,245,.78) }
:root[data-theme="ayu-light"] .cf-nen { background:rgba(243,244,245,.62) }
:root[data-theme="ayu-light"] .nk-row:nth-child(odd) { background:rgba(92,97,102,0.0165) }
:root[data-theme="ayu-light"] .zt-note { background:rgba(92,97,102,0.033) }
:root[data-theme="ayu-light"] .pdftr-drop { background:rgba(92,97,102,0.0198) }
:root[data-theme="ayu-light"] .study-result-top { box-shadow:0 12px 30px rgba(243,244,245,.34) }
:root[data-theme="ayu-light"] .answer-tool-row > .btn, :root[data-theme="ayu-light"] .answer-tool-row > .btn.small { background:rgba(92,97,102,0.0495); border:1px solid rgba(92,97,102,0.099) }
:root[data-theme="ayu-light"] .ss-num { background:rgba(92,97,102,0.0495); border:1px solid rgba(92,97,102,0.099) }
:root[data-theme="ayu-light"] .ss-word { background:rgba(92,97,102,0.044); border:1px solid rgba(92,97,102,0.099) }
:root[data-theme="ayu-light"] .ss-word:hover { background:rgba(92,97,102,0.077); border-color:rgba(92,97,102,0.176) }
:root[data-theme="ayu-light"] .ss-num { background:rgba(92,97,102,0.044); border:1px solid rgba(92,97,102,0.099) }
:root[data-theme="ayu-light"] .bgm { border:1px solid rgba(92,97,102,0.11); box-shadow:0 8px 22px rgba(243,244,245,.32) }
:root[data-theme="ayu-light"] .zw-pad { background:rgba(92,97,102,0.033) }
:root[data-theme="ayu-light"] .zw-fb { background:rgba(92,97,102,0.044) }
:root[data-theme="ayu-light"] .nb-tally .off { stroke:rgba(92,97,102,0.154) }
:root[data-theme="ayu-light"] .nb-polaroid { box-shadow:0 6px 14px rgba(243,244,245,.45) }
:root[data-theme="ayu-light"] .td-plant .sh { fill:rgba(243,244,245,.28) }
:root[data-theme="ayu-light"] .td-plant .sh { fill:rgba(243,244,245,.35) }
:root[data-theme="ayu-light"] .course-card .cc-stats { background:rgba(92,97,102,0.0275) }
:root[data-theme="ayu-light"] .lb-side .lb-tabs { background:rgba(92,97,102,0.044) }
:root[data-theme="ayu-light"] .lb-ava-crown { filter:drop-shadow(0 1px 2px rgba(243,244,245,.5)) }
:root[data-theme="ayu-light"] .lb-thanh { background:rgba(92,97,102,0.055) }
:root[data-theme="ayu-light"] .lb-ava, :root[data-theme="ayu-light"] .lb-ava.lb-fox, :root[data-theme="ayu-light"] .lb-ava.lb-rabbit { background:rgba(92,97,102,0.055) }
:root[data-theme="ayu-light"] .lb-thanh { background:rgba(92,97,102,0.055) }
:root[data-theme="ayu-light"] .lb-thanh i { background:rgba(92,97,102,0.242) }
:root[data-theme="ayu-light"] .hs-dots i { background:rgba(92,97,102,0.077) }
:root[data-theme="ayu-light"] .lang-cube .face { box-shadow:0 6px 16px rgba(243,244,245,.35) }
:root[data-theme="ayu-light"] .egg-bubble { box-shadow:0 4px 10px rgba(243,244,245,.35) }
:root[data-theme="ayu-light"] .lang-cube { filter:drop-shadow(0 6px 12px rgba(243,244,245,.35)) }
:root[data-theme="ayu-light"] .lang-cube .face::after { background:linear-gradient(100deg, transparent, rgba(92,97,102,0.605), transparent) }
:root[data-theme="ayu-light"] .add-nhanh input { background:linear-gradient(90deg, transparent 33px, rgba(248,113,113,.35) 33px 34.5px, transparent 34.5px), linear-gradient(180deg, #fcfcfc, #fcfcfc); box-shadow:inset 0 1px 0 rgba(92,97,102,0.055) }
:root[data-theme="ayu-light"] .add-nhanh input:focus { box-shadow:0 0 0 4px var(--accent-soft), inset 0 1px 0 rgba(92,97,102,0.055) }
:root[data-theme="ayu-light"] .add-nhanh-go { box-shadow:0 3px 8px rgba(232,176,75,.35), inset 0 -2px 0 rgba(243,244,245,.12) }
:root[data-theme="ayu-light"] .ht-bubble { box-shadow:0 10px 28px rgba(232,176,75,.35), 0 4px 10px rgba(243,244,245,.4) }
:root[data-theme="ayu-light"] .ht-toast { background:#fcfcfc; box-shadow:0 16px 40px rgba(243,244,245,.55) }
:root[data-theme="ayu-light"] .ht-hop { box-shadow:0 24px 60px rgba(243,244,245,.6) }
:root[data-theme="ayu-light"] .ht-x:hover { background:rgba(92,97,102,0.066) }
:root[data-theme="ayu-light"] .ht-ngay span { background:rgba(92,97,102,0.044) }
:root[data-theme="ayu-light"] .ht-ho .ht-bong { background:#eceef0 }
:root[data-theme="ayu-light"] .ht-go .ht-o { background:rgba(92,97,102,0.044) }
:root[data-theme="ayu-light"] .ht-tim { background:rgba(92,97,102,0.044) }
:root[data-theme="ayu-light"] .ht-thr-row:hover { background:rgba(92,97,102,0.044) }
:root[data-theme="ayu-light"] .add-lang span { background:rgba(92,97,102,0.055) }
:root[data-theme="ayu-light"] .add-pop { background:#eceef0; box-shadow:0 18px 40px rgba(243,244,245,.55) }
:root[data-theme="ayu-light"] .add-pop::before { background:#eceef0 }
:root[data-theme="ayu-light"] .add-pop-x:hover { background:rgba(92,97,102,0.066) }
:root[data-theme="ayu-light"] .add-vd { background:rgba(92,97,102,0.044) }
:root[data-theme="ayu-light"] .aw-paper { background:#fcfcfc }
:root[data-theme="ayu-light"] .aw-paper textarea { background-image:repeating-linear-gradient(transparent 0 27px, rgba(92,97,102,0.066) 27px 28px) !important }
:root[data-theme="ayu-light"] .aw-big-box { box-shadow:0 20px 50px rgba(243,244,245,.4) }
:root[data-theme="ayu-light"] .aw-big-box:focus-within { box-shadow:0 0 0 5px var(--accent-soft), 0 20px 50px rgba(243,244,245,.4) }
:root[data-theme="ayu-light"] .aw-big-bar kbd { background:rgba(92,97,102,0.066) }
:root[data-theme="ayu-light"] .aw-ex { background:rgba(92,97,102,0.033) }
:root[data-theme="ayu-light"] .to-night .theme-glow { background:radial-gradient(70% 60% at 50% 100%, rgba(236,238,240,.9), rgba(252,252,252,.6) 50%, rgba(243,244,245,0) 80%) }
:root[data-theme="ayu-light"] .theme-orb.moon::after { box-shadow:inset -22px -8px 0 0 rgba(243,244,245,.18) }
:root[data-theme="ayu-light"] .theme-star { box-shadow:0 0 6px 1px rgba(92,97,102,0.77) }
:root[data-theme="ayu-light"] .ring-num, :root[data-theme="ayu-light"] .streak-pill b, :root[data-theme="ayu-light"] .ccs b, :root[data-theme="ayu-light"] .cc-goals .goal-top b {
  background: linear-gradient(180deg,#e59400,#c47f00 55%,#a06800); -webkit-background-clip: text; background-clip: text; text-shadow: none; }
:root[data-theme="ayu-light"] .ring-fg { filter: none; }