dialog.community-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(680px,100%);height:100dvh;max-width:100%;max-height:100dvh;padding:0;border:0;border-left:1px solid #303030;background:#0a0a0a;color:#eee;overflow:auto;overscroll-behavior:contain;font:400 16px/1.6 Inter,Arial,sans-serif;box-sizing:border-box;box-shadow:-24px 0 90px #0005;transform:none;border-radius:0}
.community-drawer::backdrop{background:#0009;backdrop-filter:blur(5px)}
.community-drawer[open]{animation:community-slide-in .7s cubic-bezier(.22,1,.36,1) both}
.community-drawer[open]::backdrop{animation:community-dim-in .45s ease both}
.community-drawer.community-closing{animation:community-slide-out .45s cubic-bezier(.76,0,.24,1) both}
.community-drawer.community-closing::backdrop{animation:community-dim-out .45s ease both}
.community-drawer *{box-sizing:border-box}
.community-drawer .community-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 32px;background:#0a0a0a;border-bottom:1px solid #ffffff18}
.community-drawer .community-top img{width:155px;height:auto;display:block}
.community-drawer .community-close{display:grid;place-items:center;width:44px;height:44px;background:#ffffff0c;color:#fff;border:1px solid #ffffff30;border-radius:50%;font:28px/1 Arial;cursor:pointer}
.community-drawer .community-content{padding:28px 36px 40px}
.community-drawer h2{font-size:28px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:24px 0 16px}
.community-drawer #community-drawer-title{font-size:clamp(34px,5vw,52px);line-height:1.06;letter-spacing:-.045em;margin:18px 0 22px}
.community-drawer h3{font-size:19px;line-height:1.3;font-weight:600;margin:0 0 10px}
.community-drawer p{margin:0 0 16px;color:#bcbcbc;font-size:16px;line-height:1.6}
.community-drawer .eyebrow,.community-drawer .textlink{color:#1ff990}
.community-drawer .eyebrow{font-size:14px}
.community-drawer .lead{font-size:18px;color:#d0d0d0}
.community-drawer a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.community-drawer :focus-visible{outline:2px solid #1ff990;outline-offset:4px}
.community-drawer .banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0;padding:25px;border-radius:20px;background:linear-gradient(100deg,#69e9c6,#0055ff);color:white}
.community-drawer .banner strong{font-size:25px;line-height:1.2;letter-spacing:-.03em}
.community-drawer .banner p{color:white;margin:8px 0 0;font-size:14px}
.community-drawer .pill{padding:9px 16px;background:#fff;color:#141414;border-radius:30px;font-weight:700;font-size:13px;white-space:nowrap}
.community-drawer .columns{display:grid;grid-template-columns:1fr;gap:32px;margin:24px 0}
.community-drawer .module{padding:22px 0;border-bottom:1px solid #ffffff20}
.community-drawer .modules{border-top:1px solid #ffffff20}
.community-drawer .module p{margin-bottom:0}
.community-drawer .note{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:22px;margin-top:24px}
.community-drawer .note p{margin-bottom:0}
.community-drawer .community-footer{display:flex;flex-wrap:wrap;gap:16px;padding-top:24px;border-top:1px solid #ffffff20;font-size:14px;color:#aaa}
.community-drawer .community-footer>span{flex-basis:100%}
@keyframes community-slide-in{from{transform:translateX(102%)}to{transform:translateX(0)}}
@keyframes community-slide-out{from{transform:translateX(0)}to{transform:translateX(102%)}}
@keyframes community-dim-in{from{opacity:0}to{opacity:1}}
@keyframes community-dim-out{from{opacity:1}to{opacity:0}}
@media(max-width:600px){.community-drawer .community-top{padding:16px 20px}.community-drawer .community-content{padding:24px 20px 32px}.community-drawer .banner{padding:20px;gap:12px}.community-drawer .banner strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.community-drawer[open],.community-drawer[open]::backdrop,.community-drawer.community-closing,.community-drawer.community-closing::backdrop{animation:none!important}}