html[data-appearance]{--ui-bg:#f7f2eb;--ui-panel:#fffdf9;--ui-soft:#f0e6db;--ui-ink:#362632;--ui-muted:#705c68;--ui-line:#d8c5b4;--ui-accent:#69314b;--ui-on-accent:#fff6ea;--ui-gold:#805b23}
html[data-appearance=night]{--ui-bg:#140f17;--ui-panel:#261c2b;--ui-soft:#332638;--ui-ink:#f9efe4;--ui-muted:#d0bdcc;--ui-line:#685269;--ui-accent:#eed0a0;--ui-on-accent:#311d29;--ui-gold:#eed0a0}
html[data-appearance] body{background:var(--ui-bg)!important;color:var(--ui-ink)!important;--cream:var(--ui-bg);--ink:var(--ui-ink);--muted:var(--ui-muted);--line:var(--ui-line);--wine:var(--ui-accent)}
.internal-appearance{box-sizing:border-box;max-width:1500px;margin:0 auto;padding:10px 24px 0;display:flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--ui-muted);font:13px/1.4 system-ui}.internal-appearance>span{margin-right:8px}.internal-appearance button{font:600 13px/1.4 system-ui;border:1px solid var(--ui-line);background:var(--ui-panel);color:var(--ui-ink);border-radius:22px;padding:9px 15px;min-height:40px;cursor:pointer}.internal-appearance button[aria-pressed=true]{background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent)}.internal-appearance button:focus-visible{outline:3px solid var(--ui-gold);outline-offset:3px}
html[data-appearance] :is(.shop-toolbar,.messenger-links,footer,.closing){color:var(--ui-muted)!important;border-color:var(--ui-line)!important}
html[data-appearance] :is(.shop-toolbar,.messenger-links,.closing) a{color:var(--ui-accent)!important}
html[data-appearance] .closing :is(p,small){color:var(--ui-muted)!important}
html[data-appearance] :is(.cinema-account,.cinema-poster,.family-universe,.community-box,.card,.invoice,.family-status){background:var(--ui-panel)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:none}
html[data-appearance] :is(.cinema-space,.community-box,.card) :is(h2,h3){color:var(--ui-ink)!important}
html[data-appearance] :is(.cinema-heading>p,.cinema-poster>p,.card p,.community-box .small,.community-author time){color:var(--ui-muted)!important}
html[data-appearance] :is(.cinema-account summary,.cinema-space .eyebrow,.cinema-space a:not(.button),.community-box a,.community-tabs a){color:var(--ui-accent)}
html[data-appearance] :is(.cinema-space .button,.family-universe span,.cinema-poster-image>span,.community-box .button,.community-tabs [aria-current]){background:var(--ui-accent)!important;color:var(--ui-on-accent)!important;border-color:var(--ui-accent)!important}
html[data-appearance] .family-hub-nav{background:var(--ui-panel)!important;border-color:var(--ui-line)!important}
html[data-appearance] .family-hub-nav a{color:var(--ui-ink)!important}
html[data-appearance] :is(.family-hub-nav [aria-current],.family-hub-nav a:hover,.community-sidebar button[aria-pressed=true]){background:var(--ui-soft)!important;color:var(--ui-accent)!important}
html[data-appearance] :is(.community-box input:not([type=radio]),.community-box textarea,.community-box select,.community-box button:not(.button),.composer-tools button,#more-posts){background:var(--ui-soft);color:var(--ui-ink);border-color:var(--ui-line)}
html[data-appearance] :is(.community-comment,fieldset,.community-tabs a){border-color:var(--ui-line)}
/* Keep cinematic photography and its light captions intact in both modes. */
html[data-appearance] .cinema-banner-copy :is(h1,p){color:#fff6e9!important}html[data-appearance] .cinema-banner-copy .eyebrow{color:#eed0a0!important}
html[data-appearance] .messenger-app{background:var(--ui-panel);color:var(--ui-ink);border-color:var(--ui-line)}
html[data-appearance] .messenger-app :is(.messenger-sidebar,.thread-heading,#chat-form,#read-only){background:var(--ui-panel)!important;color:var(--ui-ink);border-color:var(--ui-line)}
html[data-appearance] .messenger-app :is(.sidebar-heading,.sidebar-profile){border-color:var(--ui-line);color:var(--ui-ink)}
html[data-appearance] .messenger-app :is(.sidebar-heading small,.sidebar-profile small,.sidebar-label,.chat-rules,[data-room] small,#realtime-status,#chat-status,.message-menu summary,.message-actions button,.chat-message time,#chat-attachments>button,#chat-attachments>small){color:var(--ui-muted)!important}
html[data-appearance] .messenger-app [data-room]{color:var(--ui-ink)}html[data-appearance] .messenger-app [data-room][aria-current]{background:var(--ui-soft);color:var(--ui-accent)}
html[data-appearance] .messenger-app :is(.chat-message,.empty,.theme-options){background:var(--ui-panel)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)}
html[data-appearance] .messenger-app :is(.chat-message.mine,#message,#reply,.chat-message blockquote,.thread-symbol,.theme-options button){background:var(--ui-soft)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)}
html[data-appearance] .messenger-app :is(.chat-message>strong,.theme-picker summary,#open-rooms,#close-rooms){color:var(--ui-accent)!important}
html[data-appearance] .messenger-app .send-message{background:var(--ui-accent);color:var(--ui-on-accent)}
html[data-appearance=night] .messenger-app .messenger-thread{background-color:#453548;background-blend-mode:multiply}
html[data-appearance] .messenger-app .thread-notices{background:var(--ui-panel)}
html[data-appearance] .messenger-app input::placeholder,html[data-appearance] textarea::placeholder{color:var(--ui-muted);opacity:1}
@media(max-width:600px){.internal-appearance{padding:8px 12px 0}.internal-appearance>span{font-size:12px}.internal-appearance button{padding:8px 13px}}
@media print{.internal-appearance{display:none!important}}
html[data-appearance] .messenger-app .theme-picker summary{background:var(--ui-soft)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important}html[data-appearance] .family-hub-nav svg{color:var(--ui-accent)!important}
html[data-appearance] .button{background:var(--ui-accent)!important;color:var(--ui-on-accent)!important;border-color:var(--ui-accent)!important}html[data-appearance] :is(.community-box textarea,.community-box input,#message)::placeholder{color:var(--ui-muted)!important;opacity:1}

/* Keep foreground and surface colors paired in both appearance modes. */
html[data-appearance] footer{background:var(--ui-bg)!important;color:var(--ui-muted)!important}
html[data-appearance] footer :is(a,span,small){color:var(--ui-muted)!important}
html[data-appearance] .village-page>.eyebrow{color:var(--ui-gold)!important}
html[data-appearance] .community-avatar{color:var(--ui-ink)!important;background-color:var(--ui-soft)}
html[data-appearance] .community-avatar>span{color:var(--ui-ink)!important}
html[data-appearance] :is(input,textarea)::placeholder{color:var(--ui-muted)!important;opacity:1}
html[data-appearance] .messenger-app .room-symbol{color:var(--ui-gold)}
html[data-appearance] .community-search-results{background:var(--ui-panel);color:var(--ui-ink)}
html[data-appearance] .community-search-results :is(a,span,strong){color:var(--ui-ink)}
html[data-appearance] .community-search-results small{color:var(--ui-muted);opacity:1}

html[data-appearance] .community-cover>span{background:#261c2b;color:#fff8e8;padding:4px 7px;border-radius:4px}