:root{color-scheme:dark}.chat-page-body{margin:0;background:#080a0e;color:#e8e2dc;font-family:Inter,sans-serif}.chat-page-main{min-height:calc(100vh - 74px);padding:28px 20px 40px;background:radial-gradient(circle at 15% 0,#2d1b0c55,transparent 35%),radial-gradient(circle at 85% 20%,#2a162755,transparent 36%),#080a0e}.chat-page-hero{max-width:1500px;margin:0 auto 20px;display:flex;align-items:end;justify-content:space-between;gap:20px}.chat-page-kicker{color:#d59a50;font:800 10px 'Space Grotesk';letter-spacing:.14em}.chat-page-hero h1{margin:7px 0 5px;font:800 clamp(32px,5vw,60px)/.98 Sora}.chat-page-hero h1 em{font-style:normal;color:#e5a34c}.chat-page-hero p{max-width:760px;margin:0;color:#99918a;font-size:13px;line-height:1.6}.chat-page-live{display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #41362d;background:#131317;color:#aaa19a;font:800 9px 'Space Grotesk';letter-spacing:.08em}.chat-page-live i{width:8px;height:8px;border-radius:50%;background:#4eda8a;box-shadow:0 0 12px #4eda8a}.chat-page-shell{max-width:1500px;height:min(760px,calc(100vh - 190px));min-height:590px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr) 260px;border:1px solid #40372f;background:#0e1014;box-shadow:0 30px 80px #0009}.chat-page-channels,.chat-page-users{background:#101217}.chat-page-channels{border-right:1px solid #322d29;padding:14px}.chat-page-users{border-left:1px solid #322d29;padding:14px}.chat-page-section-title{display:flex;justify-content:space-between;align-items:center;margin:4px 3px 12px;color:#756f6a;font:800 8px 'Space Grotesk';letter-spacing:.11em}.chat-page-section-title b{color:#d8a25f}.chat-page-channel{display:flex;align-items:center;gap:11px;width:100%;min-height:58px;margin-bottom:7px;padding:10px 11px;border:1px solid transparent;background:transparent;color:#99918a;text-align:left;cursor:pointer}.chat-page-channel:hover{background:#17191f}.chat-page-channel.active{border-color:#65492f;background:linear-gradient(90deg,#241a11,#16171b);color:#f4dcc0}.chat-page-channel .material-symbols-outlined{font-size:20px;color:#d69a4e}.chat-page-channel strong{display:block;font:800 11px Sora}.chat-page-channel small{display:block;margin-top:3px;color:#6f6a66;font-size:8px}.chat-page-account{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid #302b27;color:#b9afa7}.chat-page-channels{display:flex;flex-direction:column}.chat-page-account small{display:block;color:#6d6865;font:700 7px 'Space Grotesk';letter-spacing:.09em}.chat-page-account strong{display:block;margin-top:2px;font:800 10px Sora}.chat-page-conversation{min-width:0;display:flex;flex-direction:column}.chat-page-conversation-head{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #322d29;background:#111318}.chat-page-conversation-head small{color:#8e8175;font:800 8px 'Space Grotesk';letter-spacing:.1em}.chat-page-conversation-head h2{margin:3px 0 0;font:800 18px Sora}.chat-page-conversation-head>span{color:#7c756f;font:700 8px 'Space Grotesk';letter-spacing:.06em}.chat-page-content{flex:1;min-height:0;display:flex;flex-direction:column}.chat-page-messages{flex:1;min-height:0;overflow-y:auto;padding:18px}.chat-page-message{max-width:82%;margin-bottom:10px;padding:10px 12px;border:1px solid #282b32;background:#15171c}.chat-page-message.mine{margin-left:auto;border-color:#5c4530;background:#1f1913}.chat-page-message.admin{border-color:#90683f;box-shadow:inset 3px 0 #e0a04e}.chat-page-msg-head{display:flex;align-items:center;gap:8px;margin-bottom:5px}.chat-page-msg-head strong{color:#e5ad65;font:800 10px 'Space Grotesk'}.chat-page-msg-head time{margin-left:auto;color:#615e5a;font-size:8px}.chat-page-msg-head .admin-badge{padding:2px 6px;border:1px solid #d99f4c;background:#70471e;color:#ffe4bd;font:900 7px 'Space Grotesk';letter-spacing:.08em}.chat-page-message p{margin:0;color:#ddd7d1;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.chat-page-composer{display:grid;grid-template-columns:1fr 52px;gap:8px;padding:11px;border-top:1px solid #322d29;background:#0f1115}.chat-page-composer textarea{resize:none;min-height:46px;max-height:100px;padding:12px;border:1px solid #423930;background:#090b0e;color:#f0ece8;font:400 14px Inter}.chat-page-composer textarea:focus{outline:1px solid #c88d45}.chat-page-composer button{border:1px solid #d29a51;background:#df9e4c;color:#25160a;cursor:pointer}.chat-page-user{display:flex;align-items:center;gap:9px;width:100%;padding:9px;border:1px solid transparent;background:transparent;color:#d8d1cb;text-align:left;cursor:pointer}.chat-page-user:hover{border-color:#4c3c2f;background:#17181d}.chat-page-user-avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid #584432;background:#1f180f;color:#f2bb73;font:800 12px Sora}.chat-page-user strong{display:block;font:700 11px Sora}.chat-page-user small{display:block;margin-top:2px;color:#4fd58c;font-size:8px}.chat-page-empty{margin:auto;padding:30px;color:#706b66;text-align:center;font-size:12px}.chat-page-login{margin:auto;max-width:420px;text-align:center;padding:30px}.chat-page-login .material-symbols-outlined{font-size:42px;color:#d29a51}.chat-page-login h3{margin:12px 0 8px;font:800 24px Sora}.chat-page-login p{color:#8e8781;font-size:13px;line-height:1.6}.chat-page-login a{display:inline-flex;margin-top:10px;padding:13px 17px;background:#df9d4b;color:#241508;text-decoration:none;font:800 10px 'Space Grotesk'}.chat-page-dm-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #302d2a}.chat-page-dm-head button{border:0;background:transparent;color:#e2a456;font-size:24px;cursor:pointer}.chat-page-dm-head strong{font:800 12px Sora}.chat-page-mod{flex:1;overflow:auto;padding:16px}.chat-page-report{padding:13px;margin-bottom:9px;border:1px solid #403630;background:#15161a}.chat-page-report strong{color:#e6ac63;font:800 11px Sora}.chat-page-report p{font-size:12px;line-height:1.45}.chat-page-report small{display:block;color:#a77d6d;font-size:8px}.chat-page-report-actions{display:flex;gap:8px;margin-top:10px}.chat-page-report-actions button{flex:1;min-height:36px;border:1px solid #56483c;background:#26201b;color:#d9c1a6;font:800 8px 'Space Grotesk';cursor:pointer}
@media(max-width:1000px){.chat-page-shell{grid-template-columns:210px minmax(0,1fr)}.chat-page-users{display:none}}
@media(max-width:720px){.chat-page-main{padding:10px 0 0}.chat-page-hero{padding:0 14px 10px;margin:0;align-items:start}.chat-page-hero p{font-size:11px}.chat-page-live{display:none}.chat-page-shell{height:calc(100dvh - 145px);min-height:500px;display:block;border-left:0;border-right:0}.chat-page-channels{height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;border-right:0;border-bottom:1px solid #322d29}.chat-page-channel{min-height:52px;margin:0;border:0;border-right:1px solid #292824;padding:7px;justify-content:center;text-align:center;gap:5px}.chat-page-channel div small{display:none}.chat-page-channel .material-symbols-outlined{font-size:17px}.chat-page-channel strong{font-size:9px}.chat-page-section-title,.chat-page-account{display:none}.chat-page-conversation{height:calc(100% - 53px)}.chat-page-conversation-head{height:58px;padding:0 12px}.chat-page-conversation-head h2{font-size:15px}.chat-page-conversation-head>span{max-width:46%;text-align:right;font-size:7px}.chat-page-messages{padding:11px 9px}.chat-page-message{max-width:90%;padding:9px 10px}.chat-page-message p{font-size:13px}.chat-page-composer{grid-template-columns:1fr 48px;padding:8px 9px calc(8px + env(safe-area-inset-bottom))}.chat-page-composer textarea{min-height:46px;font-size:16px}.chat-page-mod-nav:not([hidden]){display:flex}.chat-page-channels:has(.chat-page-mod-nav:not([hidden])){grid-template-columns:repeat(4,1fr)}}
/* Fixed-header offset */
.chat-page-body{padding-top:74px}
.chat-page-main{min-height:calc(100vh - 74px)}
@media(max-width:720px){
  .chat-page-body{padding-top:64px}
  .chat-page-shell{height:calc(100dvh - 155px)}
}