:root{color-scheme:light;--ink:#25342c;--muted:#5b665b;--paper:#f7f6f1;--line:#dedfd4;--surface:#fcfbf7;--surface-hover:#eeeee3;--surface-active:#e8ecdf;--meta:#eeeee4;--accent:#687b47;--accent-muted:#687457;--body-copy:#525e53;--badge:#ede4c9;--badge-ink:#786030;--action:#25342c;--action-text:#f2ebd9;--hero-surface:#172620}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ink:#e5eadf;--muted:#b0bda8;--paper:#111a16;--line:#354438;--surface:#19251e;--surface-hover:#24332a;--surface-active:#2a3b2b;--meta:#213026;--accent:#c2d19d;--accent-muted:#b5c492;--body-copy:#c6d0bf;--badge:#4a4029;--badge-ink:#ead299;--action:#d8b66d;--action-text:#1b251c;--hero-surface:#19291f}}
:root[data-theme=dark]{color-scheme:dark;--ink:#e5eadf;--muted:#b0bda8;--paper:#111a16;--line:#354438;--surface:#19251e;--surface-hover:#24332a;--surface-active:#2a3b2b;--meta:#213026;--accent:#c2d19d;--accent-muted:#b5c492;--body-copy:#c6d0bf;--badge:#4a4029;--badge-ink:#ead299;--action:#d8b66d;--action-text:#1b251c;--hero-surface:#19291f}
body{background:var(--paper);color:var(--ink)}
.card,.mode-card,.difficulty-board,.search-results{background:var(--surface)}
.card:hover,.mode-card:hover{background:var(--surface-hover);border-color:var(--accent-muted)}
.mode-card.is-active,aside .active{background:var(--surface-active)}
.mode-card.is-active{border-color:var(--accent-muted);box-shadow:inset 0 -3px 0 var(--accent-muted)}
.mode-card.is-active:after{color:var(--accent-muted)}
.draft-note,.difficulty-meta{background:var(--meta)}
.draft-note{border-left-color:var(--accent-muted)}
.difficulty-meta,.difficulty-table th,.difficulty-table td:last-child,.difficulty-table td small,.mode-heading>p,.sample-note,.ranking-heading>.overline,.section-heading .eyebrow,.mode-heading .overline,.difficulty-heading .overline{color:var(--muted)}
.difficulty-table th{background:var(--surface)}
td{border-color:var(--line)}
.rank-badge{color:var(--accent-muted)}
.rank-badge.podium{background:var(--badge);color:var(--badge-ink)}
.ranking-heading h1 em,.site-header nav a[aria-current],.card-number,.card-category,.arrow,.nav-number,.difficulty-mark,.difficulty-board[data-difficulty=HARD] .difficulty-mark,.notice-icon,.ranking-note>span,.difficulty-state>span{color:var(--accent-muted)}
.article-layout article section p{color:var(--body-copy)}
.search-area{border-color:var(--line)}
.search-area input::placeholder{color:var(--muted);opacity:1}
.hero{background:var(--hero-surface)}
.difficulty-state button{background:var(--action);color:var(--action-text)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:30px;padding:4px 9px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--muted);font:10px/1.4 system-ui,sans-serif;letter-spacing:0;cursor:pointer}
.theme-toggle:hover{background:var(--surface-hover);color:var(--ink)}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.site-footer,.shell main>footer{align-items:center;flex-wrap:wrap}