html[data-theme=night]{--paper:#11142d;--card:#1b2241;--ink:#eff3ff;--muted:#b8c5df;--line:#a9bce43b;--accent:#bddcff;--olive:#a7c9ff;--danger:#ffb6b3;--field:#111a34;--soft:#253052;--on-accent:#16213a;color-scheme:dark}
html[data-theme=day]{--paper:#f2f5fc;--card:#ffffffdc;--ink:#263853;--muted:#536783;--line:#7389aa40;--accent:#c9ddf4;--olive:#3e648a;--danger:#a5363f;--field:#fff;--soft:#e2eaf6;--on-accent:#243650;color-scheme:light}
body.site-shell{background:var(--paper);color:var(--ink);background-image:radial-gradient(ellipse at top right,#6c85c021,transparent 65%);line-height:1.7}
body.site-shell a{color:inherit}body.site-shell header{border-color:var(--line)}
body.site-shell .brand{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--ink)}
body.site-shell :is(.muted,.meta,.lead,.small,.eyebrow,.number,.tag,footer){color:var(--muted)}
body.site-shell :is(.card,.panel,.empty,.group,.editor,.table-wrap,.tile,.tile-stat,.chart-card,.rank,.notice){background:var(--card);border-color:var(--line);box-shadow:0 8px 32px #152c5810}
body.site-shell :is(input:not([type=checkbox]),textarea,select,.preview,.tabs,.seg,.tip,.test-out){background:var(--field);color:var(--ink);border-color:var(--line)}
body.site-shell :is(.btn.primary,.filters button[aria-pressed=true],.tabs button[aria-selected=true],.seg button[aria-pressed=true]){background:var(--accent);color:var(--on-accent);border-color:var(--line)}
body.site-shell :is(.card.locked,.tag.ok,.badge,.used){background:var(--soft);border-color:var(--line);color:var(--ink)}body.site-shell .card.locked .k{color:var(--muted)}
body.site-shell :is(.field,.notes-list,.notes-list a,.project,#projects,#next,#notes){border-color:var(--line)}
body.admin-shell nav a:hover{background:var(--soft)}body.admin-shell nav a[aria-current]{background:var(--soft);color:var(--ink)}
body.admin-shell :is(.preview code,.hint code,.tile .thumb,.pick,.rank li .b){background:var(--soft)}body.admin-shell .notice.err{background:var(--soft);color:var(--danger)}
body.handout-shell button:not(.appearance-control button){background:var(--accent);color:var(--on-accent);border:1px solid var(--line)}body.handout-shell .filters button{background:var(--soft);color:var(--ink)}body.handout-shell .filters button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}body.handout-shell .error{color:var(--danger)}
body.handout-shell button.danger{color:var(--danger);background:transparent;border-color:var(--danger)}
body.site-shell :is(a,button,input,textarea,select):focus-visible{outline:3px solid var(--olive);outline-offset:4px}
.appearance-control{position:fixed;left:20px;right:auto;bottom:18px;z-index:9998;display:flex!important;align-items:center;gap:7px;padding:7px 10px;margin:0!important;border:1px solid var(--line);border-radius:30px;background:var(--card);color:var(--ink);box-shadow:0 4px 24px #07163320;font:12px Arial,sans-serif;line-height:1.5;backdrop-filter:blur(12px)}
.appearance-control select{width:auto!important;display:inline-block!important;margin:0!important;padding:5px 7px!important;border:0!important;border-radius:20px!important;background:transparent!important;color:inherit!important;font:inherit!important;max-width:180px;cursor:pointer}
.appearance-control option{background:var(--paper);color:var(--ink)}
html[data-theme=day] .home-shell .hero{background:#c3dceb url('/assets/day-sea.svg') center 55%/cover no-repeat}
html[data-theme=day] .home-shell .hero:before{background:linear-gradient(90deg,#edf4f9e8 0%,#ebf3fb60 55%,transparent 85%),linear-gradient(0deg,#f2f5fc,transparent 25%)}
html[data-theme=day] .home-shell header{background:#f2f5fc80}
html[data-theme=day] .home-shell :is(h1,h1 em,.intro,.nav,.project h3,.hero .small,.caption,.hero .art:before){color:var(--ink);text-shadow:none}
html[data-theme=day] .home-shell .dot{background:#5c85a8;box-shadow:0 0 15px #fff}
html[data-theme=day] .home-shell .status{color:var(--ink);border-color:var(--line);background:var(--card)}
html[data-theme=night] .home-shell .brand{color:#e2efff}
body.reader-shell header{background:var(--paper)}body.reader-shell h1{color:var(--ink)}body.reader-shell .appearance-control{bottom:12px}
@media(max-width:700px){.appearance-control{left:10px;right:auto;bottom:10px;font-size:11px;padding:6px 9px}body.site-shell footer{padding-bottom:75px}body.admin-shell header{height:auto;min-height:84px;flex-wrap:wrap;padding:18px 0}.who{flex-wrap:wrap}body.site-shell .links{gap:10px}.home-shell .navs{flex-wrap:wrap;gap:10px}.home-shell header{min-height:78px;height:auto;padding-top:16px;padding-bottom:16px}.home-shell .hero{padding-top:180px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

body.site-shell :is(.jxc-panel,.jxc-head){background:var(--card);color:var(--ink);border-color:var(--line)}body.site-shell .jxc-m.a{background:var(--field);color:var(--ink);border-color:var(--line)}body.site-shell :is(.jxc-btn,.jxc-m.u){background:var(--accent);color:var(--on-accent)}