[data-appearance="rose-quartz"]{--ap-bg:#fafafa;--ap-surface:#fff;--ap-raised:#ededed;--ap-ink:#202020;--ap-muted:#626262;--ap-accent:#b90c56;--ap-on:#fff;color-scheme:light}
[data-appearance="orchid-noir"]{--ap-bg:#090909;--ap-surface:#151515;--ap-raised:#242424;--ap-ink:#fafafa;--ap-muted:#b4b4b4;--ap-accent:#ff64bd;--ap-on:#161616;color-scheme:dark}
[data-appearance="mint-silk"]{--ap-bg:#f4f4f4;--ap-surface:#fff;--ap-raised:#e6e6e6;--ap-ink:#191919;--ap-muted:#606060;--ap-accent:#007b6a;--ap-on:#fff;color-scheme:light}
[data-appearance="carbon-flare"]{--ap-bg:#050505;--ap-surface:#121212;--ap-raised:#242424;--ap-ink:#fff;--ap-muted:#b3b3b3;--ap-accent:#ff742e;--ap-on:#111;color-scheme:dark}
[data-appearance="polar-grid"]{--ap-bg:#f0f0f0;--ap-surface:#fff;--ap-raised:#e2e2e2;--ap-ink:#111;--ap-muted:#5b5b5b;--ap-accent:#1457d9;--ap-on:#fff;color-scheme:light}
[data-appearance="night-current"]{--ap-bg:#080808;--ap-surface:#141414;--ap-raised:#252525;--ap-ink:#fafafa;--ap-muted:#b5b5b5;--ap-accent:#00dec1;--ap-on:#111;color-scheme:dark}
html[data-appearance]{--bg:var(--ap-bg);--black:var(--ap-bg);--panel:var(--ap-surface);--panel2:var(--ap-raised);--white:var(--ap-ink);--muted:var(--ap-muted);--accent:var(--ap-accent);--red:var(--ap-accent);--blue:var(--ap-accent);--acid:var(--ap-accent);--green:var(--ap-surface);--line:color-mix(in srgb,var(--ap-ink) 12%,transparent);--xbt-bg:var(--ap-bg);--xbt-surface:var(--ap-surface);--xbt-text:var(--ap-ink);--xbt-muted:var(--ap-muted);--xbt-accent:var(--ap-accent);--xbt-accent-dark:var(--ap-accent);--xbt-border:var(--line);background:var(--ap-bg);color:var(--ap-ink)}
html[data-appearance] body{background:var(--ap-bg);color:var(--ap-ink)}
html[data-appearance] :is(.panel,.card,.post,.empty,.feature,.composer,.stats>div,.profile-head,.profile-banner,.dm-room,fieldset,.chatroom,.modal-card,.register-drawer,.xbt-modal,dialog,#search-results,#toast){background:var(--ap-surface);color:var(--ap-ink)}
html[data-appearance] :is(.button,.chat-composer button,.discord-link){background:var(--ap-accent);color:var(--ap-on)}
html[data-appearance] :is(.button.outline,.button.blue,.tag,.avatar,.chat-signin,.dm-person){background:var(--ap-raised);color:var(--ap-ink)}
html[data-appearance] :is(.sidebar nav a,.sidebar-bottom .text-link,#account,.muted,.kicker,.signal-line,.chat-heading small,.chat-meta,.chat-country,.chat-empty,.chat-members small,.chat-toggle-icon,.presence,.info-card p,.modal-card p){color:var(--ap-muted)}
html[data-appearance] :is(.text-link,.panel-heading a,.social-header>a,.stream-links a,.footer .rainbow-text,.chat-heading .rgb-title,.register-drawer h2,.register-drawer p:not(.kicker)){color:var(--ap-ink)}
html[data-appearance] :is(.sidebar nav a.active,.tabs .active,.tabs [aria-pressed=true],.chat-heading,.season-tabs .active,.main-tab.active,.main-tab:hover){background:color-mix(in srgb,var(--ap-accent) 12%,var(--ap-surface));color:var(--ap-ink);border-color:var(--ap-accent)}
html[data-appearance] :is(.season-tabs a>span,.signal-line span,.register-drawer .kicker){color:var(--ap-accent)}
html[data-appearance] :is(.signal-line i,.presence:before,.chat-unread){background:var(--ap-accent);color:var(--ap-on)}
html[data-appearance] :is(.chat-bubble,.mine .chat-bubble){background:var(--ap-raised);color:var(--ap-ink)}
html[data-appearance] .mine .chat-bubble{background:color-mix(in srgb,var(--ap-accent) 10%,var(--ap-raised))}
html[data-appearance] :is(.field input,.field select,.field textarea,.filters input,.filters select,.control,.chat-composer input,.command-bar #global-search,.timezone-control select,select option){background:var(--ap-raised);color:var(--ap-ink)}
html[data-appearance] input::placeholder{color:var(--ap-muted);opacity:1}html[data-appearance] .command-bar input{background:transparent;color:var(--ap-ink)}
html[data-appearance] :is(.events-frame,.xbt-calendar){background:var(--ap-bg)}html[data-appearance] :is(.view-controls button[aria-pressed=true],.date-button[aria-pressed=true]){background:var(--ap-accent);color:var(--ap-on)}html[data-appearance] :is(.is-today,.day-cell.selected,.xbt-event){background:color-mix(in srgb,var(--ap-accent) 10%,var(--ap-surface));color:var(--ap-ink)}html[data-appearance] .event-time{color:var(--ap-accent)}
html[data-appearance] .rainbow-text{background-image:linear-gradient(90deg,var(--ap-ink),var(--ap-accent),var(--ap-ink));-webkit-background-clip:text;background-clip:text}html[data-appearance] .platform-label img{filter:none}html[data-appearance="orchid-noir"] .platform-label img,html[data-appearance="carbon-flare"] .platform-label img,html[data-appearance="night-current"] .platform-label img{filter:invert(1)}
.appearance-toggle{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:18px;z-index:70;width:44px;height:44px;display:grid;place-items:center;background:var(--ap-surface);color:var(--ap-accent);border:1px solid var(--line);border-radius:50%;box-shadow:0 4px 18px #0002;cursor:pointer}
html[data-appearance] .appearance-dialog{position:fixed;inset:auto auto 76px 18px;margin:0;width:min(460px,calc(100vw - 36px));max-height:75svh;overflow:auto;padding:22px;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 80px #0005;font-family:Arial,sans-serif;color:var(--ap-ink);background:var(--ap-surface)}
.appearance-dialog::backdrop{background:#0005}.appearance-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.appearance-heading h2{font:500 20px/1.3 Arial,sans-serif;letter-spacing:-.4px;text-transform:none;margin:0}.appearance-heading p{font:12px/1.5 Arial,sans-serif;color:var(--ap-muted);margin:6px 0 0}.appearance-close{background:none;color:var(--ap-ink);border:0;font-size:24px;cursor:pointer;align-self:start}.appearance-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px}.appearance-presets button{padding:14px;text-align:left;border:2px solid transparent;border-radius:10px;background:var(--ap-bg);color:var(--ap-ink);cursor:pointer}.appearance-presets button[aria-pressed=true]{border-color:var(--ap-accent)}.appearance-presets strong,.appearance-presets small{display:block;font:600 13px/1.5 Arial,sans-serif}.appearance-presets small{font-size:10px;font-weight:400;color:var(--ap-muted)}.appearance-swatch{display:flex;gap:5px;margin-bottom:12px}.appearance-swatch i{width:20px;height:20px;border-radius:50%;background:var(--ap-ink)}.appearance-swatch i:nth-child(2){background:var(--ap-raised);border:1px solid var(--ap-muted)}.appearance-swatch i:nth-child(3){background:var(--ap-accent)}.appearance-toggle:focus-visible,.appearance-presets button:focus-visible{outline:2px solid var(--ap-accent);outline-offset:3px}
.embed-workspace .appearance-toggle{display:none}

html[data-appearance]{--xbt-black:var(--ap-bg);--xbt-black-soft:var(--ap-surface);--xbt-surface-raised:var(--ap-raised);--xbt-white:var(--ap-ink);--xbt-teal:var(--ap-accent);--xbt-teal-bright:var(--ap-accent);--xbt-teal-dark:var(--ap-accent)}
html[data-appearance] :is(.xbt-hero-bottom p,.xbt-inventory-intro p,.contact-intro>p:not(.xbt-micro)){color:var(--ap-muted)}html[data-appearance] .delivery-notice{background:var(--ap-raised);color:var(--ap-ink)}html[data-appearance] .main-tab{color:var(--ap-muted)}html[data-appearance] .info-card{background:color-mix(in srgb,var(--ap-accent) 5%,var(--ap-surface))}html[data-appearance] .info-card:hover{background:var(--ap-raised);box-shadow:0 14px 40px #0002}html[data-appearance] .info-links a{background:var(--ap-raised);color:var(--ap-ink)}html[data-appearance] .info-links span{color:var(--ap-accent)}

html[data-appearance] .hub>.panel{background:transparent}

html[data-appearance] #season-panel,html[data-appearance] #battlefy-panel{background:transparent}