.chatApp{color:#fff;background:#0a0b0c;grid-template-columns:minmax(330px,42%) 1fr;min-height:100vh;display:grid}.chatInfo{color:#090909;background:#e7b52b;flex-direction:column;justify-content:center;padding:70px 6vw;display:flex}.chatBack{letter-spacing:1.5px;font-size:10px;font-weight:800;position:absolute;top:30px}.chatKicker{letter-spacing:2.3px;margin:0 0 25px;font-size:10px;font-weight:800}.chatInfo h1{font:400 clamp(85px,11vw,175px)/.78 var(--font-display),Impact;margin:0}.chatInfo>p:not(.chatKicker){max-width:520px;margin:35px 0;font-size:14px;line-height:1.75}.privacyNote{border-top:1px solid #654e00;max-width:520px;padding-top:22px}.privacyNote strong,.privacyNote span{display:block}.privacyNote strong{letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;font-size:10px}.privacyNote span{font-size:11px;line-height:1.6}.volunteerEntry{letter-spacing:1.5px;margin-top:35px;font-size:9px;font-weight:800;text-decoration:underline}.chatPanel{grid-template-rows:auto 1fr auto;min-height:100vh;max-height:100vh;display:grid}.chatPanelHeader{border-bottom:1px solid #292929;justify-content:space-between;align-items:center;min-height:88px;padding:18px 4vw;display:flex}.chatPanelHeader>div{grid-template-columns:auto 1fr;align-items:center;column-gap:10px;display:grid}.onlineDot{background:#4aba67;border-radius:50%;grid-row:1/3;width:9px;height:9px}.chatPanelHeader strong{letter-spacing:1.5px;font-size:11px}.chatPanelHeader small{color:#777;margin-top:4px;font-size:9px;display:block}.chatPanelHeader button{color:#777;letter-spacing:1px;cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:800}.messageList{flex-direction:column;gap:18px;padding:45px 5vw;display:flex;overflow-y:auto}.chatWelcome{text-align:center;width:min(650px,100%);margin:auto}.chatWelcome>span{color:#e7b52b;letter-spacing:2px;font-size:9px;font-weight:800}.chatWelcome h2{font:400 clamp(44px,6vw,78px)/1 var(--font-display),Impact;margin:24px 0 38px}.topicPicker{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.topicPicker button{color:#aaa;cursor:pointer;background:#17191a;border:1px solid #333;min-height:70px;padding:10px;font-size:10px;font-weight:700}.topicPicker button.active{color:#090909;background:#e7b52b;border-color:#e7b52b}.message{max-width:75%;padding:15px 18px}.message.visitor{color:#090909;background:#e7b52b;align-self:flex-end}.message.volunteer{background:#232526;align-self:flex-start}.message small{letter-spacing:1.4px;opacity:.65;font-size:7px;font-weight:800}.message p{white-space:pre-wrap;margin:7px 0;line-height:1.55}.message time{opacity:.55;text-align:right;font-size:8px;display:block}.chatComposer{border-top:1px solid #292929;padding:18px 4vw 24px}.chatComposer label{color:#777;letter-spacing:1.5px;font-size:8px;font-weight:800}.chatComposer textarea{resize:none;color:#fff;width:100%;height:80px;font:14px var(--font-sans);background:0 0;border:0;outline:none;padding:10px 0;display:block}.chatComposer>div{justify-content:space-between;align-items:center;gap:20px;display:flex}.chatComposer span{color:#777;font-size:8px}.chatComposer button{color:#090909;letter-spacing:1px;cursor:pointer;background:#e7b52b;border:0;padding:15px 24px;font-size:9px;font-weight:800}.chatComposer button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:800px){.chatApp{grid-template-columns:1fr}.chatInfo{min-height:520px;padding:100px 7vw 60px}.chatInfo h1{font-size:100px}.chatPanel{min-height:750px;max-height:none}.messageList{min-height:450px}.topicPicker{grid-template-columns:1fr}.chatWelcome{padding:20px 0}.message{max-width:90%}}