/* Compact invitation; native dialog supplies focus containment and Escape. */
.rh-channel-popup{width:min(352px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text-primary);box-shadow:0 20px 64px #00000038;scrollbar-width:thin}
.rh-channel-popup::backdrop{background:#11151e99;backdrop-filter:blur(4px)}
html.rh-channel-popup-open{overflow:hidden}
.rh-channel-hero{position:relative;overflow:hidden;padding:15px 20px;background:var(--brand-bright,#ffcc00);color:#242528}
.rh-channel-hero::after{content:"";position:absolute;right:-36px;bottom:-92px;width:160px;height:160px;border:1px solid #24252820;border-radius:50%;box-shadow:0 0 0 22px #24252807;pointer-events:none}
.rh-channel-close{position:absolute;top:14px;right:10px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:12px;border:0;border-radius:50%;background:transparent;color:#242528;cursor:pointer}
.rh-channel-close:hover{background:#24252814}
.rh-channel-close svg{width:19px;height:19px}
.rh-channel-hero-main{position:relative;z-index:1;display:flex;align-items:center;gap:11px;padding-right:30px}
.rh-channel-logo{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:#fff;color:#128c4a;box-shadow:0 3px 10px #24252812}
.rh-channel-logo svg{width:27px;height:27px}
.rh-channel-kicker{display:block;font-size:8px;font-weight:750;letter-spacing:.1em;margin-bottom:3px}
.rh-channel-hero-main strong{display:block;font-size:16px;line-height:1.3;font-weight:750;letter-spacing:-.035em}
.rh-channel-body{padding:18px 20px 10px}
.rh-channel-popup h2{margin:0 0 7px;color:var(--text-primary);font-size:23px;font-weight:750;line-height:1.2;letter-spacing:-.04em}
.rh-channel-body>p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.6}
.rh-channel-benefits{display:grid;gap:7px;list-style:none;margin:13px 0 15px;padding:0}
.rh-channel-benefits li{display:flex;align-items:center;gap:9px;color:var(--text-primary);font-size:11px;font-weight:600;line-height:1.5}
.rh-channel-benefits li>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:7px;background:#e6f6eb;color:#128c4a}
.rh-channel-benefits svg{width:15px;height:15px}
.rh-channel-join{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;padding:10px 12px;border:1px solid #128c4a;border-radius:11px;background:#128c4a;color:#fff;font-size:12px;font-weight:700;text-align:center;text-decoration:none;box-shadow:0 4px 12px #128c4a24}
.rh-channel-join:hover{background:#0b713a;border-color:#0b713a;color:#fff}
.rh-channel-join svg{flex-shrink:0;width:16px;height:16px}
.rh-channel-later{display:block;width:100%;min-height:44px;margin-top:2px;padding:8px;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);font:inherit;font-size:11px;cursor:pointer}
.rh-channel-later:hover{background:var(--bg-secondary);color:var(--text-primary)}
.rh-channel-popup :is(a,button):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.rh-channel-close:focus-visible{outline-color:#242528;outline-offset:-5px}
:root[data-theme=dark] .rh-channel-benefits li>span{background:#193e2b;color:#79e0a0}
@media(max-width:380px){.rh-channel-popup{width:calc(100% - 28px);border-radius:18px}.rh-channel-hero{padding-inline:17px}.rh-channel-body{padding-inline:17px}}