/* Navigation, readable surfaces, and keyboard access. */
:root{--accent:#c8ef96;--accent2:#a8dac4;--radius:16px}body{background:#101a15}.home-link{display:block;padding:12px 24px;color:#c8ef96;font-size:14px;text-decoration:none}.landing-shell{height:calc(100dvh - 47px)}.app-shell{height:calc(100dvh - 47px)}.chat-main{height:calc(100dvh - 83px)}.hero-card,.preview-card,.auth-card,.panel,.chat-main{background:#18251e;box-shadow:none;border-color:#344239}.brand-pill{color:#edf1ed}.hero-card h1{letter-spacing:-.05em}.field{background:#111c16}.message-list{background:#142019}:focus-visible{outline:3px solid #c8ef96!important;outline-offset:3px}.status,.status-line{overflow-wrap:anywhere}.preview-messages{overflow-wrap:anywhere}@media(max-width:980px){html,body{overflow:auto}.landing-shell,.app-shell{height:auto;min-height:calc(100dvh - 47px)}.chat-main{height:75dvh;min-height:480px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.room-announcement{padding:14px 20px;border-bottom:1px solid #344239;background:#243528;color:#dceacb;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.announcement-editor{padding:10px 16px}.announcement-editor textarea{width:100%;background:#101a15;color:#edf1ed;padding:10px;border:1px solid #455448;border-radius:8px}.announcement-editor button{margin-top:7px}

.shared-image{display:block;max-width:100%;max-height:320px;border-radius:12px;margin-top:12px;object-fit:contain}
/* Keep the conversation, rather than the controls, in the phone viewport. */
.mobile-menu,.mobile-menu-close{display:none}
@media(max-width:980px){
 html:has(.chat-page),body.chat-page{height:100%;overflow:hidden}
 .chat-page .home-link{height:46px;padding:11px 14px;font-size:13px}
 .mobile-menu{display:block;position:absolute;top:5px;right:10px;z-index:35;padding:7px 10px;font-size:13px}
 .chat-page .app-shell{position:relative;display:block;height:calc(var(--chat-viewport,100dvh) - 46px);min-height:0;padding:0 8px 8px}
 .chat-page .chat-main{height:100%;min-height:0;border-radius:16px;display:flex}
 .chat-page .sidebar{display:none}
 .chat-page .nav-open .sidebar{display:flex;position:absolute;inset:0 8px 8px;background:#101a15;padding:12px;overflow:auto;border:1px solid #344239;border-radius:16px;z-index:30}
 .chat-page .nav-open .chat-main{display:none}
 .mobile-menu-close{display:block}
 .chat-page .chat-header{flex-direction:row;align-items:center;padding:10px 12px;gap:8px;flex-wrap:wrap;flex-shrink:0}
 .chat-page .room-info{gap:9px;flex:1;min-width:100px}
 .chat-page .room-avatar{width:34px;height:34px;border-radius:11px;font-size:17px;flex-shrink:0}
 .chat-page .chat-header h1{font-size:20px;max-width:65vw}
 .chat-page .typing-line:empty{display:none}
 .chat-page .header-actions{max-width:none;gap:5px;flex-wrap:nowrap}
 .chat-page .header-actions .icon-btn{width:32px;height:32px;border-radius:9px}
 .chat-page .status-pill{width:auto;padding:6px 8px;font-size:11px}
 .chat-page .message-list{min-height:0;flex:1;padding:12px;overscroll-behavior:contain}
 .chat-page .room-announcement{padding:8px 12px;font-size:12px;max-height:52px;overflow:auto;flex-shrink:0}
 .chat-page .composer{padding:8px 10px calc(8px + env(safe-area-inset-bottom));flex-shrink:0}
 .chat-page .guest-notice{font-size:12px;padding:6px 8px;margin-bottom:6px}
 .chat-page .emoji-row{gap:5px;margin-bottom:6px;flex-wrap:nowrap}
 .chat-page .emoji-btn{width:30px;height:30px;border-radius:9px}
 .chat-page .file-chip{font-size:12px;min-height:30px;padding:0 9px;min-width:0}
 .chat-page .send-row{flex-direction:row;align-items:stretch;gap:7px}
 .chat-page #messageInput{min-height:44px;height:44px;max-height:100px;padding:10px;font-size:16px;resize:none}
 .chat-page .send-btn{width:auto;min-width:62px;padding:10px 13px;border-radius:12px}
 .chat-page .msg{max-width:96%}
 .chat-page .announcement-editor{flex-shrink:0;max-height:160px;overflow:auto}
}
@media(max-width:420px){.chat-page .header-actions{width:100%;justify-content:flex-end}.chat-page .status-pill{margin-right:auto;order:-1}.chat-page .chat-header{row-gap:4px}.chat-page .file-chip{padding:0 5px;font-size:11px}}