/* DomiMuse user chat appearance v1. Theme names/storage match the homepage. */
:root{--page:#faf9f6;--surface:#fff;--side:#efede7;--text:#292824;--muted:#74716a;--line:#d9d6cf;--hover:#e9e6df;--accent:#a65c42;--accent-text:#fff;--bubble:#efede7;--bubble-text:#292824;--danger:#a63333;--glow:transparent;--backdrop:none;--heading:#39362f;color:var(--text);background:var(--page)}
:root[data-theme="nebula"]{color-scheme:dark;--page:#0b0912;--surface:#171321;--side:#100c1b;--text:#eee7fc;--muted:#afa1c3;--line:#473259;--hover:#2c203c;--accent:#bf88ff;--accent-text:#211131;--bubble:#6c3c96;--bubble-text:#fff;--danger:#ffa5b3;--glow:#ad70e926;--heading:#f4ecff;--backdrop:radial-gradient(ellipse at 5% 0%,#54247942,transparent 58%),radial-gradient(ellipse at 100% 0%,#26346838,transparent 50%)}
:root[data-theme="ocean"]{color-scheme:dark;--page:#06141c;--surface:#0b202c;--side:#081c28;--text:#deedf7;--muted:#9bb7c9;--line:#24485e;--hover:#15354a;--accent:#be88ff;--accent-text:#221433;--bubble:#7042a0;--bubble-text:#fff;--danger:#ffacbc;--glow:#51b9e922;--heading:#e2f4ff;--backdrop:radial-gradient(ellipse at 0% 0%,#12668b55,transparent 60%),radial-gradient(ellipse at 100% 0%,#00786b38,transparent 55%)}
:root[data-theme="contrast"]{color-scheme:dark;--page:#000;--surface:#090909;--side:#050505;--text:#fff;--muted:#ddd;--line:#aaa;--hover:#292929;--accent:#f0ceff;--accent-text:#000;--bubble:#34254d;--bubble-text:#fff;--danger:#ffb5b5;--heading:#fff}
:root[data-theme="light"]{color-scheme:light}
body{background:var(--backdrop),var(--page);color:var(--text)}
.workspace{height:100dvh;overflow:hidden;background:transparent}aside{background:var(--side);border-color:var(--line)}header{border-color:var(--line)}
button,input,dialog,.auth-card{background:var(--surface);border-color:var(--line);color:var(--text)}textarea{color:var(--text)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.text-button,.new-chat,nav button{background:transparent}.text-button:hover,nav button:hover,nav button.active{background:var(--hover)}
.muted,.fine,.brand span,.section-label,.runtime,.composer-actions small,.empty{color:var(--muted)}.account{border-color:var(--line)}.search-label input{background:var(--surface)}.danger,.error{color:var(--danger)}
.empty h2{color:var(--heading)}.spark,.turn .role{color:var(--accent)}.turn.user{background:var(--bubble);color:var(--bubble-text)}.turn.user .role{color:inherit}.turn .state{color:var(--muted)}
#composer{background:var(--surface);border-color:var(--line);box-shadow:0 0 0 3px var(--glow),0 8px 30px #00000010;flex-shrink:0}.composer-wrap{flex-shrink:0}.message-list{min-height:0}.notice:not(:empty){background:var(--hover);color:var(--text)}
:root:not([data-theme="light"]) .brand{font-family:Inter,"Segoe UI",sans-serif;letter-spacing:-.7px;color:var(--accent)}:root:not([data-theme="light"]) .empty h2{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}
[data-font-size="standard"] .turn .body{font-size:15px}[data-font-size="comfortable"] .turn .body{font-size:17px}[data-font-size="large"] .turn .body{font-size:20px}
[data-font-size="standard"] #message{font-size:15px}[data-font-size="comfortable"] #message{font-size:17px}[data-font-size="large"] #message{font-size:20px}
.chat-appearance{position:relative;flex-shrink:0;z-index:10}.chat-appearance summary{list-style:none;cursor:pointer;padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--text);white-space:nowrap;font-weight:600;font-size:13px}.chat-appearance summary::-webkit-details-marker{display:none}.chat-appearance[open] summary{background:var(--hover)}
.chat-appearance-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(300px,calc(100vw - 32px));padding:20px;border-radius:15px;border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:0 15px 50px #0004}.chat-appearance-panel strong{display:block;margin-bottom:16px}.chat-appearance-panel fieldset{border:0;padding:0;margin:0 0 18px}.chat-appearance-panel legend{font-size:12px;color:var(--muted);margin-bottom:9px}.chat-appearance-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chat-appearance-options button{font-size:13px}.chat-appearance-options button[aria-pressed="true"]{border-color:var(--accent);background:var(--hover);box-shadow:inset 0 0 0 1px var(--accent)}.chat-appearance-panel small{color:var(--muted);font-size:11px}
.auth-card{position:relative;padding-top:70px}.auth-card>.chat-appearance{position:absolute;top:20px;right:24px}button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent)}
@media(max-width:760px){header{flex-wrap:wrap;gap:5px}header h1{min-width:90px}.header-actions{gap:4px;margin-left:auto}.chat-appearance summary{padding:7px 8px}.chat-appearance-panel{right:0}.empty{margin-top:7vh}.composer-wrap{padding-bottom:10px}.composer-wrap>.fine{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
