/* Visual skin only: shared colors, a small appearance control, selected portraits. */
html:root{--paper:#f8f7f3;--surface:#f0efe9;--elevated:#fffdf8;--ink:#292d2d;--muted:#656b67;--line:#d9dbd4;--accent:#8c623b;--blue:#485e66;--selection:#ddd4c4;color-scheme:light;background:var(--paper);color:var(--ink)}
html[data-theme=dark],html[data-theme-scope=private]{--paper:#111315;--surface:#171a1d;--elevated:#1d2125;--ink:#eeeae2;--muted:#a7aaa5;--line:#343a3d;--accent:#be9665;--blue:#b5c3c8;--selection:#514536;color-scheme:dark}
body.os,body.studio{--paper:inherit;--ink:inherit;--muted:inherit;--line:inherit;--accent:inherit}
body:not(.note-export){background:var(--paper);color:var(--ink)}
::selection{background:var(--selection);color:var(--ink)}
body:not(.note-export) :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
body:not(.note-export) a:hover{color:var(--accent)}
html .masthead{position:relative;padding-top:46px}
.theme-control{position:absolute;right:0;top:8px;display:flex;flex-direction:row;align-items:center;gap:8px;font:10px/1.5 Arial,sans-serif;color:var(--muted)}
.theme-control select{font:11px/1.5 Arial,sans-serif;padding:3px 20px 3px 6px;border:1px solid var(--line);border-radius:2px;color:var(--ink);background:var(--paper);max-width:100px;cursor:pointer}
.theme-control option{background:var(--paper);color:var(--ink)}
html .identity-home{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:center;max-width:none}
.identity-home h1{font-size:clamp(36px,4vw,58px)}
.identity-home .identity{font-size:19px}.identity-home .intro-text{font-size:16px;max-width:440px;color:var(--muted)}
.identity-portrait{margin:0;position:relative;overflow:hidden;background:var(--surface)}
.identity-portrait img{display:block;width:100%;height:100%;object-fit:cover}
.identity-home .identity-portrait{aspect-ratio:4/5}
.identity-home .identity-portrait img{object-position:50% 40%}
html[data-theme=dark] .identity-home .identity-portrait:after{content:'';position:absolute;inset:65% 0 0;pointer-events:none;background:linear-gradient(transparent,#11131555)}
.identity-about{float:right;width:260px;aspect-ratio:4/5;margin:0 0 32px 48px}
.identity-about img{object-position:50% 35%}
.page-content:has(.identity-about){display:flow-root}
.identity-research{display:grid;grid-template-columns:1fr 330px;gap:48px;align-items:center}
.identity-research .identity-portrait{aspect-ratio:4/3}
.identity-research .identity-portrait img{object-position:50% 40%}
.os-brand img{width:42px;height:42px;object-fit:cover;border-radius:50%;display:block;margin-bottom:18px}
.editorial-author{display:flex;gap:9px;align-items:center;font:12px/1.6 Arial,sans-serif;color:var(--muted);margin:18px 0 12px}
.editorial-author img{border-radius:50%;width:28px;height:28px;object-fit:cover}
html .intro-text,html .prose blockquote{color:var(--muted)}
html .filter:hover,html .filter.active,html .filter[aria-current=page],html .prose pre{background:var(--surface)}
html .search-input-wrap{background:var(--elevated);border-color:var(--line)}
html .read-ask{background:var(--surface);border-color:var(--line);color:var(--ink)}
html .read-ask a,html .read-ask small{color:var(--muted)}
html body:not(.note-export):not(.studio) :is(input,select,textarea){color:var(--ink);background-color:var(--elevated);border-color:var(--line)}
html body:not(.note-export) :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
html body:not(.note-export) :is(button,.primary){border-color:var(--line)}
html body:not(.note-export) :is(button,.primary):hover{background-color:var(--surface)}
html body:not(.note-export) .notice{background:var(--surface);border-color:var(--accent)}
html .book-cover,html .archive-volume,html .book-spine{background:var(--surface);border-color:var(--accent);color:var(--ink);box-shadow:none}
html .support-modal{color-scheme:inherit}
html #pavel-radio{--radio-paper:var(--paper);box-shadow:none}
html #pavel-radio button:hover,html #pavel-radio button[aria-current=true],html #radio-mode[aria-pressed=true]{background:var(--surface)}
html .os-block,html .pulse-periods article,html .os-venture{background:var(--surface)}
html .os textarea,html .os-venture input,html .os-venture select{background:var(--elevated);border-color:var(--line)}
html .os-block select[data-status=COMPLETED]{color:#a8c7a2}
html .os-block select[data-status=IN_PROGRESS]{color:var(--accent)}
html .studio{background:var(--paper);color:var(--ink)}
html .studio-actions{background:var(--paper)}
html .studio textarea{color:var(--ink)}
html .studio-preview .pavel-note:not([data-theme=light]){background:var(--surface);color:var(--ink)}
html .studio :is(.studio-caption,.preview-label,.studio-options,.studio-heading small,.studio-format label){color:var(--muted)}
html .studio .publish{background:var(--ink);color:var(--paper);border-color:var(--ink)}
html .studio .publish:hover{background:#d7d0c4}
html .studio select option{background:var(--elevated);color:var(--ink)}
html .studio-preview .pavel-note[data-theme=light]{--muted:#656b67;color-scheme:light}
html .note-author time{opacity:1;color:var(--muted)}
html .note-export .note-author time{color:inherit;opacity:.65}
html .note-export .theme-control{display:none}
.footer nav a:hover,.masthead nav a:hover{color:var(--accent)}
.site-shell .reading-list{list-style:none;margin:0;padding:0}
.site-shell .reading-list li{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);line-height:1.7}
.site-shell .reading-list li>a{font-family:var(--serif);font-size:18px;color:var(--ink)}
.site-shell .reading-list small{color:var(--muted);font:11px/1.6 var(--sans)}
html[data-theme=dark] .map-node text{fill:var(--ink)}
html[data-theme=dark] .interface-preview figcaption{color:var(--muted)}
@media(max-width:720px){.site-shell .reading-list li{display:block;padding:15px 0}.site-shell .reading-list small{display:block;margin-top:5px}}
@media(max-width:720px){html .masthead{padding-top:25px}.theme-control{top:24px}.theme-control>span{display:none}html .identity-home{grid-template-columns:1fr;gap:26px;padding-top:35px}.identity-home .identity-portrait{width:100%;max-width:400px;height:240px;aspect-ratio:auto}.identity-home .identity-portrait img{object-position:50% 39%}.identity-home .identity{font-size:18px}.identity-home .intro-text{font-size:15px}.identity-about{float:none;width:190px;margin:0 0 28px}.identity-research{grid-template-columns:1fr;gap:26px}.identity-research .identity-portrait{max-width:400px;height:220px;aspect-ratio:auto}.os-brand img{display:inline-block;width:32px;height:32px;vertical-align:middle;margin:0 10px 0 0}.os-brand span{display:block;margin:10px 0 0 42px}}
@media print{html:root,body.os,body.studio{--paper:white;--ink:black;--muted:#555;--line:#ccc;color-scheme:light}.theme-control{display:none}}

/* Legacy component color adapters; no geometry or behavior changes. */
html[data-theme=dark] .dp-kicker{color:var(--muted)}
html[data-theme=dark] .dp-library-heading>p:not(.dp-kicker){color:var(--muted)}
html[data-theme=dark] .dp-library-heading>span{color:var(--muted)}
html[data-theme=dark] .dp-library-nav a,html[data-theme=dark] .dp-library-nav button{color:var(--ink)}
html[data-theme=dark] .dp-library-nav>*>span{color:var(--muted)}
html[data-theme=dark] .dp-library-nav small{color:var(--muted)}
html[data-theme=dark] .dp-library-foot{color:var(--muted)}
html[data-theme=dark] .dp-modes button{border:1px solid var(--line);box-shadow:none;color:var(--ink)}
html[data-theme=dark] .dp-modes small{color:var(--muted)}
html[data-theme=dark] .dp-mode-description{color:var(--muted)}
html[data-theme=dark] .dp-primary-actions>*{border:1px solid var(--line);color:var(--ink)}
html[data-theme=dark] .dp-book-spine{background:var(--surface);border-left:2px solid var(--line);color:var(--muted)}
html[data-theme=dark] .dp-volume small{color:var(--muted)}
html[data-theme=dark] .dp-volume p{color:var(--muted)}
html[data-theme=dark] .dp-filters,html[data-theme=dark] .dp-method{color:var(--muted)}
html[data-theme=dark] .dp-filters summary span{color:var(--muted)}
html[data-theme=dark] .dp-filter-grid select,html[data-theme=dark] .dp-temporal input,html[data-theme=dark] .dp-temporal select{background:var(--surface)}
html[data-theme=dark] .dp-temporal{background:var(--surface)}
html[data-theme=dark] .dp-temporal p{color:var(--muted)}
html[data-theme=dark] .dp-conversation{border:1px solid var(--line);background:var(--surface)}
html[data-theme=dark] .dp-conversation-head{border-bottom:1px solid var(--line)}
html[data-theme=dark] .dp-conversation-head>span{color:var(--muted)}
html[data-theme=dark] .dp-conversation-head i{background:var(--surface)}
html[data-theme=dark] .dp-conversation-head>button{color:var(--muted)}
html[data-theme=dark] .dp-monogram{color:var(--muted)}
html[data-theme=dark] .dp-welcome>p:not(.dp-kicker){color:var(--muted)}
html[data-theme=dark] .dp-prompts button{background:var(--surface);border:1px solid var(--line);color:var(--muted)}
html[data-theme=dark] .dp-prompts button span{color:var(--muted)}
html[data-theme=dark] .dp-user{background:var(--surface)}
html[data-theme=dark] .dp-answer-top{color:var(--muted)}
html[data-theme=dark] .dp-answer blockquote{border-left:2px solid var(--line);color:var(--ink);background:var(--surface)}
html[data-theme=dark] .dp-label{color:var(--muted);background:var(--surface)}
html[data-theme=dark] .dp-label.inference{background:var(--surface);color:var(--muted)}
html[data-theme=dark] .dp-label.unknown{background:var(--surface);color:var(--muted)}
html[data-theme=dark] .dp-label.summary{background:var(--surface);color:var(--muted)}
html[data-theme=dark] .dp-limits{color:var(--muted)}
html[data-theme=dark] .dp-ref{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme=dark] .dp-answer-actions{border-top:1px solid var(--line);color:var(--muted)}
html[data-theme=dark] .dp-answer-actions button{color:var(--muted)}
html[data-theme=dark] .dp-turn.active .dp-answer-actions{border-color:var(--line)}
html[data-theme=dark] .dp-sources{border-top:1px solid var(--line);background:var(--surface)}
html[data-theme=dark] .dp-sources-title>span{color:var(--muted)}
html[data-theme=dark] .dp-sources>p{color:var(--muted)}
html[data-theme=dark] .dp-source{border-top:1px solid var(--line)}
html[data-theme=dark] .dp-source.highlight{background:var(--surface)}
html[data-theme=dark] .dp-source>a{color:var(--muted)}
html[data-theme=dark] .dp-source small{color:var(--muted)}
html[data-theme=dark] .dp-source details{color:var(--muted)}
html[data-theme=dark] .dp-context{background:var(--surface);border-bottom:1px solid var(--line)}
html[data-theme=dark] .dp-context>span{color:var(--muted)}
html[data-theme=dark] .dp-context>a{color:var(--muted)}
html[data-theme=dark] .dp-context small{color:var(--muted)}
html[data-theme=dark] .dp-context button{color:var(--muted)}
html[data-theme=dark] .dp-composer-wrap>p{color:var(--muted)}
html[data-theme=dark] .dp-composer-wrap form{border:1px solid var(--line);background:var(--surface)}
html[data-theme=dark] .dp-composer-wrap textarea:focus-visible{outline:1px solid var(--line)}
html[data-theme=dark] .dp-composer-foot{color:var(--muted)}
html[data-theme=dark] .dp-composer-foot button{color:var(--muted)}
html[data-theme=dark] .knowledge-notice{border-left:2px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme=dark] .knowledge-caption{color:var(--muted)}
html[data-theme=dark] .timeline-years a{color:var(--muted)}
html[data-theme=dark] .timeline-years small{color:var(--muted)}
html[data-theme=dark] .time-slice h2{color:var(--muted)}
html[data-theme=dark] .knowledge-button{border:1px solid var(--line);color:var(--muted)}
html[data-theme=dark] .slice-counts{color:var(--muted)}
html[data-theme=dark] .slice-counts strong{color:var(--muted)}
html[data-theme=dark] .concept-pills a{background:var(--surface);color:var(--muted);border:1px solid var(--line)}
html[data-theme=dark] .concept-pills.pending a{color:var(--muted)}
html[data-theme=dark] .ksource{border-bottom:1px solid var(--line)}
html[data-theme=dark] .ksource-meta{color:var(--muted)}
html[data-theme=dark] .ksource blockquote{border-left:2px solid var(--line);color:var(--ink)}
html[data-theme=dark] .ksource>small{color:var(--muted)}
html[data-theme=dark] .knowledge-empty{color:var(--muted)}
html[data-theme=dark] .concept-facts dt{color:var(--muted)}
html[data-theme=dark] .concept-facts small{color:var(--muted)}
html[data-theme=dark] .relation-note{border:1px solid var(--line)}
html[data-theme=dark] .review-badge{background:var(--surface);color:var(--muted)}
html[data-theme=dark] .all-concept-sources span{color:var(--muted)}
html[data-theme=dark] .graph-filters select{color:var(--muted)}
html[data-theme=dark] .graph-review-filter input{accent-color:var(--accent)}
html[data-theme=dark] .concept-map{background:var(--surface)}
html[data-theme=dark] .map-node rect{fill:var(--elevated);stroke:var(--accent)}
html[data-theme=dark] .map-node:hover rect{fill:var(--elevated);stroke:var(--accent)}
html[data-theme=dark] .map-node-name{fill:var(--muted)}
html[data-theme=dark] .map-node-status{fill:var(--muted)}
html[data-theme=dark] .map-edge-line{stroke:var(--accent)}
html[data-theme=dark] .map-edge-line.suggested{stroke:var(--accent)}
html[data-theme=dark] .map-edge circle{fill:var(--muted)}
html[data-theme=dark] .map-edge:hover .map-edge-line{stroke:var(--accent)}
html[data-theme=dark] .concept-card h3 a{color:var(--muted)}
html[data-theme=dark] .concept-card>p:not(.eyebrow){color:var(--muted)}
html[data-theme=dark] .concept-card small{color:var(--muted)}
html[data-theme=dark] .review-table th{color:var(--muted)}
html[data-theme=dark] .review-table small{color:var(--muted)}
html[data-theme=dark] .dp-concept-context{border-bottom:1px solid var(--line);background:var(--surface);color:var(--muted)}
html[data-theme=dark] .dp-concept-context a{color:var(--muted)}
html[data-theme=dark] .dp-involved{border-top:1px solid var(--line)}
html[data-theme=dark] .dp-involved>span{color:var(--muted)}
html[data-theme=dark] .dp-involved a{border:1px solid var(--line);color:var(--muted)}
html[data-theme=dark] .evolution-stage{border-left:2px solid var(--line)}
html[data-theme=dark] .evolution-stage h3{color:var(--muted)}
html[data-theme=dark] .dp-temporal-summary{color:var(--muted)}
html[data-theme=dark] .dp-edition-label{color:var(--muted)}
html[data-theme=dark] .dp-edition-label span{color:var(--muted)}
html[data-theme=dark] .dp-static-intro{color:var(--ink)}
html[data-theme=dark] .dp-static-detail{color:var(--muted)}
html[data-theme=dark] .dp-sources-toggle{border:1px solid var(--line);color:var(--muted)}
html[data-theme=dark] .archive-volume{background:var(--surface);border-left:6px solid var(--line);color:var(--muted);box-shadow:none}
html[data-theme=dark] .toc-month li{border-bottom:1px solid var(--line)}
html[data-theme=dark] .book-spine{background:var(--surface);border-left:4px solid var(--line);color:var(--muted)}
html[data-theme=dark] .book-review-note{color:var(--muted)}
html[data-theme=dark] .member-reading-tools{border-bottom:1px solid var(--line)}
html[data-theme=dark] .save{color:var(--muted);border:1px solid var(--line)}
html[data-theme=dark] .save:hover{background:var(--surface)}
html[data-theme=dark] #member-status{color:var(--muted)}

.reader-layer{border-bottom:1px solid var(--line);padding:10px 0;color:var(--muted);font:13px/1.7 var(--sans,Arial,sans-serif)}.reader-layer summary{cursor:pointer;min-height:28px;width:fit-content}.reader-layer nav{gap:12px 24px;padding:12px 0 6px}.reader-layer nav a{font-size:13px}