:root[data-design=modern-dark]{--black: #0f0d0c;--surface: #171412;--terracotta: #e07a45;--light: #f3ece4;--muted: #a39a90;--line: rgba(255, 240, 225, .12);--band-A: #e07a45;--band-B: #e8b75a;--band-C: #9cc488;--band-D: #7fb0dc;--band-E: #c99ad4;--ground: #0f0d0c;--tile: #171412;--tile-2: #1e1a17;--border: rgba(255, 240, 225, .09);--border-strong: rgba(255, 240, 225, .18);--text: #f3ece4;--quiet: #a39a90;--very-quiet: #6f675f;--accent: #e07a45;--accent-light: #f0965f;--shadow: none;--background: radial-gradient(60rem 30rem at 85% -10%, rgba(224, 122, 69, .16), transparent 70%), radial-gradient(40rem 30rem at -10% 30%, rgba(127, 176, 220, .06), transparent 70%), #0f0d0c;--glass: rgba(15, 13, 12, .72);--subtle: rgba(255, 255, 255, .04);--pill-bg: rgba(255, 255, 255, .04);--active-bg: rgba(224, 122, 69, .18);--popup: rgba(23, 20, 18, .97);--popup-full: #171412;--surface-hover: #241f1b;--count: #f0965f;--shadow-popup: 0 20px 50px -10px rgba(0, 0, 0, .75);--board-shadow: 0 10px 30px -8px rgba(0, 0, 0, .7);--button-hover: #ffffff;--button-border-bg: transparent;--image-shadow: 0 40px 80px -30px rgba(0, 0, 0, .8);--caption-bg: rgba(15, 13, 12, .7);--bar-bg: rgba(255, 255, 255, .07);--moves-bg: rgba(0, 0, 0, .35);--quote-end: transparent;--arrow-text: #0f0d0c;--svg-line: rgba(255, 240, 225, .14);--band-glow: .12;color-scheme:dark}:root[data-design=modern-light]{--black: #f6f2ec;--surface: #ffffff;--terracotta: #c4592a;--light: #1f1915;--muted: #6a5f55;--line: rgba(60, 40, 25, .14);--band-A: #c4592a;--band-B: #b8861c;--band-C: #4f8a3c;--band-D: #2f6fa8;--band-E: #8a4fa0;--ground: #f6f2ec;--tile: #ffffff;--tile-2: #fbf8f4;--border: rgba(60, 40, 25, .1);--border-strong: rgba(60, 40, 25, .2);--text: #1f1915;--quiet: #6a5f55;--very-quiet: #9a8e83;--accent: #c4592a;--accent-light: #d8703e;--shadow: 0 1px 2px rgba(60, 40, 25, .05), 0 12px 30px -18px rgba(60, 40, 25, .25);--background: radial-gradient(60rem 30rem at 85% -10%, rgba(224, 122, 69, .14), transparent 70%), radial-gradient(40rem 30rem at -10% 30%, rgba(127, 176, 220, .12), transparent 70%), #f6f2ec;--glass: rgba(246, 242, 236, .8);--subtle: rgba(60, 40, 25, .04);--pill-bg: #ffffff;--active-bg: rgba(196, 89, 42, .12);--popup: rgba(255, 255, 255, .98);--popup-full: #ffffff;--surface-hover: #f3ece3;--count: #b4501f;--shadow-popup: 0 18px 45px -12px rgba(60, 40, 25, .35);--board-shadow: 0 10px 30px -12px rgba(60, 40, 25, .45);--button-hover: #000000;--button-border-bg: #ffffff;--image-shadow: 0 40px 70px -35px rgba(60, 40, 25, .55);--caption-bg: rgba(255, 255, 255, .82);--bar-bg: rgba(60, 40, 25, .08);--moves-bg: #f6f2ec;--quote-end: #ffffff;--arrow-text: #ffffff;--svg-line: rgba(60, 40, 25, .16);--band-glow: .1;color-scheme:light}:root{--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}:root .band-A{--band: var(--band-A)}:root .band-B{--band: var(--band-B)}:root .band-C{--band: var(--band-C)}:root .band-D{--band: var(--band-D)}:root .band-E{--band: var(--band-E)}:root body{background:var(--background);background-attachment:fixed;font-family:var(--sans);-webkit-font-smoothing:antialiased}:root :focus-visible{outline-color:var(--accent)}:root button{border-radius:10px;border-color:var(--border-strong)}:root .legend button{border-radius:999px}:root .database-picker select{color:var(--text)}:root .database-picker.in-header{border-radius:12px;border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 9%,var(--tile))}:root .database-picker.in-header svg,:root .database-picker.in-header:after{color:var(--accent)}:root .database-picker.in-header:hover{border-color:var(--accent)}:root .picker-hint{border-color:var(--accent);border-radius:14px;background:var(--tile);color:var(--quiet)}:root .picker-hint:before{border-color:var(--accent);background:var(--tile)}:root .picker-hint b{color:var(--text)}:root .database-picker.in-header.chosen{border-color:var(--accent);background:var(--accent)}:root .database-picker.in-header.chosen select,:root .database-picker.in-header.chosen svg,:root .database-picker.in-header.chosen:after{color:#fff}:root .database-picker.in-header.chosen:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}:root .database-picker.in-header:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}:root .search input{border-radius:12px;border-color:var(--border-strong);background:var(--tile)}:root .hit-area{border-radius:14px;border-color:var(--border);background:var(--popup-full);box-shadow:var(--shadow-popup)}:root .hit-area b{font-family:var(--mono);font-size:.85em}:root .details{background:var(--popup);border-color:var(--border);border-radius:16px;box-shadow:var(--shadow-popup)}:root .details .details-links{background:var(--popup-full)}:root .board{box-shadow:var(--board-shadow)}:root .node .more{fill:var(--count)}:root .net-node:hover .pill,:root .net-node.pinned .pill{fill:var(--surface-hover)}:root .position-info{background:var(--subtle);border-color:var(--border);border-radius:14px}:root .row:hover{background:var(--subtle)}:root .row .count{color:var(--count)}:root .table th{background:var(--ground);border-bottom-color:var(--border-strong)}:root .table td{border-bottom-color:var(--border)}:root .table tbody tr:hover{background:var(--subtle)}:root .table td.number{color:var(--count)}:root .display-toggle button{border-radius:8px}:root .net-dialog{background:var(--background);border-color:var(--border);border-radius:18px}:root .reaction-window,:root .net-window{background:var(--background);border-color:var(--border);border-radius:18px}:root .reaction-header{border-color:var(--border)}:root .reaction-close{border-color:var(--border);color:var(--text)}:root .reaction-moves,:root .reaction-stage figcaption{color:var(--quiet)}:root .reaction-legend{color:var(--muted)}:root .reaction-legend:hover{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}:root .arrow-moves{color:var(--text)}:root .math-hint,:root .math-constants,:root .math-delta span,:root .math-table thead th{color:var(--quiet)}:root .math-curve .dot circle{fill:var(--surface)}:root .back-button{border-radius:10px;border-color:var(--border-strong)}.database-picker.in-header{min-height:2.45rem;border-width:1px}@media (min-width: 801px){.database-picker.in-header{min-width:17rem;max-width:24rem}}:root .database-picker.in-header{--picker: var(--accent)}.database-picker.in-header svg{left:.3rem;box-sizing:content-box;width:1rem;height:1rem;padding:.38rem;border-radius:50%;background:color-mix(in srgb,var(--picker) 16%,transparent)}.database-picker.in-header select{padding:0 2.3rem 0 2.75rem;font-weight:600;letter-spacing:.005em}.database-picker.in-header:after{right:.95rem;width:.42rem;height:.42rem;border-width:0 2px 2px 0}.database-picker.in-header.chosen svg{background:#ffffff38}.database-picker.in-header.chosen{box-shadow:0 6px 16px -10px color-mix(in srgb,var(--picker) 90%,transparent)}
