#appearance-toggle{position:fixed;bottom:18px;left:24px;z-index:20;border:1px solid #ffffff24;border-radius:20px;background:#12161eee;color:#b4bcc6;padding:8px 13px;font:12px system-ui;cursor:pointer;min-height:36px}
#appearance-toggle:focus-visible{outline:2px solid #9e7847;outline-offset:3px}
html.starmap-front #appearance-toggle{display:none}
.planet-scene #appearance-toggle{left:auto;right:40px;bottom:101px}
html[data-appearance=white]{color-scheme:light;background:#fff;color:#303a46}
html[data-appearance=white] body{background:#fff;color:#303a46}
html[data-appearance=white] #appearance-toggle{background:#fffffff2;border-color:#dce1e6;color:#65717e}
/* Pure paper and a single translucent reading layer, with no darkening of the canvas. */
html[data-appearance=white].starmap-bg #planet-frame{filter:none!important;background:#fff!important}
html[data-appearance=white] #starmap-veil{background:linear-gradient(90deg,#fffffff7,#fffffff0 60%,#ffffffdb)!important}
html[data-appearance=white] body .NoteColumnsContainer .NoteContainer{box-shadow:1px 0 0 #293b5110!important}
html[data-appearance=white] body .StaticHeader,html[data-appearance=white] body .NotePageRoot>header{background:#fffffff5!important;border-color:#e9edf0!important}
html[data-appearance=white] body .Footer .LinkedNote.Backlink{background:#f8fafb!important;border-color:#e5e9ed!important}
html[data-appearance=white] body .Footer .LinkedNote.Backlink:hover{background:#eef3f7!important}
html[data-appearance=white] #starmap-hint,html[data-appearance=white] .starmap-out{background:#fffffff0!important;color:#697581;border-color:#e1e6eb}
html[data-appearance=white] .starmap-out kbd{color:#7a8591}
/* Planet navigation and full note typography. */
html[data-appearance=white] .planet-scene{background:#fff;color:#34404c}
html[data-appearance=white] .brand span,html[data-appearance=white] .header-actions{color:#79848e}
html[data-appearance=white] .eyebrow,html[data-appearance=white] #status{color:#866b4c}
html[data-appearance=white] h1{color:#2d3945}
html[data-appearance=white] #excerpt{color:#4d5965}
html[data-appearance=white] #excerpt a{color:#8b633e;text-decoration-color:#ad8a6666}
html[data-appearance=white] #excerpt blockquote{color:#667380;border-left-color:#ccd5de}
html[data-appearance=white] #excerpt pre{background:#f4f7f9;color:#465564}
html[data-appearance=white] #excerpt td,html[data-appearance=white] #excerpt th,html[data-appearance=white] #excerpt hr{border-color:#dce3ea}
html[data-appearance=white] .read{border-color:#a5b2bf}
html[data-appearance=white] .read span,html[data-appearance=white] .star-enter{color:#8b633e}
html[data-appearance=white] #relation,html[data-appearance=white] #count,html[data-appearance=white] .hint{color:#798591}
html[data-appearance=white] .controls button{background:#fffffff0;border-color:#dce3e9;color:#53616f}
html[data-appearance=white] .controls button:hover{border-color:#9bafc1;color:#243343}
html[data-appearance=white] .controls kbd{color:#788a9b}
html[data-appearance=white] #stops button:after{background:#b9c4ce}
html[data-appearance=white] #stops button[aria-current=true]:after{background:#967044;box-shadow:0 0 7px #a4825530}
html[data-appearance=white] #stops button:last-child:after{background:transparent;border-color:#8196a9}
html[data-appearance=white] .star-label{text-shadow:0 1px 4px #fff,0 0 9px #fff}
html[data-appearance=white] .star-name,html[data-appearance=white] .star-label.core .star-name{color:#506275}
html[data-appearance=white] .star-label.expanded.show-name .star-name{background:#fffffff5;border-color:#cdd7e1;color:#334859}
html[data-appearance=white] .is-sea h1{color:#384e64}
html[data-appearance=white] .is-sea #excerpt{color:#738393}
html[data-appearance=white] .material-lab{background:#fffffff2;border-color:#dbe3ea;box-shadow:0 8px 28px #2b496009;color:#536678}
html[data-appearance=white] .material-modes{background:#f3f6f8}
html[data-appearance=white] .material-modes button{color:#60778b}
html[data-appearance=white] .material-modes button[aria-pressed=true]{color:#866440;border-color:#d7c4ae;background:#fff}
html[data-appearance=white] .material-sample select{background:#fff;border-color:#d4dfe8;color:#445d72}
html[data-appearance=white] #material-description{color:#708294}
@media(max-width:900px){html[data-appearance=white] .planet-scene #caption{background:linear-gradient(90deg,#fffffff5,#ffffffe8 85%,#ffffff00)}}
@media(max-width:700px){#appearance-toggle{left:auto;right:15px;bottom:18px}.planet-scene #appearance-toggle{right:20px;bottom:115px}}

html[data-appearance=white] {
  color-scheme: light;
  --garden-paper: #ffffff;
  --garden-surface: #ffffff;
  --garden-surface-muted: #f7f7f7;
  --garden-ink: #292721;
  --garden-ink-soft: #3f3b34;
  --garden-muted: #777168;
  --garden-faint: #aaa39a;
  --garden-line: #e5e5e5;
  --garden-link: #2f70b7;
  --garden-link-hover: #1f568e;
  --garden-link-soft: rgba(47, 112, 183, 0.11);
  --garden-note-link-line: rgba(217, 120, 45, 0.4);
  --garden-note-link-glow: rgba(217, 120, 45, 0.2);
  --garden-note-link-glow-faint: rgba(246, 211, 91, 0.07);
  --garden-external-link-line: rgba(47, 112, 183, 0.28);
  --garden-accent: #d9782d;
  --garden-accent-soft: rgba(217, 120, 45, 0.13);
  --garden-highlight: rgba(246, 211, 91, 0.62);
  --garden-selection: rgba(217, 120, 45, 0.22);
  --garden-code-ink: #7a3f1e;
  --garden-code-bg: #f2ece3;
  --garden-code-border: #e8dfd1;
  --garden-code-block-ink: #44403a;
  --garden-code-block-bg: #f4efe7;
  --garden-shadow:
    -14px 0 36px rgba(0, 0, 0, 0.08),
    0 0 0 1px rgba(0, 0, 0, 0.06);
  --garden-shadow-active:
    -18px 0 44px rgba(0, 0, 0, 0.11),
    0 0 0 1px rgba(0, 0, 0, 0.08);
  --garden-radius: 14px;
  --garden-font-ui:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --garden-font-reading:
    "Iowan Old Style", "Palatino Linotype", Georgia,
    "Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", STSong, serif;
--garden-link:#8b633e;--garden-link-hover:#624326;--garden-accent:#a77943;--glass-bg:rgba(255,255,255,.94);
}
/* Keep reading controls off the text, including the narrow header's open middle. */
#appearance-toggle{top:8px;right:24px;bottom:auto;left:auto}
.planet-scene #appearance-toggle{top:auto;bottom:101px}
html[data-appearance=white] body .StaticHeader,html[data-appearance=white] body .NotePageRoot>header{box-shadow:0 1px 0 #293b5110!important}
html[data-appearance=white] body .PrimaryNote .MarkdownContainer blockquote,html[data-appearance=white] .StaticNote blockquote{color:#65717c!important;border-left-color:#ced7df!important}
html[data-appearance=white] :is(.GardenSearchButton kbd,.StaticSearch kbd,.GardenSearchClose,.GardenSearchFooter kbd){color:#78818a;background:#f4f6f8;border-color:#dfe4e8}
html[data-appearance=white] .GardenSearchOverlay{background:#324b6533}
html[data-appearance=white] .GardenSearchDialog{background:#fff;border-color:#dde5ed;box-shadow:0 18px 55px #24395020}
html[data-appearance=white] :is(.GardenSearchFooter,.GardenSearchResult[aria-selected=true],.GardenBackButton:hover){background:#f4f7f9}
html[data-appearance=white] body .NotePageRoot>header .GardenNavLink:hover{background:#f2f5f7}
html[data-appearance=white] body .ObscuredLabel{background:linear-gradient(90deg,#fffffff5,#ffffffa0);border-left-color:#dfe5eb}
html[data-appearance=white] body .PrimaryNote .MarkdownContainer :is(th,td){border-color:#dfe5eb}
html[data-appearance=white] .planet-scene :is(a:hover,button:hover){color:#344e65}
html[data-appearance=white] *{scrollbar-color:#c6d0d9 transparent}
@media(max-width:700px){#appearance-toggle{top:9px;left:110px;right:auto;bottom:auto;font-size:10px;padding:5px 9px;min-height:30px}.planet-scene #appearance-toggle{top:auto;left:auto;right:20px;bottom:115px}}