body[data-theme="purple"]{--accent:#ab82ff;background:#171020}body[data-theme="black"]{background:#000}body[data-theme="black"] .chat,body[data-theme="black"] header{background:#080808}body[data-theme="white"] .chat{background:#fff;color:#16121d}body[data-tab-style="flat"] .rail-channel{border-radius:4px}body[data-tab-style="rounded"] .rail-channel{border-radius:50%}.username{font-weight:var(--username-weight,700)}.hide-mentions-count #mentions-open .rail-count{display:none}.hide-mod-buttons .quick{display:none!important}.chat{position:relative}.completion-popup{display:flex;gap:4px;flex-wrap:wrap;padding:8px;background:#251c36;border-top:1px solid #5d4485;max-height:110px;overflow:auto}.completion-popup button{padding:5px 9px}.send-countdown{align-self:center;white-space:nowrap;color:#c4afff;font-size:11px}.composer{flex-wrap:wrap}.composer input{min-width:80px}.empty-composer .composer:not(:focus-within) input{max-width:120px;opacity:.7}.named-filters{margin:0;width:130px;padding:2px;font-size:11px;flex-shrink:0}.chat-filter{display:flex;gap:5px}.scroll-marks{position:absolute;right:1px;top:90px;bottom:65px;width:6px;pointer-events:none}.scroll-marks button{pointer-events:auto;position:absolute;width:6px;height:5px;padding:0;border:0;border-radius:1px;background:#b79bff}.emoji{width:1.35em;height:1.35em;vertical-align:-.3em;object-fit:contain}#link-preview{max-height:380px;overflow:hidden}#link-preview>div{margin-bottom:5px;font-size:12px}#link-preview img{object-fit:contain;max-height:200px}.preview-small{max-width:100px}.preview-medium{max-width:200px}.preview-large{max-width:310px}.stream-thumbnail{display:block;object-fit:contain}.stream-thumbnail.small{width:120px}.stream-thumbnail.medium{width:220px}.stream-thumbnail.large{width:320px}.valid{color:#78d9ad!important}.invalid{color:#ff98b6!important}.settings-table-row{align-items:end;flex-wrap:wrap}.settings-table-cell{min-width:85px}.settings-table-cell:has(input[aria-label="Ausdruck"]){flex:1;min-width:250px}.settings-table-cell:has(input[aria-label="Ersetzung / Nachricht"]){flex:1;min-width:250px}.settings-panel>button{margin:4px}.settings-panel>p{margin:12px 0}.theme-light .completion-popup{background:#e7deef;color:#16121d}.theme-light .completion-popup button{background:#eee5f5;color:#16121d}
 .empty-composer .composer:not(:focus-within) input,.empty-composer .composer:not(:focus-within) .send-message{display:none}.composer:focus-within .write-message{display:none}
 .hide-send .send-message{display:none!important}.whisper-inline{background:#57377033;border-left:3px solid #bda4ff}#thread-list{max-height:55vh;overflow:auto}

/* About: shared creator identity and visual language with the website. */
.mc-about{container:mc-about/inline-size;margin:0 0 20px;display:grid;gap:16px}
.mc-about-hero{position:relative;isolation:isolate;overflow:hidden;padding:30px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 65%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent)}
.mc-about-label{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:1.5px;margin-bottom:12px}
.mc-about-hero h2{position:relative;font-size:clamp(26px,4vw,38px);line-height:1.1;letter-spacing:-1px;max-width:540px;margin:0 0 16px}
.settings-panel .mc-about p{position:relative;margin:0;line-height:1.8;color:inherit;opacity:.8;font-size:13px}
.mc-about-hero p{max-width:560px}.mc-about-hero p strong{color:var(--accent)}
.mc-about-watermark{position:absolute;z-index:-1;right:12px;bottom:-28px;color:var(--accent);opacity:.07;font-size:160px;font-weight:900;letter-spacing:-18px;pointer-events:none}
.mc-about-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.mc-about-badges>span{padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--accent) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent) 17%,transparent);font-size:11px}
.mc-about-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.mc-about-card{padding:24px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:16px;background:color-mix(in srgb,var(--accent) 4%,transparent);min-width:0}
.mc-about-card h4{font-size:22px;letter-spacing:-.5px;line-height:1.25;margin:0 0 10px}.mc-about-creator{display:flex;align-items:flex-start;gap:16px}.mc-about-creator-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:14px;background:color-mix(in srgb,var(--accent) 15%,transparent);font-size:25px}
.settings-panel .mc-about .mc-about-role{font-size:11px;color:var(--accent);opacity:1;margin:0 0 12px}
.mc-about-owner{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:9px;font-weight:800;letter-spacing:1px;color:var(--accent)}.mc-about-owner>span{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.mc-about-signature{display:flex;flex-direction:column;gap:7px;text-align:center;padding:8px 12px;font-size:10px;line-height:1.6;color:var(--muted)}.mc-about-signature strong{color:var(--accent);font-size:10px;letter-spacing:1px}
@container mc-about (max-width:560px){.mc-about-grid{grid-template-columns:1fr}.mc-about-hero{padding:24px}.mc-about-card{padding:20px}.mc-about-creator-icon{width:38px;height:38px;font-size:22px}}

.title-line{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.feedback-trigger{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;font-size:12px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent);margin-top:7px}.feedback-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#feedback-dialog{width:min(600px,calc(100vw - 32px));max-height:90vh;overflow:auto}#feedback-dialog fieldset{border:0;padding:0;margin:0;min-width:0}#feedback-dialog label{display:block;margin:15px 0;font-size:13px}#feedback-dialog input:not([type=checkbox]),#feedback-dialog textarea,#feedback-dialog select{width:100%;margin-top:7px}#feedback-dialog p{font-size:13px;line-height:1.7}.feedback-attachment{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.feedback-attachment span{font-size:11px;color:var(--muted)}#feedback-image-preview{display:block;max-width:100%;max-height:200px;object-fit:contain;margin:14px 0;border:1px solid #6e5585;border-radius:8px}#feedback-image-preview[hidden]{display:none}#feedback-dialog .feedback-privacy{font-size:11px;color:var(--muted)}.feedback-error{color:#f58aa2}#feedback-reference{color:var(--accent)}
.automod-user{padding:0;border:0;background:transparent;font:inherit;font-weight:700;cursor:pointer}.automod-user:hover{text-decoration:underline;background:transparent}.automod-moderation{margin-top:9px}.automod-moderation[hidden]{display:none}body.logged-in .automod.denied .quick{display:inline-flex;gap:4px;flex-wrap:wrap}.automod.denied{opacity:1}.automod-moderation .quick button{flex-shrink:0}

/* Neutraler Dark Mode; Violett und Schwarz bleiben separat wählbar. */
body[data-theme="dark"]{background:#111214;color:#eceef2;--muted:#a1a5b0}body[data-theme="dark"] aside,body[data-theme="dark"] .chat,body[data-theme="dark"] main{background:#16171b}body[data-theme="dark"] header{background:#1c1e24}body[data-theme="dark"] .chat-head,body[data-theme="dark"] .composer,body[data-theme="dark"] .chat-filter{background:#1a1c21;border-color:#343741}body[data-theme="dark"] dialog{background:#1c1e24;color:#eceef2}body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea{background:#14151a;color:#eceef2;border-color:#424652}body[data-theme="dark"] button{background:#292c34;border-color:#424652}body[data-theme="dark"] button.primary{background:#754be5}body[data-theme="dark"] .room-state{color:#a1a5b0}