/* The lamp changes the entire room, including the reading surfaces. */
.theme-control{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:8px 11px;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink);font:400 9px Desk Sans,sans-serif;white-space:nowrap}.theme-control:hover{border-color:var(--orange)}.theme-glyph{font-size:14px;line-height:1;color:var(--orange)}.theme-label{font-size:9px}.header-actions{gap:15px}
body,.world,.footer,.portfolio-drawer,.drawer-bar,.quick-menu,.discovery-prompt,.reading-page,.theme-control{transition:background-color .5s,color .5s,border-color .5s}
html[data-theme="dark"]{color-scheme:dark;--paper:#151f24;--ink:#e7e8dc;--muted:#a7b3b0;--orange:#efb384;--line:#c2d1cb2a;scrollbar-color:#52626a var(--paper)}
html[data-theme="dark"] ::selection{background:#896c52;color:#fff7e9}
html[data-theme="dark"] .grain{opacity:.025;filter:invert(1)}
html[data-theme="dark"] :is(.brand-small,.header-note,.eyebrow,.description,.field-note p,.panel .identity-note,.panel .tour-link,.margin-note,.reading-link,.footer-label,.footer-label>span,.desk-status,.scene-caption,#caption>span,.scroll-indicator,#percent){color:#a3b3ae}
html[data-theme="dark"] .eyebrow>span{border-color:#efb38460}
html[data-theme="dark"] .orange-dot{box-shadow:0 0 9px #efb38440}
html[data-theme="dark"] :is(.panel-open,.text-link,.menu-toggle){border-bottom-color:#efb38470}
html[data-theme="dark"] .field-note{border-left-color:#efb38470}
html[data-theme="dark"] .motion{color:#d5dfd9;border-color:#a7b3b03d}
html[data-theme="dark"] .motion:hover{background:#f0f2dc0b}
html[data-theme="dark"] .motion-glyph{color:var(--orange)}
html[data-theme="dark"] .footer{background:linear-gradient(0deg,#151f24d9,transparent)}
html[data-theme="dark"] #chapter-nav a{color:#9aada6}
html[data-theme="dark"] #chapter-nav a>span{color:#7b9289}
html[data-theme="dark"] #chapter-nav a[aria-current]{color:#e7e8dc}
html[data-theme="dark"] #chapter-nav a[aria-current]>span{color:var(--orange)}
html[data-theme="dark"] .scroll-line{background:#6c7d78}
html[data-theme="dark"] .hotspot-dot{background:#26353aee;border-color:#a7b3b05e;color:#efb384;box-shadow:0 2px 12px #0005}
html[data-theme="dark"] .hotspot-label{background:#223037f2;border-color:#a7b3b033;color:#d6dfd6}
html[data-theme="dark"] .hotspots button:hover .hotspot-dot{background:var(--orange);color:#182329}
html[data-theme="dark"] .quick-menu{background:#1c292f;border-color:#71877a55;box-shadow:0 12px 45px #0005}
html[data-theme="dark"] :is(.quick-menu>button,.quick-menu>a){border-bottom-color:#a7b3b026}
html[data-theme="dark"] .quick-menu>a{color:#a4b9a5}
html[data-theme="dark"] .portfolio-drawer{background:#1b282e;color:#e7e8dc;border-color:#62756c55;box-shadow:20px 0 80px #0004;scrollbar-color:#516960 #1b282e}
html[data-theme="dark"] .portfolio-drawer::backdrop{background:#030b1238}
html[data-theme="dark"] .drawer-bar{background:#1b282ef0;border-bottom-color:var(--line)}
html[data-theme="dark"] .drawer-bar>span{color:#a3b5a8}
html[data-theme="dark"] .drawer-close{border-color:#91a58d55}
html[data-theme="dark"] .drawer-bottom a{color:#acbda5}
html[data-theme="dark"] .portfolio-kicker{color:var(--orange)}
html[data-theme="dark"] .portfolio-kicker>span{color:#a4b6a7}
html[data-theme="dark"] :is(.portfolio-lead,.project-card-copy>p:not(.project-meta),.portfolio-block>p,.about-intro>p,.record-content>ul:not(.portfolio-tags),.certificate-list,.approach-list,.contact-note p){color:#b0beb2}
html[data-theme="dark"] :is(.project-meta,.record-period,.portfolio-block .record-period,.portfolio-record summary>span>span,.portfolio-award small,.contact-location,.case-team,.case-image>figcaption,.reading-header nav,.reading-footer){color:#9eb09f}
html[data-theme="dark"] :is(.portfolio-block h2,.portfolio-block h3,.portfolio-block .education-school){color:#d8e3d0}
html[data-theme="dark"] .portfolio-tags li{color:#bdcfb5;border-color:#b4cfa534;background:#b4cfa509}
html[data-theme="dark"] .project-read{color:#c3d6b9;border-bottom-color:#efb38480}
html[data-theme="dark"] :is(.portfolio-project,.portfolio-block,.portfolio-award,.reading-section,.reading-footer,.contact-email){border-color:var(--line)}
html[data-theme="dark"] .portfolio-record{border-color:#a7b3b030}
html[data-theme="dark"] .project-image{background:#25353a;border-color:#a7b3b026}
html[data-theme="dark"] .project-image img,html[data-theme="dark"] .case-image>img{filter:brightness(.85) saturate(.85)}
html[data-theme="dark"] .project-illustration{background:#263b36;color:#b4cfb0}
html[data-theme="dark"] .project-illustration svg{stroke:#a0c098}
html[data-theme="dark"] .essay-note{background:#26362f}
html[data-theme="dark"] .essay-note p:not(.portfolio-kicker){color:#b4c2ab}
html[data-theme="dark"] .essay-note small{color:#9aaa90}
html[data-theme="dark"] .essay-note .essay-result{color:var(--orange)!important}
html[data-theme="dark"] .reading-page{background:#1b282e}
html[data-theme="dark"] .case-image{background:#26363b}
html[data-theme="dark"] .case-body .portfolio-block h2{color:var(--orange)}
html[data-theme="dark"] .skip{background:#263c42;color:#eff1df}
html[data-theme="dark"] #contact .replay{color:#a5b59a}
html[data-theme="dark"] .discovery-prompt{background:#213037f7;border-color:#8ba28a55;box-shadow:0 12px 45px #0004}
html[data-theme="dark"] .discovery-top{color:#abbca7}
html[data-theme="dark"] .discovery-prompt h3{color:#e4ecdb}
html[data-theme="dark"] .discovery-prompt>p{color:#b2c2ad}
html[data-theme="dark"] .discovery-dismiss{color:#a6b6a1}
html[data-theme="dark"] .discovery-dismiss:hover{color:var(--orange);background:#efb38410}
html[data-theme="dark"] .discovery-next{color:#b7c9ae}
html[data-theme="dark"] .discovery-open{background:#b9c5a1;border-color:#b9c5a1;color:#203029}
html[data-theme="dark"] .discovery-open>span{color:#5d573c}
html[data-theme="dark"] .discovery-open:hover{background:#d3d9bb}
html[data-theme="dark"] .discovery-foot{border-top-color:#c0cfb626;color:#a5b39b}
html[data-theme="dark"] .discovery-foot>span:first-child{color:var(--orange)}
@media(max-width:760px){.theme-control{min-width:34px;padding:8px 9px}.theme-label{display:none}.theme-glyph{font-size:14px}.header-actions{gap:12px}.reading-header nav .theme-label{display:inline}.reading-header nav .theme-control{font-size:9px}}