.appearance-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 4px 17px;color:var(--book-ink);font-family:'DM Sans',sans-serif}
.appearance-bar>div:first-child{display:flex;align-items:center;gap:14px}
.appearance-label{font-size:10px;font-weight:700;letter-spacing:1.8px}
.appearance-hint{font-size:11px;color:var(--book-muted)}
.appearance-toggle{display:flex;padding:4px;gap:3px;border:1px solid var(--book-line);border-radius:13px;background:var(--book-surface)}
.appearance-toggle button{display:flex;gap:8px;align-items:center;justify-content:center;min-width:92px;min-height:35px;padding:6px 14px;border:0;border-radius:9px;color:var(--book-muted);background:transparent;font:600 12px 'DM Sans',sans-serif;cursor:pointer}
.appearance-toggle button span{font-size:17px;line-height:1}
.appearance-toggle button[aria-pressed=true]{background:var(--book-accent);color:var(--book-on);box-shadow:inset 0 1px 0 #ffffff50,0 2px 4px #00000010}
.appearance-toggle button:focus-visible{outline:2px solid var(--book-accent);outline-offset:4px}
.bg-mode-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0}
.bg-mode-chip{border:1px solid var(--bg-line);border-radius:14px;padding:17px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.bg-mode-chip b{font-family:Outfit,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.5px}.bg-mode-chip span{font:500 10px 'DM Sans',sans-serif}
@media(max-width:620px){.appearance-bar{margin:0 3px 13px}.appearance-bar>div:first-child{display:block}.appearance-label{font-size:9px}.appearance-hint{display:block;font-size:9px;margin-top:5px}.appearance-toggle button{min-width:70px;font-size:11px;padding:6px 10px}.bg-mode-pair{grid-template-columns:1fr}.appearance-toggle{border-radius:12px}}