:root {
  color-scheme: dark;
  --configured-accent: #806cff;
  --configured-accent-2: #32d6b2;
  --configured-surface: #111522;
  --configured-surface-2: #0f131e;
  --configured-surface-3: #3a3e4a;
  --configured-bg: #080a12;
  --configured-text: #f7f8ff;
  --configured-muted: #9da8bd;
  --configured-line: rgba(41,48,71,0.620);
  --configured-shadow: 0 20px 72px rgba(0,0,0,0.216);
  --accent: #806cff;
  --accent-2: #32d6b2;
  --surface: #111522;
  --bg: #080a12;
  --page-background: #080a12;
  --text: #f7f8ff;
  --muted: #9da8bd;
  --line: rgba(41,48,71,0.620);
  --shadow: 0 20px 72px rgba(0,0,0,0.216);
  --composer-bg: rgba(0,13,51,0.940);
  --design-panel: rgba(17,21,34,0.940);
  --design-sidebar: rgba(0,10,41,0.960);
  --design-control: #2d303d;
  --design-control-hover: #2c2a57;
  --design-input: #0b0d16;
  --ui-radius: 10px;
  --message-width: 100%;
  --message-bubble-max-width: 920px;
  --community-bg: #080a12;
  --surface-bg: rgba(17,21,34,0.940);
  --surface-bg-alpha: 0.94;
  --panel-bg: rgba(17,21,34,0.940);
  --panel-border: #293047;
  --text-primary: #f7f8ff;
  --text-secondary: #9da8bd;
  --button-bg: rgba(109,88,232,1.000);
  --button-text: #ffffff;
  --button-border: #806cff;
  --button-hover: #5f4bd2;
  --button-active: #503dbd;
  --button-focus: #b5adff;
  --secondary-button-bg: #20263a;
  --secondary-button-text: #f7f8ff;
  --ghost-button-text: #c8c3ff;
  --danger-button-bg: #b93c50;
  --danger-button-text: #ffffff;
  --live-button-bg: #e5394f;
  --link-color: #9a8cff;
  --link-hover: #b8b1ff;
  --link-active: #d2ceff;
  --link-focus: #c9c3ff;
  --focus-color: #a99dff;
  --input-text: #f7f8ff;
  --input-placeholder: #7f8ba3;
  --navigation-text: #c4cbe0;
  --navigation-active: #806cff;
  --navigation-hover: #252b40;
  --navigation-icon: #a99dff;
  --room-text: #b7c1d4;
  --room-active: #29234f;
  --room-hover: #1b2031;
  --room-badge: #806cff;
  --user-name: #f7f8ff;
  --user-role: #9da8bd;
  --user-status: #32d6b2;
  --user-hover: #1b2031;
  --divider-color: #293047;
  --live-text: #f7f8ff;
  --live-accent: #e5394f;
  --input-bg: rgba(12,16,27,0.960);
  --input-border: #343d58;
  --header-bg: rgba(10,13,22,0.960);
  --navigation-bg: rgba(10,13,22,0.960);
  --sidebar-bg: rgba(0,10,41,0.940);
  --room-list-bg: rgba(10,13,22,0.960);
  --user-list-bg: rgba(10,13,22,0.960);
  --chat-bg: rgba(17,21,34,0.920);
  --message-bg: rgba(17,21,34,0.940);
  --messenger-bg: rgba(17,21,34,0.940);
  --messenger-sidebar-bg: rgba(10,13,22,0.960);
  --dashboard-bg: rgba(17,21,34,0.940);
  --profile-bg: rgba(17,21,34,0.940);
  --live-bg: rgba(17,21,34,0.940);
  --modal-bg: rgba(17,21,34,0.980);
  --dropdown-bg: rgba(17,21,34,0.980);
  --footer-bg: rgba(10,13,22,0.960);
  --login-panel-bg: rgba(17,21,34,0.940);
  --own-message-bg: #242052;
  --other-message-bg: #111522;
  --private-header-bg: #0a0d16;
  --private-composer-bg: #0a0d16;
  --private-attachment-bg: #171c2b;
  --private-date-color: #9da8bd;
  --ui-focus: #a99dff;
  --ui-success: #32d6b2;
  --ui-warning: #f4b942;
  --ui-danger: #ef5f75;
  --button-height: 42px;
  --button-padding-x: 16px;
  --button-font-size: 14px;
  --input-height: 44px;
  --panel-radius: 16px;
  --panel-padding: 16px;
  --icon-size: 18px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --header-padding-x: 18px;
  --header-padding-y: 14px;
  --header-gap: 12px;
  --panel-header-gap: 10px;
  --personal-room-sidebar-width: 286px;
  --personal-community-sidebar-width: 330px;
  --private-own-bg: rgba(36,32,82,1.000);
  --private-own-text: #f7f8ff;
  --private-own-border: #806cff;
  --private-own-name: #9a8cff;
  --private-own-name-weight: 700;
  --private-other-bg: rgba(17,21,34,1.000);
  --private-other-text: #f7f8ff;
  --private-other-border: #293047;
  --private-other-name: #f7f8ff;
  --private-other-name-weight: 700;
  font-size: 1.00em;
}

