html{--social-accent:#24272e;--social-accent-ink:#fff;--social-link:#373d49;--social-soft:#eceef2}html[data-theme=dark]{--social-accent:#dce1e9;--social-accent-ink:#14171c;--social-link:#e2e7f0;--social-soft:#2b303b}html[data-accent=red]{--social-accent:#de163a;--social-accent-ink:#fff;--social-link:#cc1537;--social-soft:#fff0f3}html[data-accent=ruby]{--social-accent:#8c3058;--social-accent-ink:#fff;--social-link:#8c3058;--social-soft:#f9edf3}html[data-theme=dark][data-accent=red]{--social-link:#ff8098;--social-soft:#3a202b}html[data-theme=dark][data-accent=ruby]{--social-accent:#d98db2;--social-accent-ink:#21151c;--social-link:#e8a8c8;--social-soft:#382532}
.primary,.primary:hover,.nav-link.active,.nav-link.active:hover,html[data-theme=dark] .nav-link.active,html[data-theme=dark] .nav-link.active:hover{background:var(--social-accent);color:var(--social-accent-ink)}.nav-link.active{box-shadow:none}.text-link,.eyebrow,.tabs button.active,.mobile-nav a.active,.auth-switch button,html[data-theme=dark] .text-link,html[data-theme=dark] .eyebrow{color:var(--social-link)}.tabs button.active,.plan.featured,.plus-teaser{border-color:var(--social-accent)}.featured>.plus-badge{background:var(--social-accent);color:var(--social-accent-ink)}.member-orbit .avatar{border-color:var(--social-accent);box-shadow:0 0 0 4px var(--social-soft)}html[data-theme=dark] .member-orbit .avatar{box-shadow:0 0 0 4px var(--social-soft)}.avatar{background:var(--social-soft);color:var(--social-link);border-color:var(--social-accent)}.theme-toggle{border-radius:50%}.post-video{display:block;width:100%;max-height:620px;background:#07090c;border-radius:12px;object-fit:contain;margin-top:16px}.video-share{font-size:11px;display:flex;align-items:center;gap:6px;padding:9px 12px}.video-share .icon{width:16px;height:16px}.profile-cover{height:190px;overflow:hidden}.profile-cover.has-cover{background:transparent}.profile-cover>img,.cover-preview{width:100%;height:190px;object-fit:cover;display:block}.cover-preview{border-radius:12px;margin-bottom:14px}.profile-content{position:relative}.profile-details{margin:18px 0}.profile-links{display:flex;gap:8px;flex-wrap:wrap}.profile-links a{display:inline-flex;align-items:center;gap:7px;font-size:12px;overflow-wrap:anywhere}.profile-links .icon{width:14px;height:14px}.business-badge{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.business-badge>.icon{width:18px;height:18px}.business-request{margin-top:18px}fieldset{border:1px solid #dfe3ea;border-radius:12px;padding:3px 16px 16px;margin:20px 0}legend{padding:0 7px;font-size:12px;color:#747d8b}html[data-theme=dark] fieldset{border-color:#343a46}.room-notice{padding:14px 17px;border:1px solid #dce1e9;border-radius:12px;background:#f4f6f8;color:#596371;line-height:1.8;font-size:12px;margin:0 0 20px}html[data-theme=dark] .room-notice{background:#232832;border-color:#343c49;color:#b7c0cf}.channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;margin-top:22px}.channel-card h2{margin:17px 0 9px}.channel-card p{color:#747d8b;line-height:1.8;overflow-wrap:anywhere}.channel-card .button-row{margin-top:16px}.room-card{display:block;transition:transform .15s}.room-card:hover{transform:translateY(-2px)}.room-card h2{margin:14px 0 8px}.room-card p{color:#747d8b;font-size:12px}.room-chat .messages{min-height:170px;max-height:480px}.room-compose{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #e6e9ee;padding-top:18px}.room-compose textarea{min-height:70px;flex:1;min-width:150px}.room-compose .form-error{flex-basis:100%;margin:0}.room-compose button{margin-left:auto}.room-hide{display:block;background:transparent;color:inherit;text-decoration:underline;font-size:10px;margin-top:8px}.bubble p{margin:6px 0}.registration-extra{margin-top:18px}.profile-cover:empty{background:linear-gradient(115deg,#e7eaf0,#f7f8fb)}html[data-theme=dark] .profile-cover:empty{background:linear-gradient(115deg,#232936,#353d4c)}.welcome>div{min-width:0}.channel-card .badge{display:inline-block}.room-chat .bubble{min-width:90px}.button-row{display:flex;flex-wrap:wrap;gap:8px}
html[data-theme=dark]:not([data-accent=red]) .nav-link.active .icon{filter:none}.mobile-nav a.active .icon{filter:none}html[data-theme=dark] .mobile-nav a.active .icon{filter:invert(1)}
@media(max-width:650px){.profile-cover,.profile-cover>img,.cover-preview{height:145px}.profile-content{padding:0 5px}.profile-links a{font-size:11px;padding:9px 11px}.room-chat{padding:14px}.room-notice{font-size:11px}.channel-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading .primary{white-space:normal;text-align:center}.room-compose textarea{flex-basis:100%}.post-video{max-height:500px}.mobile-nav a{min-width:0;flex:1}.welcome h1{overflow-wrap:anywhere}}
@media(max-width:370px){.welcome img{width:78px;height:110px}.welcome{gap:8px}.welcome h1{font-size:21px}.welcome .eyebrow{font-size:8px}.topbar .theme-toggle{min-width:29px;flex-basis:29px}.page-heading h1{font-size:23px}}