#community-open{margin-top:10px}
body #community-page{box-sizing:border-box;width:min(358px,92%);padding:25px 22px 16px;text-align:left;border-radius:20px;background:#fffdf5;color:#355d49;border:1px solid #dce3d5;overscroll-behavior:contain}
#community-page .back{position:absolute;float:none;left:auto;right:8px;top:8px;margin:0;width:44px;height:44px;min-height:44px;background:transparent;box-shadow:none;font-size:23px;font-weight:400;color:#748274}
.community-mark{width:48px;height:48px;margin-bottom:12px;border-radius:14px;background:#e9efe1;color:#467655}
.community-mark svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.community-kicker{display:block;font-size:11px;color:#7a8878;letter-spacing:.04em}
#community-page h2{font-size:22px;line-height:1.4;margin:6px 0 10px;color:#355d49}
#community-page #community-description{font-size:13px;line-height:1.8;margin:0 0 18px;color:#687b69}
.community-number{display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px 0 14px;border-top:1px solid #e0e5d8;margin-bottom:4px}
.community-number>span{font-size:11px;color:#87907e}
.community-number>b{grid-column:1;font-size:18px;letter-spacing:.06em;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}
#community-copy{grid-column:2;grid-row:1/3;min-height:44px;padding:8px 10px;border-radius:10px;color:#456d52;background:#edf0e5;font-size:12px}
#community-join,#community-later{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:10px;margin:8px 0 0;border-radius:12px;font:600 14px/1.5 inherit;text-decoration:none;touch-action:manipulation}
#community-join{background:#307454;color:#fffdf5;font-size:14px;font-weight:600;gap:8px}
#community-later{background:#eef1e6;color:#4f6d56;border:1px solid #dbe3d3;font-size:14px}
.community-footnote{display:block;text-align:center;font-size:10px;line-height:1.7;color:#85907d;margin:12px 0 0}
#community-page #community-status{font-size:11px;line-height:1.6;margin:8px 0 0;color:#50735a}
#community-status:empty{display:none}
#community-page :focus-visible{outline:2px solid #4b8763;outline-offset:2px}
@media(max-height:600px){body #community-page{padding:18px 18px 12px}.community-mark{margin-bottom:8px;width:38px;height:38px}.community-mark svg{width:38px;height:38px}#community-page h2{font-size:20px}#community-page #community-description{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){#community-page[open]{animation:none}}