html, body { background-color: #080a12; }
body {
  color: #f7f8ff;
  font-family: Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  background-image: linear-gradient(rgba(8,10,18,0.720),rgba(8,10,18,0.720)),url("https:\/\/sound-channel.eu\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-6.-Juli-2025-20_20_20.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
body.rsc-app, .chat-workspace { background-color: #080a12 !important; }
.chat-workspace { background-image: linear-gradient(rgba(8,10,18,0.720),rgba(8,10,18,0.720)),url("https:\/\/sound-channel.eu\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-6.-Juli-2025-20_20_20.png") !important; }
a { color: #806cff; }
a:hover { color: #32d6b2; }

.radio-bar,
.room-sidebar,
.community-panel,
.admin-sidebar {
  background: rgba(0,10,41,0.960) !important;
  color: #f7f8ff !important;
  backdrop-filter: blur(18px);
}
.channel-header,
.composer,
.drawer,
.mobile-navigation,
.auth-panel {
  background: rgba(0,13,51,0.940) !important;
  color: #f7f8ff !important;
  backdrop-filter: blur(18px);
}
.message-bubble,
.card,
.admin-card,
.metric-card,
.auth-card,
.side-card,
.search-dialog,
.design-dialog,
.message-style-dialog,
.cockpit-dialog,
.mention-suggestions,
.cockpit-card,
.cockpit-section,
.smilie-popover,
.toast {
  background: rgba(17,21,34,0.940) !important;
  color: #f7f8ff !important;
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}

input, textarea, select, .room-filter, .editor-row textarea {
  border-color: var(--line) !important;
  background: #0b0d16 !important;
  color: #f7f8ff !important;
}
input::placeholder, textarea::placeholder { color: #9da8bd !important; opacity: .9; }
select option { background: #111522; color: #f7f8ff; }
input[type="checkbox"], input[type="radio"] { accent-color: #806cff; }

button,
.auth-submit,
.send-button,
.install-submit {
  border: 1px solid #806cff;
  background: linear-gradient(135deg,rgba(109,88,232,1.000),rgba(50,214,178,1.000));
  color: #ffffff;
  border-radius: 10px !important;
  min-height: 42px;
  padding-inline: 16px;
  font-size: 14px;
  font-weight: 700;
  box-shadow:0 8px 24px rgba(0,0,0,0.076);
}
button:hover,.auth-submit:hover,.send-button:hover,.install-submit:hover{background:rgba(95,75,210,1.000);color:#ffffff}
button:active,.auth-submit:active,.send-button:active{background:rgba(80,61,189,1.000)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a99dff!important;outline-offset:2px}button:focus-visible{outline-color:#b5adff!important}a:focus-visible{outline-color:#c9c3ff!important}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:#806cff!important}
.secondary-button,.ui-button--secondary,button.secondary{background:var(--secondary-button-bg)!important;color:var(--secondary-button-text)!important}.ghost-button,.ui-button--ghost{background:transparent!important;color:var(--ghost-button-text)!important}.danger-button,.ui-button--danger,button[value="delete"]{background:var(--danger-button-bg)!important;color:var(--danger-button-text)!important}.live-button,.on-air-button,[data-live-button]{background:var(--live-button-bg)!important;color:#fff!important}.ui-icon-button,.round-control,.header-control,.tool-button{width:auto;min-width:var(--button-height);padding-inline:calc(var(--button-padding-x) * .55)}
.round-control,
.header-control,
.tool-button,
.quick-emoji,
.message-action,
.reaction-chip,
.load-older,
.smilie-head button,
.smilie-categories button,
.smilie-item,
.drawer header button,
.dialog-head button,
.mobile-navigation button,
.reply-context button,
.attachment-preview button {
  border: 1px solid var(--line) !important;
  background: #2d303d !important;
  box-shadow: none !important;
  color: #f7f8ff !important;
}
.round-control:hover,
.header-control:hover,
.tool-button:hover,
.quick-emoji:hover,
.message-action:hover,
.reaction-chip:hover,
.smilie-categories button:hover,
.smilie-item:hover {
  background: #2c2a57 !important;
  color: #f7f8ff !important;
}
.reaction-chip.mine,
.message-action.saved,
.smilie-categories button.active {
  border-color: #806cff !important;
  background: #302d60 !important;
  color: #ffffff !important;
}
.radio-actions a,
.header-actions a,
.system-links a,
.admin-feature-link,
.search-result,
.file-attachment {
  border-color: var(--line) !important;
  background: #2d303d !important;
  color: #f7f8ff !important;
}
.room-link,
.personal-navigation a,
.quick-card a,
.current-user > a:last-child,
.admin-sidebar a { color: #9da8bd !important; }
.room-link:hover,
.room-link.active,
.personal-navigation a:hover,
.quick-card a:hover,
.admin-sidebar a:hover,
.admin-sidebar nav a.active { color: #f7f8ff !important; }
.room-link.active,
.admin-sidebar nav a.active { background-color: #1f225c !important; }
.message-avatar { background: #2d303d; color: #f7f8ff; }
.role-badge { background: #292853; color: #dbd6ff; }
.notice { border-color: #2d807a; background: #152c33; color: #f7f8ff; }
.notice.error { border-color: #e696a1; background: #2b161d; color: #ffdbe0; }
.muted, small, .field-help { color: #9da8bd; }

.message-row {
  width: 100%;
  max-width: 100% !important;
  margin-bottom: 13px !important;
}
.message-bubble { padding: 13px !important; border-radius: 10px !important; }
.composer { padding-top: 11px !important; padding-bottom: 11px !important; }
.chat textarea,
.chat form,
.card,
.admin-card,
.team-call,
.smilie-popover,
.message-bubble,
.side-card,
.composer textarea,
.search-dialog,
.design-dialog,
.message-style-dialog,
.cockpit-dialog,
.cockpit-card,
.cockpit-section { border-radius: 10px !important; }


/* Presets provide defaults only. Component settings below remain authoritative in every theme. */

.hub > aside:first-child > .eyebrow,
.auth .brand > .eyebrow { font-size: 0; }
.hub > aside:first-child > .eyebrow::after,
.auth .brand > .eyebrow::after {
  content: "Sound Channel";
  font-size: 10px;
}

/* Community 5.3 area tokens: one contract for every surface. */
.radio-bar,.platform-header,.channel-header{background-color:var(--header-bg)!important}
.mobile-navigation,.personal-navigation,.platform-navigation,.platform-nav,.platform-mobile-nav{background-color:var(--navigation-bg)!important}
.platform-nav a,.platform-mobile-nav a,.mobile-navigation a,.mobile-navigation button,.personal-navigation a{color:var(--navigation-text)!important}.platform-nav a span,.platform-mobile-nav a span{color:var(--navigation-icon)}.platform-nav a:hover,.platform-mobile-nav a:hover,.mobile-navigation a:hover,.mobile-navigation button:hover,.personal-navigation a:hover{background:var(--navigation-hover)!important}.platform-nav a.active,.platform-mobile-nav a.active,.mobile-navigation .active,.personal-navigation a.active{color:var(--navigation-active)!important}
.room-sidebar{background-color:var(--room-list-bg)!important}
.room-link{color:var(--room-text)!important}.room-link:hover{background:var(--room-hover)!important}.room-link.active{background:var(--room-active)!important}.unread-badge{background:var(--room-badge)!important;color:#fff!important}
.community-panel,.presence-card{background-color:var(--user-list-bg)!important}
.member-item{border-bottom:1px solid var(--divider-color)}.member-item:hover{background:var(--user-hover)}.member-item strong{color:var(--user-name)}.member-item small{color:var(--user-role)!important}.member-status-dot{border-color:var(--user-status)!important}
.chat-main,.chat-workspace,.messages,.message-stream{background-color:var(--chat-bg)!important}
.message-bubble{background-color:var(--message-bg);color:#f7f8ff}
.message-row.is-mine .message-bubble{background-color:var(--own-message-bg)}
.composer{background-color:rgba(10,13,22,0.980)!important}
.private-shell,.private-messenger,.private-thread-pane{background-color:rgba(17,21,34,0.940);background-image:none;background-position:center;background-size:cover}.private-message-scroller{background:transparent}
.private-sidebar,.private-conversation-list{background-color:var(--messenger-sidebar-bg)}
.private-thread-head{background-color:var(--private-header-bg)}.private-composer{background-color:var(--private-composer-bg)}.private-attachment,.private-file-card{background-color:var(--private-attachment-bg)}.private-date-divider,.private-day-separator{color:var(--private-date-color)}
.private-messenger .private-message.own .private-message-bubble{background:var(--private-own-bg);border-color:var(--private-own-border);color:var(--private-own-text)}.private-messenger .private-message.own .private-message-body{color:var(--private-own-text)}.private-messenger .private-message.own .private-message-meta strong{color:var(--private-own-name);font-weight:var(--private-own-name-weight)}.private-messenger .private-message:not(.own) .private-message-bubble{background:var(--private-other-bg);border-color:var(--private-other-border);color:var(--private-other-text)}.private-messenger .private-message:not(.own) .private-message-body{color:var(--private-other-text)}.private-messenger .private-message:not(.own) .private-message-meta strong{color:var(--private-other-name);font-weight:var(--private-other-name-weight)}
.dashboard-card,.dashboard-welcome,.community-main .card{background-color:var(--dashboard-bg)!important}
.profile-card,.profile-hero{background-color:var(--profile-bg)!important}
.profile-card-v52{position:relative;overflow:hidden;border-color:var(--profile-accent,var(--panel-border))!important}.profile-card-v52 .profile-hero{position:relative;background-image:linear-gradient(90deg,var(--profile-bg),transparent),var(--profile-header-image,none);background-size:cover;background-position:center;border-radius:calc(var(--panel-radius) - 3px);padding:clamp(16px,4vw,34px)}.profile-live-state{position:absolute;right:16px;top:16px;padding:6px 10px;border-radius:999px;background:var(--live-button-bg);color:#fff;font-size:.8rem;font-weight:800;box-shadow:0 8px 24px #0006}.profile-design-tagline{position:absolute;right:16px;bottom:10px;max-width:48%;color:var(--text-primary);font-size:.82rem;text-align:right;text-shadow:0 1px 8px #000}
.live-card,.live-frame,.radio-widget{background-color:var(--live-bg)!important;color:var(--live-text)!important}.radio-live-badge,.radio-live-user-badge,.live-card .status-dot{color:var(--live-accent)!important}
dialog,.drawer,.modal,.search-dialog,.design-dialog,.message-style-dialog,.cockpit-dialog{background-color:var(--modal-bg)!important}
.context-menu,.dropdown,.menu,.smilie-popover{background-color:var(--dropdown-bg)!important}
.community-footer{background-color:var(--footer-bg)!important}
.community-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.community-footer .community-logo{max-width:96px;max-height:34px}.community-footer nav{display:flex;gap:12px;flex-wrap:wrap}.community-welcome-banner{position:relative;z-index:20;padding:9px 16px;text-align:center;background:color-mix(in srgb,var(--accent) 24%,var(--header-bg));border-bottom:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));color:var(--text)}.community-welcome-banner a{color:inherit;font-weight:700}
.radio-bar,.platform-header,.channel-header,.private-main-head,.private-thread-head,.admin-top,.dialog-head,.private-dialog-head,.sidebar-heading,.card-head,.card-heading,.cockpit-section-head,.side-card-heading{box-sizing:border-box;gap:var(--header-gap);padding-block:var(--header-padding-y);padding-inline:var(--header-padding-x)}
.radio-bar>*,.platform-header>*,.channel-header>*,.private-main-head>*,.private-thread-head>*,.admin-top>*,.dialog-head>*,.private-dialog-head>*{min-width:0}.channel-copy,.private-partner>span,.dialog-head>div,.private-dialog-head>div{min-width:0}.channel-copy strong,.private-partner strong,.dialog-head h2,.private-dialog-head h2{overflow-wrap:anywhere}
.card-head,.card-heading,.cockpit-section-head,.side-card-heading{margin-bottom:var(--panel-header-gap)}
.app-shell{--sidebar:var(--personal-room-sidebar-width);--rightbar:var(--personal-community-sidebar-width)}
.cockpit-ui-mode-focus #room-sidebar,.cockpit-ui-mode-focus #community-panel{display:none}.cockpit-ui-mode-focus .app-shell{grid-template-columns:minmax(0,1fr)}.cockpit-ui-mode-radio .live-card{order:-1}.cockpit-message-layout-compact-line .message-bubble:hover{transform:none;box-shadow:none;background-color:color-mix(in srgb,var(--message-bg) 94%,var(--accent) 6%)}
.cockpit-message-layout-cards .message-bubble{background-color:var(--message-bg)!important;border:1px solid var(--panel-border)!important;border-radius:var(--panel-radius)!important;box-shadow:0 10px 28px rgba(0,0,0,0.135)!important}
.cockpit-message-layout-flat .message-bubble{background:transparent!important;border-width:0 0 1px!important;border-color:var(--divider-color)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}
.cockpit-message-layout-bubbles .message-bubble{display:inline-block;width:fit-content;max-width:min(100%,var(--message-width));border-radius:clamp(18px,2vw,28px)!important;background-color:var(--message-bg)!important}.cockpit-message-layout-bubbles .message-row.is-mine .message-bubble{background-color:var(--own-message-bg)!important}
.cockpit-high-contrast{--surface-bg-alpha:1}.cockpit-high-contrast .room-sidebar,.cockpit-high-contrast .community-panel,.cockpit-high-contrast .message-bubble,.cockpit-high-contrast .private-message-bubble,.cockpit-high-contrast dialog{backdrop-filter:none;opacity:1}.cockpit-reduced-motion .chat-smilie{animation:none;transition:none}
.cockpit-personal-reset{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.auth-card,.auth-panel{background-color:var(--login-panel-bg)!important}
.card,.admin-card,.side-card,.message-bubble,.dashboard-card,.auth-card,.cockpit-card{border-color:var(--panel-border)!important;border-radius:var(--panel-radius)!important;box-shadow:0 18px 52px rgba(0,0,0,0.207)}
input,textarea,select{min-height:var(--input-height);background:var(--input-bg)!important;border-color:var(--input-border)!important;border-radius:10px!important;color:#f7f8ff!important}
input::placeholder,textarea::placeholder{color:#7f8ba3!important}
a{color:#9a8cff}a:hover{color:#b8b1ff}a:active{color:#d2ceff}
a{text-decoration:none}a:hover{text-decoration:underline}.brand-mark{font-size:0;background-image:url("brand-asset.php?id=34")!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;min-width:min(72px,72px)}.radio-brand img,.platform-brand img,.community-logo{max-width:220px;max-height:72px;width:auto;height:auto;object-fit:contain}
.radio-brand,.platform-brand{align-self:flex-start}@media(max-width:720px){.radio-brand img,.platform-brand img,.community-logo{max-width:min(42vw,160px);max-height:52px}body{background-attachment:scroll!important}.room-sidebar,.community-panel,.private-sidebar{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body::before{filter:none!important}}



/* 5.8.3: user-selected images are the final visual layer in every preset, including RSC Classic. */
body,.chat-workspace{background-image:linear-gradient(rgba(8,10,18,0.720),rgba(8,10,18,0.720)),url("https:\/\/sound-channel.eu\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-6.-Juli-2025-20_20_20.png")!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:fixed!important}

@media (max-width: 760px) { .message-row { width: 100% !important; max-width: 100% !important; } }