:root { --bg:#08090a; --surface:#101113; --surface2:#151619; --surface3:#1c1d20; --line:#282a2d; --line2:#333539; --text:#f5f5f5; --muted:#a4a5a8; --subtle:#77797e; --white:#fff; --radius:13px; --shadow:0 18px 65px rgba(0,0,0,.4); }
    * { box-sizing:border-box; }
    html,body { height:100%; margin:0; }
    body { background:var(--bg); color:var(--text); font:15px/1.5 'DM Sans',Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
    button,input,textarea,select { font:inherit; }
    button { cursor:pointer; }
    button:disabled { opacity:.4; cursor:not-allowed; }
    button,input,textarea,select { outline:none; }
    button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:2px solid #b1b1b1; outline-offset:2px; }
    a { color:inherit; }
    .icon { display:inline-block; vertical-align:middle; width:18px; height:18px; stroke:currentColor; stroke-width:1.8; fill:none; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
    .app { height:100vh; min-height:580px; display:flex; flex-direction:column; overflow:hidden; }
    .topbar { height:73px; flex-shrink:0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:262px minmax(0,1fr) auto; align-items:center; padding:0 24px; gap:14px; background:rgba(9,10,11,.98); position:relative; z-index:10; }
    .brand { display:flex; align-items:center; gap:12px; user-select:none; min-width:0; }
    .brand-mark { width:39px; height:39px; display:grid; place-items:center; font:700 22px 'Space Grotesk',sans-serif; border:1px solid #d6d6d6; background:#f4f4f4; color:#0a0a0a; border-radius:10px; letter-spacing:-2px; }
    .brand-name { font:700 20px 'Space Grotesk',sans-serif; letter-spacing:-.9px; line-height:1.1; }
    .brand-tag { display:block; font-size:10px; letter-spacing:1.55px; color:#888a8e; font-weight:700; margin-top:2px; }
    .tabs { display:flex; height:100%; align-items:center; gap:5px; justify-content:center; }
    .tab { border:0; color:#9d9fa4; background:none; padding:11px 16px; border-radius:9px; font-size:14px; font-weight:700; transition:background .15s,color .15s; display:flex; gap:8px; align-items:center; }
    .tab:hover { background:var(--surface3); color:#fff; }
    .tab.active { color:#fff; background:#202124; }
    .tab .icon { width:17px; height:17px; }
    .top-actions { display:flex; align-items:center; gap:10px; }
    .icon-btn { background:transparent; color:#aeb0b4; border:1px solid transparent; width:36px; height:36px; border-radius:9px; display:grid; place-items:center; transition:.16s; }
    .icon-btn:hover { color:#fff; background:#222326; border-color:#393b3e; }
    .icon-btn .icon { width:19px; height:19px; }
    .outlined-btn { background:#18191b; color:#f0f0f0; padding:9px 13px; border:1px solid #393b3e; border-radius:9px; font-size:13px; font-weight:700; display:flex; align-items:center; gap:8px; }
    .outlined-btn:hover { background:#26272a; }
    .user-chip { background:#202124; border:1px solid #36373a; padding:5px 11px 5px 5px; display:flex; align-items:center; gap:9px; border-radius:10px; font-weight:700; font-size:13px; color:#e3e3e3; }
    .app-grid { display:grid; grid-template-columns:262px minmax(0,1fr) 285px; min-height:0; flex:1; }
    .sidebar { border-right:1px solid var(--line); background:#0e0f11; min-width:0; display:flex; flex-direction:column; padding:25px 14px 15px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#343438 transparent; }
    .section-label { color:#74767b; font-size:10px; font-weight:800; letter-spacing:1.8px; padding:0 13px; margin-bottom:12px; display:flex; justify-content:space-between; align-items:center; }
    .section-label button { border:0; color:#8f9096; background:none; padding:2px; display:flex; }
    .sidebar-intro { padding:1px 13px 21px; color:#a9aaae; font-size:12.5px; line-height:1.65; }
    .room-list { display:flex; flex-direction:column; gap:5px; }
    .room-btn { display:flex; gap:11px; padding:12px 12px; align-items:center; color:#a5a6aa; border:1px solid transparent; border-radius:10px; background:transparent; text-align:left; width:100%; font-weight:700; font-size:14px; }
    .room-btn:hover { background:#191a1d; color:#ededed; }
    .room-btn.active { color:#fff; background:#242527; border-color:#383a3d; }
    .room-btn .icon { width:17px; height:17px; }
    .room-btn .room-name { flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .mini-dot { width:6px; height:6px; background:#c8c9ca; border-radius:100%; }
    .sidebar-rule { height:1px; background:var(--line); margin:21px 11px 22px; }
    .private-list { display:flex; flex-direction:column; gap:3px; }
    .muted-action { background:transparent; color:#a3a4aa; border:1px dashed #34363a; margin:7px 7px 0; border-radius:10px; display:flex; align-items:center; justify-content:center; gap:8px; padding:12px 9px; font-size:12px; font-weight:700; }
    .muted-action:hover { border-color:#98999b; color:white; }
    .sidebar-bottom { margin-top:auto; padding-top:20px; }
    .rules-card { margin:0 6px 18px; border:1px solid #2d2f31; background:#151618; padding:14px; border-radius:12px; }
    .rules-card .eyebrow { font-size:10px; letter-spacing:1.3px; font-weight:800; color:#fff; display:flex; align-items:center; gap:7px; }
    .rules-card p { color:#97999d; font-size:12px; margin:8px 0 11px; line-height:1.6; }
    .text-link { color:#e4e5e7; border:0; background:transparent; padding:0; font-size:12px; font-weight:700; display:inline-flex; align-items:center; gap:5px; }
    .sidebar-foot { border-top:1px solid var(--line); padding:14px 10px 0; display:flex; justify-content:space-between; color:#77797d; font-size:11px; }
    .main { min-width:0; min-height:0; display:flex; flex-direction:column; overflow:hidden; background:var(--bg); }
    .chat-head { min-height:94px; border-bottom:1px solid var(--line); padding:19px 31px; display:flex; justify-content:space-between; gap:16px; align-items:center; flex-shrink:0; }
    h1,h2,h3,h4,p { margin-top:0; }
    .head-title { display:flex; align-items:center; gap:13px; }
    .header-symbol { width:44px; height:44px; border:1px solid #3a3b3e; background:#17181a; border-radius:12px; display:grid; place-items:center; }
    .header-symbol .icon { width:23px; height:23px; }
    .head-title h1 { font:700 23px/1.2 'Space Grotesk',sans-serif; letter-spacing:-.65px; margin:0; }
    .head-title p { color:#929397; font-size:12.5px; margin:5px 0 0; }
    .head-tools { display:flex; align-items:center; gap:6px; }
    .preview-pill { color:#bfc1c3; border:1px solid #37393c; background:#18191c; border-radius:30px; padding:6px 10px; font-size:10px; letter-spacing:.9px; font-weight:800; white-space:nowrap; }
    .messages { flex:1; min-height:0; overflow-y:auto; padding:23px 33px 25px; scrollbar-color:#3a3b3d transparent; scrollbar-width:thin; }
    .messages::-webkit-scrollbar,.sidebar::-webkit-scrollbar { width:7px; }
    .messages::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb { background:#343538; border-radius:10px; }
    .date-separator { display:flex; justify-content:center; align-items:center; color:#797b80; font-size:11px; font-weight:800; letter-spacing:1px; margin:8px 0 24px; text-transform:uppercase; gap:16px; }
    .date-separator::before,.date-separator::after { content:""; height:1px; background:#252629; flex:1; }
    .welcome-inline { background:#121316; border:1px solid #292a2d; border-radius:12px; padding:16px 18px; display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:23px; }
    .welcome-inline strong { font:700 15px 'Space Grotesk',sans-serif; }
    .welcome-inline p { color:#919398; font-size:12px; margin:4px 0 0; }
    .welcome-icon { background:#202124; padding:9px; border-radius:9px; display:grid; place-items:center; }
    .message { display:flex; align-items:flex-start; gap:13px; margin:0 0 22px; position:relative; }
    .avatar { width:37px; height:37px; border-radius:11px; flex-shrink:0; display:grid; place-items:center; background:#292a2d; border:1px solid #414245; color:#fff; font:700 13px 'Space Grotesk',sans-serif; }
    .avatar.lg { width:43px; height:43px; font-size:15px; }
    .message-body { flex:1; min-width:0; }
    .msg-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:1px 0 5px; }
    .msg-name { font-size:14.5px; font-weight:800; color:#eee; }
    .msg-country { font-size:10px; border:1px solid #34363a; border-radius:5px; padding:1px 5px; color:#a6a7aa; font-weight:700; }
    .msg-time { color:#6e7075; font-size:11px; }
    .msg-text { color:#cacbce; font-size:15px; line-height:1.72; word-wrap:break-word; white-space:pre-wrap; }
    .msg-text a { color:#fff; text-decoration:underline; text-underline-offset:3px; }
    .message-actions { display:flex; align-items:center; gap:5px; margin-top:9px; opacity:.65; transition:.15s; }
    .message:hover .message-actions,.message-actions:focus-within { opacity:1; }
    .msg-act { color:#929499; background:none; border:1px solid #252629; border-radius:7px; padding:4px 8px; font-size:11px; display:flex; align-items:center; gap:5px; }
    .msg-act:hover,.msg-act.active { background:#2a2b2f; border-color:#414245; color:#fff; }
    .msg-act .icon { width:13px; height:13px; }
    .reply-preview { color:#b3b5b9; font-size:12px; border-left:2px solid #aaa; padding:5px 9px; margin:6px 0 9px; background:#16171a; border-radius:0 7px 7px 0; max-width:550px; }
    .composer-wrap { border-top:1px solid #252629; padding:15px 27px 20px; background:linear-gradient(180deg,#0c0d0f,#101113); flex-shrink:0; }
    .composer { background:#1a1b1e; border:1px solid #34363a; border-radius:14px; padding:11px 13px; }
    .composer:focus-within { border-color:#85868a; }
    .reply-banner { display:none; color:#bfc0c4; align-items:center; justify-content:space-between; border-bottom:1px solid #34363a; margin-bottom:8px; padding:2px 0 10px; font-size:12px; }
    .reply-banner.visible { display:flex; }
    .reply-banner button { border:0; color:#aaa; background:none; padding:0; }
    #messageInput { resize:none; width:100%; height:51px; max-height:125px; min-height:51px; background:transparent; border:0; color:#f3f3f3; font-size:14px; padding:7px 2px; line-height:1.5; display:block; }
    #messageInput::placeholder { color:#75777b; }
    .composer-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .composer-options { display:flex; align-items:center; gap:4px; }
    .composer-options button { border:0; padding:7px; border-radius:6px; background:none; color:#878a90; display:grid; place-items:center; }
    .composer-options button:hover { color:#fff; background:#2e2f33; }
    .send-btn { background:#f1f1f1; color:#101113; padding:9px 15px; border:0; border-radius:8px; font-size:12px; font-weight:800; display:flex; gap:8px; align-items:center; }
    .send-btn:hover { background:#d6d6d6; }
    .fine-print { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 3px 0; color:#707278; font-size:10.5px; }
    .rail { border-left:1px solid var(--line); min-width:0; min-height:0; overflow-y:auto; padding:25px 20px; background:#101113; scrollbar-width:thin; scrollbar-color:#343438 transparent; }
    .rail-block { margin-bottom:28px; }
    .rail-title { color:#e2e3e4; font-size:11px; font-weight:800; letter-spacing:1.35px; display:flex; align-items:center; justify-content:space-between; margin-bottom:17px; }
    .rail-title small { color:#8f9096; font-size:10px; font-weight:700; letter-spacing:0; }
    .community-stat { border:1px solid #333438; border-radius:12px; background:#18191c; padding:16px; margin-bottom:19px; }
    .community-stat .big-label { color:#fff; font:700 20px 'Space Grotesk',sans-serif; letter-spacing:-.6px; }
    .community-stat p { color:#929498; font-size:12px; margin:6px 0 0; }
    .status-pair { display:flex; align-items:center; gap:8px; margin-top:13px; font-size:11px; color:#9ea0a4; }
    .status-pair .status-dot { width:7px; height:7px; border-radius:100%; background:#dedede; box-shadow:0 0 0 3px #3a3a3a; }
    .member { display:flex; align-items:center; gap:10px; padding:7px 0; }
    .member .avatar { width:31px; height:31px; border-radius:9px; font-size:11px; }
    .member-main { flex:1; min-width:0; }
    .member-name { color:#e8e8e9; font-size:12px; font-weight:800; line-height:1.3; }
    .member-desc { color:#85878b; font-size:10.5px; margin-top:2px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .member button { background:transparent; border:1px solid #3c3e42; border-radius:7px; width:28px; height:28px; color:#bfc0c4; display:grid; place-items:center; }
    .member button:hover { color:white; border-color:#a1a1a1; }
    .member button .icon { width:14px; height:14px; }
    .poll-card { border:1px solid #313338; background:#191a1d; border-radius:12px; padding:15px; }
    .poll-card .poll-tag { text-transform:uppercase; font-size:10px; color:#a6a8ab; letter-spacing:1px; font-weight:800; }
    .poll-card h4 { margin:6px 0 14px; font-size:13px; font-weight:800; }
    .poll-option { display:flex; justify-content:space-between; background:#252629; border:1px solid #3b3c40; width:100%; padding:10px 10px; color:#e0e0e2; font-size:12px; border-radius:8px; margin-bottom:7px; }
    .poll-option:hover,.poll-option.selected { border-color:#b8b9bc; background:#343539; }
    .small-note { color:#7e8085; font-size:10.5px; margin:12px 0 0; line-height:1.65; }
    .rail-link { border:0; background:none; color:#ddd; font-size:12px; font-weight:700; padding:0; display:flex; gap:7px; align-items:center; }
    .rail-link:hover { text-decoration:underline; }
    .feature-body { overflow-y:auto; min-height:0; flex:1; padding:34px clamp(20px,5%,64px) 70px; scrollbar-color:#35363a transparent; scrollbar-width:thin; }
    .page-eyebrow { color:#a5a5a8; font-size:11px; letter-spacing:2px; font-weight:800; margin:0 0 10px; }
    .page-title { font:700 clamp(28px,3.2vw,43px)/1.15 'Space Grotesk',sans-serif; letter-spacing:-1.5px; margin:0 0 12px; }
    .page-desc { color:#9b9ca0; font-size:14px; max-width:650px; line-height:1.75; margin-bottom:30px; }
    .feature-row { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:22px; }
    .search-field { display:flex; align-items:center; gap:10px; background:#17181b; border:1px solid #393a3d; border-radius:10px; padding:10px 13px; color:#9b9da1; max-width:360px; flex:1; }
    .search-field input { background:transparent; border:0; color:white; width:100%; min-width:120px; }
    .white-btn { background:#efefef; border:1px solid #efefef; color:#121315; font-weight:800; font-size:12px; border-radius:9px; padding:11px 15px; display:flex; align-items:center; gap:8px; }
    .white-btn:hover { background:#d5d5d5; }
    .dark-btn { background:#222326; color:#eee; border:1px solid #36373b; padding:10px 15px; border-radius:9px; font-weight:700; font-size:12px; display:flex; align-items:center; gap:7px; }
    .dark-btn:hover { background:#303135; }
    .topic-list { display:flex; flex-direction:column; gap:10px; }
    .topic-card { background:#131416; border:1px solid #2b2c30; border-radius:13px; padding:20px 22px; text-align:left; display:block; width:100%; color:inherit; }
    .topic-card:hover { background:#1b1c1f; border-color:#494b4e; }
    .topic-card h3 { font:700 17px/1.3 'Space Grotesk',sans-serif; margin:8px 0; }
    .topic-card p { font-size:12.5px; color:#a7a9ad; line-height:1.65; margin:0 0 12px; }
    .topic-footer { display:flex; flex-wrap:wrap; align-items:center; gap:16px; color:#828489; font-size:11px; }
    .label-pill { background:#292a2d; color:#ceced0; border:1px solid #3b3c40; padding:3px 8px; border-radius:6px; font-size:10px; font-weight:700; }
    .article-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
    .article-card { background:#131416; border:1px solid #2c2d30; border-radius:13px; text-align:left; padding:0; color:inherit; overflow:hidden; }
    .article-card:hover { border-color:#6a6b6f; transform:translateY(-2px); }
    .article-art { height:142px; background:radial-gradient(circle at 70% 40%,#555 0,#27282a 20%,#131416 68%); border-bottom:1px solid #333438; display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative; }
    .article-art.chart { background:repeating-linear-gradient(90deg,#151619 0,#151619 23px,#1c1d1f 24px),linear-gradient(#222,#121212); }
    .article-art .icon { width:55px; height:55px; color:#a4a5a7; stroke-width:.9; }
    .article-content { padding:19px; }
    .article-content h3 { font:700 18px/1.33 'Space Grotesk',sans-serif; margin:9px 0; }
    .article-content p { color:#a2a3a7; font-size:12.5px; line-height:1.65; }
    .article-meta { color:#898b90; font-size:11px; display:flex; justify-content:space-between; gap:8px; }
    .discovery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .discovery-card { background:#161719; border:1px solid #303135; border-radius:14px; padding:19px; }
    .product-art { height:100px; display:grid; place-items:center; background:radial-gradient(circle,#393a3f,#1c1d20 60%,#151619); border-radius:10px; margin-bottom:16px; }
    .product-art .icon { width:41px; height:41px; stroke-width:1.2; color:#e3e3e5; }
    .discovery-card h3 { font-size:15px; margin:0 0 8px; }
    .discovery-card p { font-size:12px; color:#95969a; line-height:1.7; }
    .discovery-card button { margin-top:6px; }
    .reading { max-width:720px; margin:auto; }
    .reading h2 { font:700 clamp(28px,3.3vw,43px)/1.18 'Space Grotesk',sans-serif; letter-spacing:-1px; }
    .reading p { color:#c1c3c6; font-size:15px; line-height:1.9; margin-bottom:18px; }
    .reading .back { background:none; border:0; color:#babbbe; font-size:13px; display:flex; align-items:center; gap:8px; padding:0; margin-bottom:24px; }
    .reading .back:hover { color:#fff; }
    .reading .article-meta { margin:16px 0 23px; padding-bottom:20px; border-bottom:1px solid #38393b; }
    .reading .reader-callout { border:1px solid #37383d; background:#191a1c; border-radius:12px; padding:20px; margin:24px 0; color:#c5c6ca; font-size:13px; }
    .empty-state { padding:35px; border:1px dashed #3a3c40; border-radius:12px; color:#a7a8ab; text-align:center; font-size:13px; }
    .empty-state .icon { display:block; margin:0 auto 12px; width:30px; height:30px; }
    .overlay { position:fixed; inset:0; background:rgba(0,0,0,.73); z-index:40; display:flex; justify-content:center; align-items:center; padding:18px; backdrop-filter:blur(5px); }
    .modal { width:min(100%,470px); max-height:92vh; overflow:auto; background:#17181b; border:1px solid #414347; border-radius:17px; box-shadow:var(--shadow); padding:25px; }
    .modal.wide { width:min(100%,590px); }
    .modal-top { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:19px; }
    .modal-top h2 { font:700 23px 'Space Grotesk',sans-serif; letter-spacing:-.5px; margin:0 0 6px; }
    .modal-top p { font-size:12.5px; color:#989a9f; margin:0; }
    .field-label { display:block; color:#e3e4e5; font-size:12px; font-weight:700; margin:15px 0 7px; }
    .field { width:100%; border:1px solid #3b3c40; background:#202125; color:#fff; padding:12px; border-radius:9px; font-size:14px; }
    .field::placeholder { color:#797b80; }
    textarea.field { min-height:105px; resize:vertical; }
    .modal-actions { display:flex; gap:9px; justify-content:flex-end; margin-top:20px; }
    .disclosure { color:#9a9ca0; background:#242529; border:1px solid #38393d; padding:11px; border-radius:9px; font-size:11px; line-height:1.6; margin-top:15px; }
    .contact-pick { display:flex; flex-wrap:wrap; gap:8px; }
    .contact-pick label { cursor:pointer; display:flex; align-items:center; gap:6px; background:#242529; border:1px solid #414246; border-radius:8px; padding:9px 10px; color:#dedee0; font-size:12px; }
    .contact-pick input { accent-color:#e7e7e7; }
    .toast { position:fixed; right:24px; bottom:23px; z-index:70; background:#f0f0f0; color:#161719; border:1px solid #fff; padding:13px 17px; border-radius:10px; box-shadow:0 8px 25px rgba(0,0,0,.5); font-size:12px; font-weight:700; max-width:350px; animation:pop .2s ease-out; }
    @keyframes pop { from {opacity:0;transform:translateY(12px)} to {opacity:1;transform:translateY(0)} }
    .mobile-menu { display:none; }
    .backdrop { display:none; }
    .sr-only { position:absolute; height:1px; width:1px; overflow:hidden; clip:rect(0,0,0,0); }
    @media (max-width:1170px) { .app-grid { grid-template-columns:243px minmax(0,1fr) 246px; } .topbar { grid-template-columns:243px minmax(0,1fr) auto; } .sidebar { padding-left:10px;padding-right:10px; } .rail {padding:20px 15px;} .messages {padding-left:24px;padding-right:24px;} .chat-head {padding-left:24px;padding-right:20px;} .discovery-grid {grid-template-columns:repeat(2,minmax(0,1fr));} }
    @media (max-width:980px) { .app-grid {grid-template-columns:235px minmax(0,1fr);} .topbar {grid-template-columns:235px minmax(0,1fr) auto;} .rail {display:none;} .tab {padding:10px;} .topbar {padding:0 15px;} }
    @media (max-width:680px) { .app {min-height:0;} .topbar {height:63px;grid-template-columns:auto 1fr auto;padding:0 12px;gap:8px;} .mobile-menu {display:grid;} .brand-mark {width:34px;height:34px;font-size:19px;} .brand-name {font-size:17px;} .brand-tag {display:none;} .tabs {position:absolute; top:63px; left:0; right:0; height:48px; background:#111214; border-bottom:1px solid #282a2d; justify-content:space-around; z-index:2;} .tab {font-size:11px;padding:7px;gap:4px;} .tab .icon {width:14px;height:14px;} .top-actions .outlined-btn {display:none;} .top-actions {gap:2px;} .user-chip {padding:5px;} .user-chip span {display:none;} .app-grid {display:flex;padding-top:48px;} .sidebar {position:fixed; left:0; top:111px; bottom:0; width:270px; z-index:25; transform:translateX(-102%); transition:transform .2s; border-right:1px solid #444;} .sidebar.open {transform:translateX(0);} .backdrop.open {display:block;position:fixed;inset:111px 0 0;z-index:24;background:rgba(0,0,0,.65);} .main {flex:1;} .chat-head {min-height:78px;padding:13px 15px;} .header-symbol {width:36px;height:36px;border-radius:10px;} .head-title h1 {font-size:18px;} .head-title p {font-size:11px;} .head-tools .preview-pill {display:none;} .messages {padding:14px 16px;} .message {gap:10px;margin-bottom:20px;} .avatar {width:34px;height:34px;} .msg-text {font-size:14px;} .welcome-inline {padding:12px;} .composer-wrap {padding:11px 12px 12px;} .fine-print {font-size:9px;} .feature-body {padding:25px 17px 60px;} .article-grid,.discovery-grid {grid-template-columns:1fr;} .page-title {font-size:30px;} }
    @media (max-width:400px) { .tab {font-size:10px;gap:2px;padding:6px 4px;} .tab .icon {width:12px;height:12px;} .brand-name {font-size:15px;} .head-title h1 {font-size:17px;} .msg-act {font-size:10px;padding:4px 6px;} }
    @media (prefers-reduced-motion:reduce) { *, *::before, *::after {scroll-behavior:auto!important;transition:none!important;animation:none!important;} }

.picks-page .container{max-width:var(--max);margin:auto;padding:0 34px}
.picks-page .hero{padding:72px 0 49px;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;position:relative}
.picks-page .kicker{color:#afb0b3;letter-spacing:2.8px;font-size:11px;font-weight:700;text-transform:uppercase}
.picks-page .eyebrow-mark{display:inline-block;width:21px;height:1px;background:#dededc;vertical-align:middle;margin-right:11px}
.picks-page .hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(58px,6.6vw,99px);font-weight:700;line-height:1.03;letter-spacing:-6px;margin:24px 0 24px;max-width:880px}
.picks-page .hero h1 .dim{color:#777a80}
.picks-page .hero-description{color:#b0b1b6;font-size:17px;line-height:1.85;max-width:490px}
.picks-page .hero-meta{display:flex;gap:22px;margin-top:33px;align-items:center}
.picks-page .primary-btn{background:#efefeb;border:1px solid #efefeb;color:#151515;border-radius:10px;padding:15px 20px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:15px}
.picks-page .primary-btn:hover{background:#bdbfbd;border-color:#bdbfbd}
.picks-page .text-btn{background:transparent;border:0;color:#e4e4e2;font-size:13px;font-weight:700;padding:12px 4px}
.picks-page .text-btn:hover{text-decoration:underline}
.picks-page .hero-side{display:flex;flex-direction:column;justify-content:end;align-items:stretch;padding-top:40px}
.picks-page .signature{padding:30px 31px 27px;border:1px solid #292a2e;background:radial-gradient(ellipse at 100% 0%,#292b32 0%,#15161b 45%,#101114 100%);border-radius:16px;min-height:238px;position:relative;overflow:hidden}
.picks-page .signature:after{content:"D";font-family:Georgia,serif;font-size:270px;font-style:italic;line-height:1;position:absolute;right:-22px;bottom:-102px;color:#2c2e34;opacity:.48;pointer-events:none}
.picks-page .signature > *{position:relative;z-index:1}
.picks-page .sig-top{font-size:10px;font-weight:700;color:#9a9ca3;letter-spacing:2px}
.picks-page .signature h3{font-family:Manrope;font-size:27px;line-height:1.25;letter-spacing:-1px;font-weight:700;max-width:240px;margin:31px 0 12px}
.picks-page .signature p{font-size:12px;line-height:1.7;color:#9799a0;max-width:300px;margin:0}
.picks-page .sig-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #303137;margin-top:35px;padding-top:18px;color:#b6b8bd;font-size:11px}
.picks-page .market-bar{background:#141519;border:1px solid #2b2d32;border-radius:13px;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;gap:18px;margin-bottom:25px}
.picks-page .market-info{display:flex;gap:14px;align-items:center}
.picks-page .globe{width:40px;height:40px;display:grid;place-items:center;border:1px solid #383a40;border-radius:9px;font-size:20px;color:#e8e8e5}
.picks-page .market-info strong{display:block;font-size:13px}
.picks-page .market-info span{font-size:12px;color:#91939a;display:block;margin-top:4px}
.picks-page .market-right{display:flex;align-items:center;gap:17px}
.picks-page .tracking{font-size:11px;letter-spacing:.5px;color:#8b8e94}
.picks-page .segmented{display:flex;background:#08090b;border:1px solid #35363c;border-radius:9px;padding:4px}
.picks-page .segmented button{background:transparent;color:#9b9da3;border:0;padding:10px 18px;border-radius:6px;font-weight:700;font-size:12px}
.picks-page .segmented button.on{color:#131415;background:#f0f0ec}
.picks-page .segmented button:hover:not(.on){color:white}
.picks-page .feature-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}
.picks-page .feature-main{min-height:390px;border:1px solid #34353a;border-radius:18px;padding:32px 38px;background:radial-gradient(circle at 82% 52%,#43444a 0%,#28292e 25%,#191a1e 54%,#131418 82%);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.picks-page .feature-label{font-size:11px;letter-spacing:2.5px;color:#c9c9ca;font-weight:800}
.picks-page .feature-main h2{font-family:Manrope;font-size:clamp(29px,3vw,46px);max-width:350px;letter-spacing:-2px;line-height:1.12;margin:22px 0 12px}
.picks-page .feature-main p{color:#c6c6c8;font-size:13px;line-height:1.75;max-width:295px}
.picks-page .feature-art{position:absolute;width:55%;max-width:510px;height:90%;right:-7px;top:5%;opacity:.95;pointer-events:none;filter:drop-shadow(8px 22px 24px rgba(0,0,0,.38))}
.picks-page .feature-main .feature-txt{position:relative;z-index:1;max-width:360px}
.picks-page .feature-bottom{z-index:1;position:relative;display:flex;justify-content:space-between;gap:10px;align-items:end}
.picks-page .outline-light{background:#f5f5f1;color:#101113;border:none;padding:13px 17px;border-radius:8px;font-size:12px;font-weight:800}
.picks-page .outline-light:hover{background:#dadad8}
.picks-page .feature-bottom .micro{color:#aeb0b7;font-size:10px;text-align:right;letter-spacing:.3px;line-height:1.6}
.picks-page .feature-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.picks-page .side-panel{border:1px solid #292b30;border-radius:17px;padding:28px 29px;background:#141519;display:flex;flex-direction:column;justify-content:space-between}
.picks-page .side-panel h3{font-size:23px;font-family:Manrope;letter-spacing:-.6px;margin:12px 0 10px}
.picks-page .side-panel p{font-size:13px;color:#a5a6ae;line-height:1.7;margin:0}
.picks-page .side-panel .footline{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b8bac0;margin-top:15px}
.picks-page .side-panel.light{background:#dedfdb;color:#1d1e20;border-color:#dedfdb}
.picks-page .side-panel.light .kicker{color:#575a61}
.picks-page .side-panel.light p{color:#686970}
.picks-page .side-panel.light .footline{color:#33353a}
.picks-page .side-panel button{border:0;background:transparent;color:inherit;text-align:left;padding:0;font-weight:700;font-size:12px;cursor:pointer}
.picks-page .section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:68px 0 24px}
.picks-page .section-head h2{font-family:Manrope;font-size:clamp(29px,3vw,42px);letter-spacing:-1.5px;margin:9px 0 0}
.picks-page .section-head p{font-size:13px;color:#97999f;max-width:350px;line-height:1.7;margin:0}
.picks-page .filters{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0 25px}
.picks-page .tabs{display:flex;gap:8px;overflow:auto;max-width:100%;scrollbar-width:none}
.picks-page .tabs::-webkit-scrollbar{display:none}
.picks-page .tabs button{padding:11px 17px;white-space:nowrap;color:#9d9fa4;border:1px solid #2b2c31;border-radius:50px;background:#111215;font-size:12px;font-weight:700}
.picks-page .tabs button.selected{background:#f0f1ec;color:#111;border-color:#f0f1ec}
.picks-page .search-wrap{display:flex;align-items:center;gap:10px;min-width:242px;background:#15161a;border:1px solid #2d2e33;border-radius:9px;padding:0 14px}
.picks-page .search-wrap:focus-within{border-color:#7a7c82}
.picks-page .search-wrap span{color:#8d9098;font-size:16px}
.picks-page .search-wrap input{background:none;border:0;outline:0;width:100%;height:43px;color:#f5f5f5;font-size:12px}
.picks-page .search-wrap input::placeholder{color:#7d7f85}
.picks-page .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.picks-page .item{border-radius:16px;overflow:hidden;border:1px solid #27292d;background:#111215;transition:transform .2s,border-color .2s}
.picks-page .item:hover{transform:translateY(-4px);border-color:#575961}
.picks-page .item-visual{height:238px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.picks-page .item-visual:before{content:"";width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.11);filter:blur(50px);position:absolute;top:0;left:20%}
.picks-page .v-one{background:linear-gradient(135deg,#393a3d,#222327 55%,#18191c)}
.picks-page .v-two{background:linear-gradient(130deg,#cccac5,#8e8f92 55%,#6d6f74)}
.picks-page .v-three{background:linear-gradient(135deg,#494b51,#28292e 70%)}
.picks-page .v-four{background:linear-gradient(130deg,#383a40,#111216)}
.picks-page .v-five{background:linear-gradient(135deg,#bbbdb9,#73757a)}
.picks-page .v-six{background:linear-gradient(135deg,#34353a,#17181e)}
.picks-page .item-art{width:85%;height:92%;filter:drop-shadow(5px 12px 14px rgba(0,0,0,.35));position:relative}
.picks-page .item-badge{position:absolute;top:17px;left:17px;background:rgba(12,12,14,.65);border:1px solid rgba(238,238,238,.22);color:#f1f1ed;backdrop-filter:blur(6px);padding:7px 10px;border-radius:6px;font-size:9px;letter-spacing:1.2px;font-weight:800;text-transform:uppercase}
.picks-page .save{position:absolute;top:12px;right:12px;background:rgba(15,15,17,.48);border:1px solid rgba(255,255,255,.2);width:35px;height:35px;border-radius:50%;color:#f5f5f1;font-size:18px;display:grid;place-items:center}
.picks-page .save.saved{background:#f2f2ee;color:#111}
.picks-page .item-body{padding:23px 23px 19px}
.picks-page .item-category{color:#96989f;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:1.7px}
.picks-page .item h3{font-size:19px;letter-spacing:-.55px;font-family:Manrope;margin:11px 0}
.picks-page .item p{color:#8e9097;font-size:12px;line-height:1.75;min-height:43px;margin:0 0 19px}
.picks-page .item-foot{border-top:1px solid #2c2d32;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.picks-page .item-foot small{font-size:10px;color:#8f9198}
.picks-page .item-foot button, .picks-page .item-foot a{background:transparent;border:none;padding:8px 0;color:#f0f0ee;font-size:12px;font-weight:800}
.picks-page .item-foot button:hover, .picks-page .item-foot a:hover{text-decoration:underline}
.picks-page .empty{padding:55px;text-align:center;border:1px dashed #414248;border-radius:14px;color:#a7a8ac;grid-column:1/-1}
.picks-page .saved-count{color:#7f8187;font-size:11px;margin-top:15px;text-align:right}
.picks-page .bottom-cta{margin:73px 0 66px;background:#e5e5e1;color:#151516;border-radius:18px;padding:40px 46px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}
.picks-page .bottom-cta span{letter-spacing:2px;font-size:10px;font-weight:800;color:#636469}
.picks-page .bottom-cta h2{font-size:30px;font-family:Manrope;letter-spacing:-1.3px;margin:10px 0}
.picks-page .bottom-cta p{font-size:13px;color:#6d6e71;max-width:540px;line-height:1.7}
.picks-page .bottom-cta button{background:#0d0e10;color:#f0f0eb;border:0;border-radius:9px;padding:16px 19px;font-size:12px;font-weight:800}
.picks-page .bottom-cta button:hover{background:#37383b}

/* Danqvora Picks: extracted and adapted from the user-supplied Picks preview. */
.app-grid.picks-layout { grid-template-columns:minmax(0,1fr); }
.app-grid.picks-layout .sidebar,.app-grid.picks-layout .rail { display:none !important; }
.picks-page {flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;color:#f5f5f3;background:#090a0c;scrollbar-color:#3c3e42 transparent;scrollbar-width:thin;}
.picks-page .container {max-width:1370px;margin:0 auto;padding:0 34px;}
.picks-page button,.picks-page input {font:inherit;}
.picks-page a {color:inherit;text-decoration:none;}
.picks-page button {cursor:pointer;}
.picks-page .hero h1{margin:24px 0;}
.picks-page .hero h1,.picks-page .signature h3,.picks-page .feature-main h2,.picks-page .side-panel h3,.picks-page .section-head h2,.picks-page .item h3,.picks-page .bottom-cta h2{font-family:'Space Grotesk',Arial,sans-serif;}
.picks-page .hero{padding-top:55px;}
.picks-page .feature-main .feature-art{max-height:380px;}
.picks-page .tabs{position:static;top:auto;left:auto;right:auto;z-index:auto;overflow-x:auto;height:auto;min-height:0;background:transparent;border:0;align-items:center;justify-content:flex-start;gap:8px;}
.picks-page .tabs button{font-size:12px;}
.picks-page .picks-footer{border-top:1px solid #292a2f;padding:30px 0 45px;color:#888990;font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:20px;}
.picks-page .picks-footer strong{color:#dedfdd;letter-spacing:1.7px;}
.picks-page .picks-footer p{max-width:800px;margin:8px 0 0;line-height:1.8;}
.picks-page .picks-footer span{white-space:nowrap;}
.picks-page .section-head{padding-top:55px;}
.picks-page .item-foot a{cursor:pointer;}
.picks-page .item-foot button,.picks-page .side-panel button{cursor:pointer;}
.picks-page .item-foot button:focus-visible,.picks-page button:focus-visible,.picks-page a:focus-visible,.picks-page input:focus-visible{outline:2px solid #fff;outline-offset:3px;}
@media(max-width:1140px){
 .picks-page .hero h1{letter-spacing:-4px;}
 .picks-page .feature-main{padding:28px;}
 .picks-page .feature-art{opacity:.73;width:57%;}
 .picks-page .tracking{display:none;}
}
@media(max-width:820px){
 .picks-page .container{padding:0 19px;}
 .picks-page .hero{padding:39px 0 29px;grid-template-columns:1fr;gap:22px;}
 .picks-page .hero h1{font-size:clamp(52px,11vw,82px);letter-spacing:-3px;}
 .picks-page .hero-side{padding-top:0;}
 .picks-page .signature{min-height:195px;}
 .picks-page .signature h3{margin-top:23px;}
 .picks-page .feature-grid{grid-template-columns:1fr;}
 .picks-page .feature-main{min-height:360px;}
 .picks-page .feature-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
 .picks-page .side-panel{min-height:190px;padding:20px;}
 .picks-page .cards{grid-template-columns:repeat(2,minmax(0,1fr));}
 .picks-page .filters{flex-direction:column;align-items:stretch;}
 .picks-page .tabs{width:100%;justify-content:flex-start;}
 .picks-page .search-wrap{width:100%;}
 .picks-page .section-head{padding-top:52px;}
}
@media(max-width:560px){
 .picks-page .hero-description{font-size:15px;}
 .picks-page .hero h1{font-size:clamp(42px,11vw,56px);letter-spacing:-2.6px;}
 .picks-page .hero-meta{flex-wrap:wrap;gap:18px;margin-top:21px;}
 .picks-page .market-bar{flex-direction:column;align-items:stretch;padding:16px;}
 .picks-page .market-right{justify-content:space-between;}
 .picks-page .segmented{width:100%;display:grid;grid-template-columns:1fr 1fr;}
 .picks-page .segmented button{padding:11px 10px;}
 .picks-page .feature-main{min-height:365px;padding:27px 24px;}
 .picks-page .feature-main h2{font-size:31px;max-width:230px;}
 .picks-page .feature-main p{max-width:210px;}
 .picks-page .feature-art{right:-90px;width:85%;opacity:.6;}
 .picks-page .feature-side{grid-template-columns:1fr;}
 .picks-page .side-panel{min-height:173px;}
 .picks-page .section-head{align-items:flex-start;flex-direction:column;gap:9px;}
 .picks-page .cards{grid-template-columns:1fr;}
 .picks-page .item-visual{height:255px;}
 .picks-page .bottom-cta{grid-template-columns:1fr;padding:29px;margin-top:52px;}
 .picks-page .bottom-cta h2{font-size:25px;}
 .picks-page .signature{display:none;}
 .picks-page .picks-footer{display:block;}
 .picks-page .picks-footer span{display:block;margin-top:15px;}
}

  
/* Launch adjustments */
.msg-text{overflow-wrap:anywhere}.message{scroll-margin-top:65px}.chat-head .preview-pill{font-size:11px}

/* ==============================================================
   DANQVORA / COMMON GROUND — EYE-COMFORT COMMUNITY REFINEMENT
   Deliberately neutral graphite palette; no saturated accents.
============================================================== */
:root {--bg:#111315;--surface:#171a1c;--surface2:#1c2022;--surface3:#24282b;--line:#303436;--line2:#3b4043;--text:#ebece9;--muted:#b9bdbb;--subtle:#959b99;--white:#f0f0eb;--shadow:0 22px 65px rgba(0,0,0,.32)}
body{background:#111315;color:var(--text);letter-spacing:.006em}
.app{min-height:560px}
.topbar{background:rgba(20,22,24,.97);height:76px;border-color:#323637;box-shadow:0 1px 0 rgba(255,255,255,.015)}
.brand-mark{background:#e4e6e0;color:#17191a;border:0;border-radius:13px;width:42px;height:42px;box-shadow:0 1px 20px #ffffff08}
.brand-name{letter-spacing:.8px;font-size:18px}
.brand-tag{letter-spacing:1.3px;color:#b8bcb9;font-size:9.5px}
.tab.active{background:#333638;color:#f3f4f1;box-shadow:inset 0 0 0 1px #484c4e}
.tab:hover{background:#2c3032}
.app-grid{grid-template-columns:242px minmax(0,1fr) 252px}
.sidebar{background:#17191b;padding:25px 13px 13px;border-color:#323637}
.sidebar-intro{padding:8px 13px 23px;display:block;color:#c0c2be;font-size:10px;font-weight:700;letter-spacing:1.4px}
.sidebar-intro p{font-size:14px;line-height:1.7;color:#b2b7b4;letter-spacing:0;font-weight:400;margin:12px 0 0}
.quiet-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#d3d5cc;margin-right:8px;box-shadow:0 0 0 4px #d9dbd015}
.room-btn{min-height:46px;border-radius:12px;color:#b9bcb9;font-size:14px;font-weight:600}
.room-btn.active{background:linear-gradient(110deg,#323738,#282d2f);border-color:#4b5051;color:#f1f3ef;box-shadow:inset 3px 0 #d6d9d0}
.room-btn:hover{background:#252a2b;color:#f1f1ed}
.rules-card{background:#1d2122;border-color:#383c3e;border-radius:14px}
.rules-card p{line-height:1.75;color:#afb5b1}
.main{background:radial-gradient(ellipse 620px 290px at 80% -90px,#282f3029,transparent),#151719}
.chat-head{min-height:86px;padding:17px 30px;background:linear-gradient(90deg,#191d1e,#181b1d);border-color:#303637}
.chat-head h1{font-size:20px;letter-spacing:-.3px}
.chat-head p{color:#afb5b3;font-size:12px}
.header-symbol{border-radius:14px;background:#282d2e;border-color:#414747}
.messages{padding:23px clamp(20px,3vw,46px) 28px;scrollbar-color:#515656 transparent}
.welcome-inline{background:linear-gradient(112deg,#252c2d,#1d2324 75%);border:1px solid #3d4343;border-radius:17px;padding:21px 24px;position:relative;overflow:hidden}
.welcome-inline:after{content:'✦';position:absolute;right:14%;top:-60px;font-size:160px;line-height:1;color:#ffffff0a;pointer-events:none}
.welcome-inline p{font-size:13.5px;line-height:1.75;color:#c4c9c6;max-width:590px}
.welcome-inline strong{font-size:17px;font-family:'Space Grotesk',sans-serif;letter-spacing:-.2px}
.welcome-icon{background:#3a4344;border-radius:12px}
.date-separator{color:#9fa5a2;letter-spacing:1px}
.message{margin-bottom:12px;padding:13px 12px 14px;border-radius:13px;transition:background .15s;gap:14px}
.message:hover{background:#ffffff06}
.msg-name{font-size:14px;color:#f1f2ee}
.msg-time{color:#9ea5a2}
.msg-text{font-size:15px;line-height:1.73;max-width:800px;color:#d6dad6}
.message-actions{margin-top:9px;opacity:.6}
.avatar{width:39px;height:39px;overflow:hidden;position:relative;border-radius:50%;background:linear-gradient(145deg,#43494b,#262b2d);border:1px solid #5c6261;color:#eff1ed;box-shadow:0 2px 10px #00000024}
.avatar.lg{width:86px;height:86px;font-size:24px}
.avatar .pfp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.avatar-letter{position:relative;z-index:0;line-height:1}
#userInitial{display:flex;align-items:center;justify-content:center;width:29px!important;height:29px!important;overflow:visible;background:none!important;border:0!important}
#userInitial>.avatar{width:30px;height:30px;font-size:10px;border-radius:50%}
.guest-avatar{height:28px;width:28px;display:grid;place-items:center;border-radius:50%;background:#383d3e}
.user-chip{background:#2a2e30;border-color:#454a4b;border-radius:40px;padding:5px 13px 5px 5px}
.admin-header-link{display:flex;align-items:center;gap:7px;text-decoration:none;background:#292e2f;color:#e5e7e2;border:1px solid #555b5b;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700}
.admin-header-link[hidden]{display:none!important}
.admin-header-link:hover{background:#3a4041}
.role-chip{border:1px solid #4a5051;border-radius:5px;padding:2px 6px;margin:0 7px;color:#aab1ae;letter-spacing:1px;font-size:9px;font-weight:700}
.admin-role{background:#3e4240;color:#eee;border-color:#686e6b}
.moderator-delete{color:#e1b9b8;border-color:#684c4b}
.composer-wrap{background:#181b1c;border-color:#34393b;padding:14px clamp(18px,3vw,40px) 19px}
.composer{border-radius:15px;background:#222627;border:1px solid #454a4b;padding:10px 13px;box-shadow:0 6px 22px #00000019}
#messageInput{color:#edece9;font-size:15px;line-height:1.65}
.send-btn{background:#e2e5dd;color:#171a1a;font-size:13px;border-radius:10px;padding:10px 18px}
.send-btn:hover{background:#c5cac2}
.fine-print{color:#929995}
.rail{background:#191c1d;border-color:#363b3c;padding:25px 17px}
.rail-title{color:#cfd3cf;letter-spacing:1.6px}
.community-stat{background:linear-gradient(145deg,#272e2e,#222627);border:1px solid #404647;border-radius:15px;padding:19px}
.community-stat p{color:#c0c5c1;line-height:1.7}
.small-orbit{color:#d5d8d2;font-size:16px}
.moderation-shortcut{background:#292d2e;border:1px solid #535a59;border-radius:12px;padding:16px}
.moderation-shortcut p{color:#c8cbca;line-height:1.6;font-size:12px}
.guest-compose{display:flex;align-items:center;gap:17px;background:#222829;border:1px solid #485051;border-radius:15px;padding:18px 20px}
.guest-compose-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#394141;border:1px solid #4b5353;flex-shrink:0}
.guest-compose>div:nth-child(2){flex:1}
.guest-compose strong{font-size:15px;display:block}
.guest-compose p{font-size:12.5px;color:#b9c0bc;line-height:1.65;margin:4px 0 0}
.guest-compose .white-btn{white-space:nowrap}
.account-profile{display:flex;align-items:center;gap:17px;border:1px solid #3f4545;background:#252a2b;padding:16px;border-radius:15px}
.account-profile strong{font-size:19px;display:block}
.account-sub{color:#aeb5b1;font-size:12px;margin-top:5px}
.account-note{color:#b8bfba;font-size:12.5px;line-height:1.7}
.account-admin{border-top:1px solid #404748;padding:16px 0 6px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.account-admin span{font-weight:700;color:#e4e5e2}
.account-admin a{text-decoration:none}
@media(max-width:1150px){.app-grid{grid-template-columns:225px minmax(0,1fr) 238px}}
@media(max-width:920px){.guest-compose{flex-wrap:wrap}.guest-compose .white-btn{margin-left:auto}}
@media(max-width:650px){.message{padding:10px 2px}.guest-compose{gap:12px;padding:14px}.guest-compose>div:nth-child(2){flex-basis:calc(100% - 63px)}.guest-compose .white-btn{margin-left:0;width:100%;justify-content:center}.chat-head{padding:14px 17px}.messages{padding:14px 14px 22px}.welcome-inline{padding:16px}.user-chip{max-width:150px}.account-admin{align-items:flex-start;flex-direction:column}}

/* Restore tablet/mobile layouts after the desktop design overrides. */
@media(max-width:980px){.app-grid{grid-template-columns:225px minmax(0,1fr)}.rail{display:none}}
@media(max-width:680px){.app-grid{display:flex}.user-chip #userInitial{display:flex!important}.user-chip #userInitial>.avatar{display:grid!important}.admin-header-link{padding:9px}.admin-header-link .icon{width:15px}}

@media(max-width:680px){.user-chip #userInitial .avatar-letter{display:inline!important}}

/* Community V3 — slightly smaller, calmer typography and private-room controls */
.app .room-btn{font-size:12.7px;padding:10px 11px;gap:9px}
.app .head-title h1{font-size:20px}
.app .head-title p{font-size:11.5px}
.app .msg-name{font-size:13px}
.app .msg-text{font-size:13.7px;line-height:1.64;letter-spacing:.04px;color:#d0d1d3}
.app .msg-time{font-size:10px}
.app .message{margin-bottom:18px;gap:11px}
.app .msg-act{font-size:10px}
.app .rail-block p{font-size:12px}
.app .messages{padding-top:18px}
.app .avatar{width:34px;height:34px;border-radius:11px}
.app .composer-wrap{padding:12px 23px 15px}
.app .private-count{font-size:10px;color:#9c9fa5;font-weight:600}
.private-room-modal-intro{color:#b1b3b7;font-size:12.5px;line-height:1.6;margin-bottom:20px}
.private-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.private-columns form{border:1px solid #35373b;border-radius:13px;background:#1b1c1f;padding:17px}
.private-columns h3{font-size:15px;margin:0 0 12px}
.private-caption{font-size:11px;color:#a2a4a9;line-height:1.5;display:block;margin-top:7px}
.private-primary{margin-top:16px;width:100%;justify-content:center}
.private-room-summary{border:1px solid #36383d;background:#1d1e21;padding:16px;border-radius:12px}
.private-room-summary strong{font-size:18px}
.private-room-summary p{margin:6px 0 0;color:#adb0b4;font-size:12px}
.private-invite{display:flex;gap:8px}
.private-invite input{flex:1;min-width:0;font-size:12px}
.private-members{margin-top:20px;color:#c2c3c7;font-size:12px}
.private-members > div{margin-top:9px;display:flex;flex-wrap:wrap;gap:7px}
.private-member{padding:7px 10px;border:1px solid #44474a;border-radius:20px;background:#27282b;font-size:11px}
@media(max-width:680px){.private-columns{grid-template-columns:1fr}.app .msg-text{font-size:13.4px}.app .head-title h1{font-size:17px}.app .room-btn{font-size:12.5px}}