:root{color-scheme:light}
.jj-appearance{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:1px solid var(--jj-line);border-radius:999px;background:var(--jj-paper);color:var(--jj-ink);font:inherit;font-size:14px;padding:10px 14px;cursor:pointer}
.jj-sidebar>.jj-appearance{margin-top:auto;order:5}.jj-sidebar-bottom{order:6;margin-top:0;padding-top:16px}
.jj-auth-header .jj-appearance{margin-left:12px}.jj-auth-header .jj-brand{margin-right:auto}
@media(hover:hover){.jj-appearance:hover{background:var(--jj-subtle)}}
.jj-appearance:is(:active,.is-pressed){background:var(--jj-subtle);transform:scale(.985)}
@media(max-width:700px){
 .jj-sidebar>.jj-appearance{order:0;margin:0 8px 0 auto;flex:0 0 44px;width:44px;height:44px;padding:0}
 .jj-sidebar>.jj-mobile-account{order:1}
 .jj-appearance span{display:none}.jj-auth-header .jj-appearance{width:44px;padding:0;flex-shrink:0}
}
html[data-theme=dark]{
 color-scheme:dark;
 --wp--preset--color--paper:var(--wp--custom--dark--paper,#141518);--wp--preset--color--ink:var(--wp--custom--dark--ink,#f0f1f4);--wp--preset--color--muted:var(--wp--custom--dark--muted,#adb3c0);--wp--preset--color--subtle:var(--wp--custom--dark--subtle,#252830);
 --jj-paper:var(--wp--preset--color--paper);--jj-ink:var(--wp--preset--color--ink);--jj-muted:var(--wp--preset--color--muted);--jj-subtle:var(--wp--preset--color--subtle);--jj-line:var(--wp--custom--dark--line,#353943);--jj-surface:var(--wp--custom--dark--surface,#1d1f24);--jj-link:var(--wp--custom--dark--link,#91b1ff);
 --jj-feedback-hover:#2b2e36;--jj-feedback-press:#323641;--jj-feedback-edge:#91b1ff55;
 --jj-glass-fill:linear-gradient(165deg,#ffffff0f,#ffffff03 55%,#ffffff08);--jj-glass-edge:inset 0 1px 0 #ffffff24,inset 1px 0 0 #ffffff0a;--jj-glass-shadow:0 0 0 1px #ffffff0b,0 4px 16px #00000033;
}
html[data-theme=dark] body{background:var(--jj-paper);color:var(--jj-ink)}
[data-theme=dark] :is(.jj-sidebar,.jj-featured,.jj-resource-info,.jj-wechat-empty,.jj-auth-tabs,.jj-mobile-account,.jj-login,.jj-pill:not(.jj-primary),.jj-auth-social .jj-pill){background:var(--jj-surface);color:var(--jj-ink);border-color:var(--jj-line)}
[data-theme=dark] :is(.jj-tool-icon,.jj-thumb-empty,.jj-resource .jj-resource-emblem){background:#23304a;color:var(--jj-link)}
[data-theme=dark] .jj-explorer:not(.is-tools):not(.is-search) .jj-cards>.jj-card:first-child .jj-open{background:var(--jj-surface)}
[data-theme=dark] :is(.jj-search,.jj-filters,.jj-mobile-filter summary,.jj-filter-panel,.jj-page .jj-back,.jj-mobile-back,.jj-auth-header .jj-pill){background:var(--jj-glass-fill);background-color:#24262cbd;border-color:#ffffff24;box-shadow:var(--jj-glass-edge),var(--jj-glass-shadow);color:var(--jj-ink)}
[data-theme=dark] .jj-filter-panel{background-color:#24262cf5}
[data-theme=dark] :is(.jj-prose a[href],.jj-section-heading>a,.jj-resource-info a[href],.jj-share,.jj-meta>span,.jj-auth-wechat-link,.jj-auth #nav a,.jj-auth #backtoblog a){color:var(--jj-link)}
[data-theme=dark] :is(.jj-open:hover h2,.jj-open:is(:active,.is-pressed) h2,.jj-topics>a:hover h2,.jj-featured h2 a:hover,.jj-quick-tools>a:hover,.jj-recent>a:hover,.jj-brand:hover,.jj-login:hover,.jj-about:hover){color:var(--jj-link)}
[data-theme=dark] .jj-topics>a:first-child:hover h2{color:#fff}
[data-theme=dark] :is(.jj-search-dialog,.jj-auth.login #login){background:var(--jj-surface);border-color:var(--jj-line);color:var(--jj-ink)}
[data-theme=dark] .jj-search-dialog::backdrop{background:#080a104d}
[data-theme=dark] :is(.jj-global-search-field,.jj-auth.login input.input,.login .language-switcher select,.login .language-switcher .button,.login .message,.login .notice,.login #login_error,.jj-prose input,.jj-prose textarea,.wp-block-search__input){background:var(--jj-paper);border-color:var(--jj-line);color:var(--jj-ink)}
[data-theme=dark] :is(.jj-search-close,.jj-search-trigger kbd){background:var(--jj-subtle);color:var(--jj-muted)}
[data-theme=dark] :is(.jj-search-trigger:hover,.jj-reading-back:hover){background-color:#363942;color:var(--jj-ink)}
[data-theme=dark] .jj-reading-bar :is(.jj-reading-back,.jj-reading-bar-title){background:linear-gradient(165deg,#ffffff14,#ffffff03 55%,#ffffff09);background-color:#1d202775;border-color:#ffffff35;color:var(--jj-ink);box-shadow:inset 0 1px 0 #ffffff38,inset 1px 0 0 #ffffff12,0 4px 16px #00000026}
[data-theme=dark] .jj-series-banner .jj-pill{background:#fff;color:#1254ff}
[data-theme=dark] :is(.jj-primary,.wp-block-button__link,.wp-block-search__button,.jj-sidebar .jj-nav-item.is-active,.jj-filters a.is-active,.jj-filter-panel a.is-active,.jj-auth-tabs a[aria-current],.jj-auth.login .button-primary){color:#fff}
[data-theme=dark] .jj-prose{color:var(--jj-ink)}
[data-theme=dark] .jj-prose [style*="color:"]{color:inherit!important}
[data-theme=dark] .jj-prose [style*="background"]{background-color:var(--jj-surface)!important}
@media(max-width:700px){
 [data-theme=dark] .jj-sidebar{background:var(--jj-paper)}
 [data-theme=dark] .jj-sidebar nav{background:var(--jj-glass-fill);background-color:#1d1f24bb;border-color:#ffffff24;box-shadow:var(--jj-glass-edge),0 6px 24px #00000040}
 [data-theme=dark] .jj-explorer:not(.is-tools):not(.is-search) .jj-cards>.jj-card:first-child .jj-open{background:transparent}
}
@media(prefers-reduced-transparency:reduce){[data-theme=dark] :is(.jj-reading-bar-title,.jj-reading-back,.jj-search,.jj-filters,.jj-filter-panel,.jj-mobile-filter summary,.jj-sidebar nav,.jj-back){background:var(--jj-surface)}}
@supports not(backdrop-filter:blur(1px)){[data-theme=dark] :is(.jj-reading-bar-title,.jj-reading-back,.jj-search,.jj-filters,.jj-filter-panel,.jj-mobile-filter summary,.jj-sidebar nav,.jj-back){background:var(--jj-surface)}}
@media(prefers-reduced-motion:reduce){.jj-appearance:is(:active,.is-pressed){transform:none}}

[data-theme=dark] .jj-auth.login form{background:transparent}
[data-theme=dark] :is(.jj-featured .jj-eyebrow,.jj-auth.login .wp-hide-pw){color:var(--jj-link)}
[data-theme=dark] .jj-global-search-field:focus-within{border-color:var(--jj-link);box-shadow:0 0 0 3px #91b1ff1c}
[data-theme=dark] input::placeholder{color:var(--jj-muted);opacity:1}

/* Reveal the new theme from the activated control, in either direction. */
html.jj-theme-reveal::view-transition-old(root),
html.jj-theme-reveal::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.jj-theme-reveal::view-transition-old(root){z-index:1}
html.jj-theme-reveal::view-transition-new(root){z-index:2;animation:jj-theme-circle 680ms cubic-bezier(.22,.68,.18,1) both}
html.jj-theme-reveal::view-transition-group(root){animation:none}
html.jj-theme-reveal::view-transition{pointer-events:none}
/* Capture final colors, rather than a partially transitioned component state. */
html.jj-theme-reveal *,html.jj-theme-reveal *::before,html.jj-theme-reveal *::after{transition:none!important}
@keyframes jj-theme-circle{
 from{clip-path:circle(0px at var(--jj-reveal-x) var(--jj-reveal-y))}
 to{clip-path:circle(var(--jj-reveal-radius) at var(--jj-reveal-x) var(--jj-reveal-y))}
}
@media(prefers-reduced-motion:reduce){html.jj-theme-reveal::view-transition-new(root){animation:none}}