.appearance-settings{border-top:1px solid var(--line);padding:24px 0}
.appearance-settings h3{font-size:17px;margin:0 0 8px}
.appearance-settings p{font-size:13px;color:var(--ink-dim);margin:0 0 16px}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.theme-options button{min-height:46px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--ink);font:600 14px 'DM Sans',sans-serif;cursor:pointer}
.theme-options button[aria-pressed=true]{background:#19222e;color:#fff;border-color:#19222e}

:root[data-theme=dark]{--bg-0:#111820;--bg-top:#111820;--bg-1:#19232f;--bg-2:#243140;--panel:#19232f;--panel-2:#202c3a;--line:#354353;--line-strong:#617287;--ink:#f1f4f8;--ink-dim:#b5c2d2;--ink-faint:#b5c2d2;--cyan:#ff9873;--cyan-soft:#ffb397;--gold:#f0cb75;--gold-deep:#d8b253}
html[data-theme=dark],html[data-theme=dark] body{background:#0b1118}
[data-theme=dark] .app-shell,[data-theme=dark] .pocket-toolbar,[data-theme=dark] .pocket-bottom{background:#111820}
[data-theme=dark] .pocket-bottom{border-color:var(--line)}
[data-theme=dark] .pocket-hero h1 em{color:#ff9873}
[data-theme=dark] .pocket-progress-track{background:#354353}
[data-theme=dark] .pocket-progress-track:before{background:#ff9873}
[data-theme=dark] :is(.screen-card,.preview-dialog,.sheet-card,.state-pop,.celebrate-banner,.sprite-tip){background:#19232f;color:var(--ink)}
[data-theme=dark] .tab-page .sheet-card{background:none}
[data-theme=dark] :is(.board-name-chip,.pocket-toolbar button,.btn,.btn-ghost,.btn-reset,.btn-icon,.theme-options button,.pocket-search input,.btn-code-toggle,.code-val,.code-card.is-used .code-val,.code-card.is-expired .code-val){background:#243140;color:var(--ink);border-color:var(--line-strong)}
[data-theme=dark] .pocket-toolbar #open-filters{background:#243140}
[data-theme=dark] :is(.pocket-toolbar #pocket-edit,.btn-add,.theme-options button[aria-pressed=true],.pocket-toolbar button[aria-pressed=true]){background:#f1f4f8;color:#111820;border-color:#f1f4f8}
[data-theme=dark] .pocket-toolbar #pocket-edit.editing{background:#ff9873;color:#111820;border-color:#ff9873}
[data-theme=dark] :is(.pocket-search,.filter-btn,.filter-btn.seg-icon,.filter-select,.pin-input,.picker-chip,.avatar-pick,.codes-cat-btn,.code-card,.code-thumb-wrap,.state-pop button,.season-note,.sheet-head .btn-icon,.dialog-close){background:#243140;color:var(--ink);border-color:var(--line)}
[data-theme=dark] :is(.filter-btn.is-active,.filter-btn[data-filter=mastered].is-active,.filter-btn[data-filter=lost].is-active,.codes-cat-btn.is-active){background:#f1f4f8;color:#111820;border-color:#f1f4f8}
[data-theme=dark] .pocket-bottom nav button[aria-current=page]{background:#442c26;color:#ffb397}
[data-theme=dark] .name-avatar,[data-theme=dark] .picker-avatar.has-sprite{background:#243140;color:var(--ink)}
[data-theme=dark] .board-name-chip .name-avatar.has-sprite{background:transparent}
[data-theme=dark] .avatar-pick.is-current{border-color:#ff9873;box-shadow:0 0 0 2px #ff9873}
[data-theme=dark] .rarity-tag{color:color-mix(in srgb,var(--rarity) 65%,white)}
/* Keep the collectible artwork bright while its labels follow the page theme. */
[data-theme=dark] .code-card.is-used{background:#20382e}
[data-theme=dark] .code-card.is-expired{background:#242c36}
[data-theme=dark] .code-expired-tag{background:#4c292c;color:#ffb4b4}
[data-theme=dark] :is(.hold-code,.codes-icon-badge){background:#442c26;color:#ffb397;border-color:#795446}
[data-theme=dark] .hold-code span{color:#ffb397}
[data-theme=dark] .state-pop button.is-current{outline-color:#ff9873;background:#354353}
[data-theme=dark] :is(.screen-error,.btn-reset,.save-state.error){color:#ffaaa3}
[data-theme=dark] :is(.screen-ok,.save-state.saved){color:#98dab2}
[data-theme=dark] :is(.cb-word,.cb-sub,.celebrate-close){color:var(--ink)}
[data-theme=dark] .cb-pct{color:#ff9873}
[data-theme=dark] .celebrate-close{background:#243140}
[data-theme=dark] ::selection{background:#ff9873;color:#111820}
[data-theme=dark] .find-input,[data-theme=dark] .login-who{border-color:var(--line-strong)}
[data-theme=dark] .find-item.is-active,[data-theme=dark] .find-item:hover{background:#3a2a24;color:var(--ink)}
[data-theme=dark] .login-notyou{color:#ff9873}
[data-theme=dark] .pin-box:focus{border-color:var(--ink);box-shadow:0 0 0 3px #f1f4f822}
[data-theme=dark] :is(.find-row,.login-who) .picker-avatar:not(.has-sprite){color:#19222e}
:root[data-theme=dark] .fav-star[aria-pressed=true]{color:#f2a37c}
:root[data-theme=dark] .fav-chip{background:#1c2633}
:root[data-theme=dark] #view-trade .fav-chip{background:none}
:root[data-theme=dark] #view-trade .fav-ring{background:#243140;border-color:#ff9873;color:var(--ink)}
[data-theme=dark] .fav-chip .picker-avatar:not(.has-sprite):not(.fav-ring){color:#19222e}
[data-theme=dark] .admin-open,[data-theme=dark] .admin-btn{background:#19232f;color:var(--ink);border-color:var(--line-strong)}
[data-theme=dark] .admin-btn.admin-red{color:#ff9a8c}
[data-theme=dark] .admin-input{background:#111820;color:var(--ink)}
[data-theme=dark] .admin-confirm{background:#2b3a4c;border:1px solid var(--line-strong)}
[data-theme=dark] .admin-av:not(.has-sprite){background:#243140;color:var(--ink)}
[data-theme=dark] .admin-add .btn-add{background:#f1f3f7;color:#19222e;border-color:#f1f3f7}