/* Shared CoolSpeak palette. Layout, hidden state and form behavior remain page-owned. */
html{color-scheme:dark}body{background:#0b1822!important;color:#d9e3e9!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4{color:#f3f2ed}p,li,.intro,.aside-note,.notice,.note,details{color:#bac8d2}
a{color:#ff9828}a:hover{color:#ffb34d}
button,.button,.form-card button,.toolbar button{background:#ff9828!important;color:#14212b!important;border-color:#ffb052!important}
button:hover,.button:hover{background:#ffb34d!important}button:disabled{opacity:.5;cursor:not-allowed}
button.danger,.danger,#leave{background:#873744!important;color:#fff!important;border-color:#b45765!important}
input,textarea,select,.form-card input,.form-card select{background:#0b1822!important;color:#f3f2ed!important;border-color:#395566!important;accent-color:#ff9828}
.form-card,.choice,.choice.server,.toolbar,.info-banner,.dashboard-card,.live-room-card,.metrics article,.control-shell>aside,.table-wrap,dialog,#voice-toolbar,#roster{background:#102634!important;border-color:#395566!important}
.chip,.eyebrow,.small,.sidebar-label{color:#65dce2!important}.chip{background:#163440!important}
.side-nav a{color:#d9e3e9}.side-nav a.active,.side-nav a[aria-current]{color:#ff9828!important;background:#193443!important}
.quiet,.button.secondary{background:#193443!important;color:#ffb34d!important}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #65dce2;outline-offset:4px}
.cs-wordmark{display:block;position:relative;width:210px;aspect-ratio:1180/216;overflow:hidden;flex-shrink:0}
.brand .cs-wordmark img{position:absolute;max-width:none;width:106.271186%;height:auto;left:-3.389831%;top:-439.814815%;display:block}
header>img[alt="CoolSpeak"]{width:96px;height:96px;object-fit:contain}
header>a:not(.brand){color:#ff9828!important}
@media(max-width:650px){.cs-wordmark{width:160px}header>img[alt="CoolSpeak"]{width:72px;height:72px}}