:root{color-scheme:light}
.os-appearance{margin:22px 0;padding:18px;border:1px solid #fff;border-radius:24px;background:#ffffff8c}.os-appearance h2{font-size:16px;margin:0 0 15px}.os-appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.os-appearance-options button{display:grid;justify-items:start;gap:8px;border:1px solid #e2ddf4;border-radius:19px;padding:16px 12px;background:#fbfafc;color:#6f7089;text-align:left;font:inherit;cursor:pointer}.os-appearance-options button>span{font-size:26px;color:#bc9455}.os-appearance-options button>strong{font-size:14px}.os-appearance-options button>small{font-size:10px;line-height:1.5}.os-appearance-options button[aria-pressed=true]{background:linear-gradient(135deg,#e9e3ff,#dff4ed);border-color:#b7a4ee;box-shadow:0 0 0 1px #b7a4ee;color:#5d4ea2}.os-appearance-options button:focus-visible{outline:3px solid #b7a4ee;outline-offset:3px}
/* Compact appearance selector keeps settings in one short row. */
.os-appearance{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:18px;margin:16px 0}.os-appearance h2{font-size:14px;margin:0;white-space:nowrap}.os-appearance-options{margin-left:auto;gap:6px;flex:1;max-width:260px}.os-appearance-options button{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border-radius:13px;min-height:42px}.os-appearance-options button>span{font-size:19px;line-height:1}.os-appearance-options button>strong{font-size:12px;white-space:nowrap}.os-appearance-options button>small{display:none}