:root{--accent:#2869cc;--accent-deep:#1c53a8;--rail:#14233c;--mint:#99c5ff}
.brand-mark{overflow:hidden;background:#dce1e8;border:1px solid #46638b55}
.brand-mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.28)}
.brand-mark:after{display:none}
.brand .brand-mark{width:48px;height:48px}
.rail-button.selected{color:#b8d0ff}
.rail-button.selected:before{background:#8bb8ff}
.story-orbit>span{background:#263b59;border-color:#456184;color:#d7e5f8}
.story-orbit>span:nth-child(2){background:var(--accent);border-color:var(--accent);color:white}
.story-orbit>span:nth-child(3){background:#c5dafa;border-color:#c5dafa;color:#345782}
.conversation-item.active{background:#edf2fb}
.new-chat,.segmented,.secondary{background:#ecf2fc}
.mine .message-bubble{background:#e7effc;border-color:#dbe6f8}
.read-receipt{color:#527eb9}
.art-bubble{background:#dae5f8}
.art-bubble span{color:#84a6dc}
.art-small{background:#d5e5f5;color:#7d9fc5}
.danger{background:#fbf0f3}

/* Use the supplied wordmark without modifying the image file. */
.rail .brand-mark{position:relative;background:#020a19}
.rail .brand-mark img{position:absolute;width:340%;height:auto;max-width:none;left:-12%;top:50%;transform:translateY(-50%)}
.wordmark{position:relative;overflow:hidden;background:#020a19;border-radius:18px}
.wordmark img{display:block;position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-50%)}
.brand.wordmark{width:300px;max-width:100%;height:100px}
.home-brand{width:400px;max-width:100%;height:150px;margin-bottom:24px;box-shadow:0 12px 35px #14233c16}
.home-call-actions{display:flex;justify-content:center;gap:10px;margin-top:14px;flex-wrap:wrap}
.home-call-actions button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #d8e3f5;border-radius:10px;color:#225aab;font-size:12px;min-height:44px}
.home-call-actions svg{width:18px;height:18px}
.home-call-actions button:hover{background:#dce9ff}
.empty-footnote{margin-top:25px}
.mobile-call-actions{display:none}
@media(max-width:700px){.mobile-call-actions{display:block;padding:0 18px}.mobile-call-actions .home-call-actions{gap:6px}.mobile-call-actions button{flex:1;padding:10px 6px;font-size:10px}.brand.wordmark{width:250px;height:80px}}
@media(max-height:740px) and (min-width:701px){.home-brand{height:110px;width:340px;margin-bottom:16px}.empty-state h2{font-size:29px;margin-top:12px}.empty-state>p{margin-bottom:16px}.empty-footnote{margin-top:18px}}