/* Each palette defines surfaces, typography, scientific illustration and UI together. */
:root[data-theme="blue"]{--paper:#f5f7fa;--white:#fff;--ink:#153553;--body:#3b5065;--muted:#637487;--line:#d5dfe8;--red:#29698a;--sage:#e5edf4;--panel:#e4edf5;--surface:#ebf0f5;--footer-bg:#142f49;--footer-text:#d6e3ee;--on-primary:#fff;--molecule-rgb:39,88,126;--header-bg:#f5f7fa;--primary-hover:#244d70;--soft-border:#b5c6d5;--hero-serif:Georgia,"Songti SC","STSong","SimSun",serif}
:root[data-theme="red"]{--paper:#faf7f1;--white:#fffdf9;--ink:#44252c;--body:#59484a;--muted:#7c6b6c;--line:#e1d5cf;--red:#9d3848;--sage:#efe3dd;--panel:#eee2dc;--surface:#f2eae3;--footer-bg:#52232d;--footer-text:#eddbd7;--on-primary:#fffaf4;--molecule-rgb:139,59,70;--header-bg:#faf7f1;--primary-hover:#703440;--soft-border:#cdb2aa;--hero-serif:Georgia,"Songti SC","STSong","SimSun",serif}
:root[data-theme="graphite"]{--paper:#fafafa;--white:#fff;--ink:#24292e;--body:#454d54;--muted:#697178;--line:#dadddf;--red:#566675;--sage:#eaecee;--panel:#e9edef;--surface:#f0f1f2;--footer-bg:#24292e;--footer-text:#d8dde0;--on-primary:#fff;--molecule-rgb:65,77,88;--header-bg:#fafafa;--primary-hover:#3e4852;--soft-border:#b9c1c7;--hero-serif:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
:root[data-theme="green"]{--paper:#f8f7f2;--white:#fffefa;--ink:#193e36;--body:#3d4d45;--muted:#6d776d;--line:#d9ded4;--red:#927039;--sage:#e8ece2;--panel:#e8ece2;--surface:#eef0e9;--footer-bg:#193e36;--footer-text:#d3dbce;--on-primary:#fffefa;--molecule-rgb:51,87,60;--header-bg:#f8f7f2;--primary-hover:#2e554a;--soft-border:#b4c0ac;--hero-serif:Georgia,"Songti SC","STSong","SimSun",serif}
:root[data-theme="night"]{--paper:#111d2b;--white:#1c2e40;--ink:#e0eaf4;--body:#c0cedc;--muted:#9fB1c3;--line:#32465b;--red:#81c7de;--sage:#1b3044;--panel:#182e43;--surface:#162638;--footer-bg:#0c1622;--footer-text:#b8cbdc;--on-primary:#132539;--molecule-rgb:127,197,223;--header-bg:#111d2b;--primary-hover:#badbe9;--soft-border:#4b657e;--hero-serif:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark}
body{background:var(--paper)}.header{background:var(--header-bg)}.header-inner{gap:20px}.header-controls{display:flex;align-items:center;gap:26px;height:100%;min-width:0}nav{gap:26px}.brand-symbol{border-color:var(--soft-border)}.hero h1{font-family:var(--hero-serif)}.hero-visual{background:var(--panel)}.hero-visual:after{border-color:color-mix(in srgb,var(--ink) 14%,transparent)}.visual-grid{background-image:linear-gradient(color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px)}.visual-top,.molecule-label>span+span,.motion-toggle{color:var(--muted)}.hero-rule,.text-link{border-color:var(--soft-border)}.hero-rule{background:var(--soft-border)}.button.primary{color:var(--on-primary)}.button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-primary)}.text-link:hover{border-color:var(--red)}.focus-strip a>span{color:var(--muted)}.serif-note{color:var(--muted)}.latest-section{background:var(--surface)}.paper-foot{border-color:var(--line)}.research-tags span{border-color:var(--soft-border)}.contact-email{border-color:var(--soft-border)}.paper-out:hover,.filter-tab.active{color:var(--on-primary)}.research-figure button:hover .zoom-icon,.photo-card button:hover .zoom-icon{color:var(--on-primary)}footer{background:var(--footer-bg);color:var(--footer-text)}.footer-brand span,.footer-inner p,.footer-links,.footer-bottom{color:var(--footer-text)}.footer-bottom{border-color:color-mix(in srgb,var(--footer-text) 20%,transparent)}.research-figure button{border:1px solid var(--line);background:#fff}.research-figure{padding-bottom:0}.research-gallery{gap:28px}.research-figure button:hover{border-color:var(--soft-border)}.research-figure img{color:#263238}.photo-card figcaption{min-height:38px}dialog::backdrop{background:color-mix(in srgb,var(--footer-bg) 92%,transparent)}
/* A quiet, always-available appearance menu, separate from page navigation. */
.theme-picker{position:relative;flex-shrink:0;margin-left:2px}.theme-picker summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;padding:9px 12px;border:1px solid var(--line);font-size:11px;min-height:39px;user-select:none}.theme-picker summary::-webkit-details-marker{display:none}.theme-picker summary:hover,.theme-picker[open] summary{border-color:var(--soft-border);background:var(--surface)}.theme-picker summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}.theme-current-dot{width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,var(--ink) 50%,var(--red) 50%);box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--line)}.theme-panel{position:absolute;right:0;top:calc(100% + 13px);width:266px;padding:19px;background:var(--white);border:1px solid var(--line);box-shadow:0 15px 40px #00000013;z-index:35}.theme-panel-title{font-size:12px;letter-spacing:1px;margin-bottom:13px}.theme-option{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:10px 9px;background:transparent;border:1px solid transparent;margin-top:3px;border-radius:2px}.theme-option:hover{background:var(--surface);color:var(--ink)}.theme-option[aria-pressed=true]{background:var(--surface);border-color:var(--line)}.theme-option strong{display:block;font-size:12px;font-weight:500;letter-spacing:1px}.theme-option small{display:block;font-size:10px;color:var(--muted);margin-top:1px}.theme-check{margin-left:auto;font-size:13px;color:var(--red);visibility:hidden}.theme-option[aria-pressed=true] .theme-check{visibility:visible}.theme-swatch{display:flex;width:49px;height:32px;overflow:hidden;border:1px solid #00000014;flex-shrink:0}.theme-swatch i:nth-child(1){width:50%}.theme-swatch i:nth-child(2),.theme-swatch i:nth-child(3){width:25%}.swatch-blue i:nth-child(1){background:#f5f7fa}.swatch-blue i:nth-child(2){background:#153553}.swatch-blue i:nth-child(3){background:#5b8eac}.swatch-red i:nth-child(1){background:#faf7f1}.swatch-red i:nth-child(2){background:#6c2c39}.swatch-red i:nth-child(3){background:#b96368}.swatch-graphite i:nth-child(1){background:#fafafa}.swatch-graphite i:nth-child(2){background:#24292e}.swatch-graphite i:nth-child(3){background:#929ea7}.swatch-green i:nth-child(1){background:#f8f7f2}.swatch-green i:nth-child(2){background:#193e36}.swatch-green i:nth-child(3){background:#ad965a}.swatch-night i:nth-child(1){background:#111d2b}.swatch-night i:nth-child(2){background:#416682}.swatch-night i:nth-child(3){background:#81c7de}.theme-status{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:13px}
/* Subtle typographic differences keep each direction intentional. */
:root[data-theme="blue"] .hero h1>span{font-style:normal;letter-spacing:1px}:root[data-theme="red"] .hero h1>span{font-style:italic}:root[data-theme="graphite"] .hero h1,:root[data-theme="night"] .hero h1{font-weight:350;letter-spacing:4px}:root[data-theme="graphite"] .hero h1>span,:root[data-theme="night"] .hero h1>span{font-size:25px;font-weight:400;letter-spacing:1px}:root[data-theme="night"] .hero-visual{box-shadow:inset 0 0 70px #162536}:root[data-theme="night"] .portrait{box-shadow:0 20px 45px #0003}:root[data-theme="night"] .search-controls select{background:var(--paper)}:root[data-theme="night"] .research-figure img,:root[data-theme="night"] .photo-card img{color-scheme:light}
@media(max-width:1200px){.header-controls{gap:17px}nav{gap:19px}.brand strong{font-size:17px;letter-spacing:1.5px}.brand small{letter-spacing:1.7px}.theme-picker summary{padding-inline:9px}}
@media(min-width:851px) and (max-width:1020px){.header-inner{width:calc(100% - 36px);gap:15px}.brand{gap:9px}.brand-symbol{width:34px;height:34px;line-height:31px;font-size:29px}.brand strong{font-size:15px}.brand small{font-size:7px}nav{gap:15px}nav>a{font-size:11px}.header-controls{gap:14px}.theme-trigger-label{display:none}}
@media(max-width:850px){.header-controls{gap:10px;height:auto;flex-direction:row-reverse}.theme-picker{margin:0}.theme-picker summary{height:42px;padding:9px 10px;gap:8px}.theme-panel{right:-52px;width:260px;max-width:calc(100vw - 40px)}.header-inner{gap:10px}.theme-trigger-label{display:inline}}
@media(max-width:400px){.brand{gap:8px}.brand strong{font-size:15px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:1.3px}.brand-symbol{width:32px;height:32px;line-height:29px;font-size:28px}.theme-trigger-label{display:none}.theme-picker summary{gap:7px;padding:9px}.header-controls{gap:8px}.menu-toggle{width:38px}.theme-panel{right:-46px}}
@media print{.theme-picker{display:none!important}:root[data-theme]{--paper:#fff;--ink:#111;--body:#222;--muted:#555;--line:#ccc;--red:#333;--surface:#fff;--sage:#fff}body{color:#111;background:#fff}}