#public-channel-root{position:fixed;inset:0;display:flex;flex-direction:column;background-color:#16171b;font-family:ui-sans-serif,-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif;color:#f2f3f5}.public-channel-topbar{flex:0 0 auto;display:flex;align-items:center;gap:12px;box-sizing:border-box;min-height:56px;padding:env(safe-area-inset-top,0px) 16px 0;background-color:#1b1c21;border-bottom:1px solid rgba(255,255,255,.08)}.public-channel-home{display:flex;flex:0 0 auto;align-items:center}.public-channel-title{flex:1;min-width:0}.public-channel-community{display:flex;align-items:center;gap:6px;min-width:0;font-size:15px;font-weight:600}.public-channel-community-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.public-channel-community-link{color:inherit;text-decoration:none;border-radius:4px}.public-channel-community-link:hover,.public-channel-community-link:focus-visible{text-decoration:underline;text-underline-offset:3px}.public-channel-verified{flex:0 0 auto;width:16px;height:16px}.public-channel-meta{display:flex;align-items:center;gap:5px;margin-top:1px;font-size:12px;color:#f2f3f599;white-space:nowrap;overflow:hidden}.public-channel-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;color:#fff;background-color:#4a7c59}.public-channel-count{display:inline-flex;align-items:center;gap:5px}.public-channel-members{display:inline-flex}.public-channel-meta-dot{opacity:.6}.public-channel-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.public-channel-link{padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;color:#f2f3f5d9;text-decoration:none;transition:all .15s ease}.public-channel-link:hover{color:#fff;background-color:#ffffff14}.public-channel-cta{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;color:#fff;text-decoration:none;white-space:nowrap;background:linear-gradient(135deg,#4a7c59e6,#5a8c69e6);border:1px solid rgba(144,238,144,.3);box-shadow:0 2px 8px #4a7c594d;transition:all .15s ease}.public-channel-cta:hover{background:linear-gradient(135deg,#4a7c59,#5a8c69);border-color:#90ee9080;box-shadow:0 2px 12px #4a7c5973}.public-channel-stage{position:relative;flex:1;min-height:0;display:flex}html.public-channel-view .public-channel-stage.main-view{height:auto}.public-channel-stage.main-view .chat-view{margin-top:0;border-top:none;min-width:0}html.public-channel-view .chat-input-container,html.public-channel-view .typing-indicator-container,html.public-channel-view .pending-sends-bar,html.public-channel-view .chat-message-options,html.public-channel-view .message-reaction-add-button{display:none!important}html.public-channel-view .message-reaction{pointer-events:none}.public-channel-joinbar{display:flex;align-items:center;gap:10px;margin:0 16px calc(16px + env(safe-area-inset-bottom,0px));padding:10px 10px 10px 14px;border-radius:12px;font-size:13px;color:#f2f3f5d9;background-color:#28283099;border:1px solid rgba(255,255,255,.1)}.public-channel-joinbar-icon{display:flex;flex:0 0 auto;color:#90ee90d9}.public-channel-joinbar-text{flex:1;min-width:0}.public-channel-cta.public-channel-cta-join{display:block;flex:0 1 auto;max-width:50%;overflow:hidden;text-overflow:ellipsis}.public-channel-loading{flex:1;display:flex;align-items:center;justify-content:center}.public-channel-loading .loading-logo{width:96px;height:96px}.public-channel-unavailable{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px}.public-channel-unavailable-card{max-width:400px;padding:28px 24px;border-radius:16px;text-align:center;background:#28283073;border:1px solid rgba(255,255,255,.12)}.public-channel-unavailable-icon{display:flex;justify-content:center;margin-bottom:12px;color:#90ee90d9}.public-channel-unavailable-card h1{margin:0 0 8px;font-size:18px}.public-channel-unavailable-card p{margin:0 0 18px;font-size:14px;line-height:1.45;color:#f2f3f5b3}#public-channel-root{z-index:1}#public-channel-root:empty{pointer-events:none;background-color:transparent}@media(max-width:600px){.public-channel-link,.public-channel-count{display:none}.public-channel-joinbar{margin:0 10px calc(10px + env(safe-area-inset-bottom,0px))}}
