/* A single responsive web poster. Live type and original payment asset remain separate from generated art. */
.community-screen{height:100vh;height:100dvh;min-height:0;scroll-snap-align:start;scroll-snap-stop:always;padding:94px max(30px,calc((100vw - 1240px)/2)) 18px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:17px;background:#f0f2f3;color:#18263c;overflow:hidden}
.community-sheet{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;height:100%;background:#fbfcfd;border:1px solid #ccd2dc;border-radius:14px;overflow:hidden;box-shadow:0 16px 30px -25px #11233d66}
.community-banner{position:relative;isolation:isolate;overflow:hidden;min-height:0;background:radial-gradient(ellipse at 76% 65%,#203e62 0,transparent 45%),#091629;color:#f5f7fb}
.community-brand{position:absolute;z-index:2;left:6%;top:50%;transform:translateY(-50%);width:44%;max-width:530px}
.community-founders{font-size:16px;letter-spacing:5px;font-weight:400;margin:0 0 10px;color:#b7c4d7}.community-founders span{font:italic 18px Georgia,serif;letter-spacing:1px;margin:0 8px}
.community-brand h2{margin:0;line-height:1;font-weight:400}.bistar-wordmark{display:block;width:clamp(240px,28vw,385px);line-height:0}.bistar-wordmark img{display:block;width:100%;height:auto}.bistar-chinese{display:block;font-family:"Songti SC","Noto Serif SC",serif;font-size:clamp(30px,3.4vw,46px);letter-spacing:12px;margin:20px 0 0 4px;font-weight:400}
.community-motto{margin:24px 0 0;font-size:14px;color:#b7c4d7;letter-spacing:1.5px}
.community-person{position:absolute;z-index:1;bottom:-26%;right:3%;height:123%;width:58%;max-width:none;object-fit:contain;object-position:center top}
.community-orbit{position:absolute;z-index:0;inset:16% -12% -40% 18%;border:1px solid #b7c8e333;border-radius:50%;transform:rotate(-18deg);pointer-events:none}.community-orbit::after{content:"";position:absolute;inset:12px -5px;border:1px solid #b7c8e314;border-radius:50%}
.community-signature{position:absolute;z-index:2;right:30px;bottom:18px;font:italic 15px Georgia,serif;color:#d6deea}
.community-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;list-style:none;padding:22px 0 0;margin:26px 0 0;background:transparent;border-top:1px solid #b7c8e338}
.community-benefits li{display:flex;align-items:flex-start;gap:12px;min-width:0}.benefit-number{font:400 30px/1 "Bodoni 72",Didot,Georgia,serif;letter-spacing:-1.5px;color:#c6d3e6}.community-benefits h3{font-size:14px;line-height:1.5;font-weight:500;margin:0;color:#f0f4fa}.community-benefits p{font-size:11px;color:#a9b8ce;margin:5px 0 0;line-height:1.5}
.community-enroll{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:20px 32px;background:#e9edf1;border-top:1px dashed #b8c3d1;position:relative;z-index:3}
.payment-entry{display:flex;align-items:center;gap:22px;flex-shrink:0}.payment-code{border:0;background:#fff;border-radius:5px;padding:5px;cursor:zoom-in;line-height:0;box-shadow:0 3px 12px #17243a0b}.payment-qr-frame{display:block;width:102px;height:102px;overflow:hidden;position:relative;background:#fff}.payment-qr-frame img{position:absolute;max-width:none;width:211.7424%;height:auto;left:-55.6818%;top:-92.4242%}
.payment-price p{margin:0 0 4px;color:#68768b;font-size:11px;letter-spacing:2px}.payment-price strong{display:block;font:500 56px/.98 "Bodoni 72",Didot,Georgia,serif;letter-spacing:-2.5px}.payment-price strong small{font:400 21px Arial,sans-serif;letter-spacing:0;margin-right:4px}.payment-price>span{display:block;font-size:10px;color:#68768b;margin-top:8px}
.community-contact{text-align:right;min-width:0}.community-contact-top>span{display:block;font-size:11px;color:#607086}.community-contact-top b{font:500 17px Arial,sans-serif;letter-spacing:.4px;color:#1b2b43;margin-left:8px}.enrollment-status{font-size:10px;color:#647388;line-height:1.5;min-height:1.5em;margin:6px 0 0}.community-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.community-actions a,.community-actions button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:42px;padding:10px 17px;border:1px solid #aebbc9;border-radius:5px;font-size:12px;white-space:nowrap;text-decoration:none;font-weight:500;background:transparent;color:#263b56}.community-actions .community-copy{background:#142740;border-color:#142740;color:#fff}.community-actions span{font-size:18px;line-height:1}.community-actions a:hover{background:#fff9}.community-actions .community-copy:hover{background:#27405f}
.community-end{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#68768b}.community-end a{text-decoration:none}.community-end>span{font-size:9px;letter-spacing:2px}
.community-dialog{max-width:440px;width:calc(100% - 28px);max-height:calc(100dvh - 24px);padding:22px;overflow:auto;overscroll-behavior:contain}.community-dialog h2{font-size:19px;margin:0 35px 18px 0}.community-dialog-close{position:absolute;right:12px;top:12px;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:22px}.community-payment-original{display:block;width:100%;height:auto}.community-payment-download{display:block;text-align:center;font-size:12px;padding-top:16px;text-underline-offset:4px}
@media(min-width:761px) and (max-width:1050px){.community-benefits{gap:18px 13px;padding-top:18px;margin-top:22px}.community-benefits li{gap:9px}.benefit-number{font-size:28px}.community-benefits h3{font-size:12px}.community-benefits p{font-size:10px}.community-enroll{padding:18px 22px}}
@media(min-width:761px) and (max-height:720px){.community-screen{padding-top:88px;gap:12px}.community-benefits{padding-top:16px;margin-top:19px;gap:17px 14px}.community-enroll{padding-top:14px;padding-bottom:14px}.payment-qr-frame{width:86px;height:86px}.payment-price strong{font-size:46px}.bistar-wordmark{width:270px}.bistar-chinese{font-size:32px;margin-top:12px}.community-founders{font-size:13px;margin-bottom:8px}.community-motto{margin-top:16px;font-size:12px}.community-actions{margin-top:10px}}
@media(max-width:760px){
  .community-screen{padding:calc(78px + env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));gap:12px}.community-sheet{border-radius:10px}.community-brand{left:6%;top:50%;width:47%}.community-founders{font-size:11px;letter-spacing:2px;margin-bottom:14px}.community-founders span{font-size:13px;margin-inline:3px}.bistar-wordmark{width:clamp(146px,40vw,200px)}.bistar-chinese{font-size:27px;letter-spacing:6px;margin:13px 0 0 2px}.community-motto{font-size:10px;letter-spacing:0;margin:20px 0 0;max-width:116px;line-height:1.8}.community-person{width:75%;height:100%;right:-16%;bottom:0;object-position:center bottom}.community-signature{right:14px;bottom:12px;font-size:10px}.community-orbit{inset:14% -40% -5% 16%}
  .community-benefits{grid-template-columns:minmax(0,1fr);gap:13px;padding:16px 0 0;margin:19px 0 0}.community-benefits li{gap:9px}.benefit-number{font-size:23px;letter-spacing:-1px;margin-top:1px}.community-benefits h3{font-size:12px;line-height:1.4}.community-benefits p{font-size:10px;margin-top:3px}
  .community-enroll{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;padding:15px 17px}.payment-entry{gap:15px}.payment-qr-frame{width:78px;height:78px}.payment-code{padding:4px}.payment-price strong{font-size:45px}.payment-price strong small{font-size:17px}.payment-price p{font-size:10px;letter-spacing:1px;margin-bottom:3px}.payment-price>span{font-size:9px;margin-top:5px}
  .community-contact{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.community-contact-top{min-width:0}.community-contact-top>span{font-size:9px}.community-contact-top b{display:block;margin:3px 0 0;font-size:16px}.enrollment-status{font-size:8px;line-height:1.4;margin-top:5px;max-width:142px}.community-actions{margin:0;gap:6px}.community-actions a,.community-actions button{min-height:40px;font-size:10px;padding:9px 11px;gap:8px}.community-actions span{font-size:14px}.community-end{font-size:9px}.community-end>span{font-size:8px}
}
@media(max-width:760px) and (max-height:740px){
  .community-screen{padding-top:calc(72px + env(safe-area-inset-top));gap:9px}.community-benefits{gap:10px;padding-top:13px;margin-top:15px}.community-benefits h3{font-size:11px}.community-benefits p{font-size:9px;margin-top:3px}.benefit-number{font-size:23px}.community-enroll{padding:12px 15px;gap:10px}.payment-qr-frame{width:66px;height:66px}.payment-price strong{font-size:39px}.payment-entry{gap:12px}.community-contact-top b{font-size:15px}.community-actions a,.community-actions button{padding:8px 10px;gap:6px}.community-founders{margin-bottom:9px}.bistar-chinese{font-size:24px;margin-top:10px}.community-motto{margin-top:11px}.community-signature{display:none}
}
@media(max-width:360px){.community-screen{padding-inline:12px}.community-benefits{gap:9px;padding-top:12px;margin-top:14px}.community-enroll{padding-inline:13px}.community-contact{gap:6px}.community-actions{gap:5px}.community-actions a,.community-actions button{font-size:9px;padding-inline:8px;gap:5px}.community-actions span{font-size:12px}.community-contact-top>span{font-size:8px}.community-contact-top b{font-size:14px}.enrollment-status{font-size:7px;max-width:110px}.community-motto{display:none}.community-person{height:100%;bottom:0}.bistar-wordmark{width:136px}}
@media(max-width:760px) and (max-height:600px){
  .community-founders{font-size:10px;margin-bottom:7px}.bistar-wordmark{width:122px}.bistar-chinese{font-size:21px;margin-top:7px}.community-motto{display:none}.community-benefits h3{font-size:11px}.community-benefits p{font-size:9px}.benefit-number{font-size:20px}
}
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape){
  .community-screen{padding:calc(58px + env(safe-area-inset-top)) 22px max(9px,env(safe-area-inset-bottom));gap:9px}.community-sheet{grid-template-columns:minmax(0,1fr) 235px;grid-template-rows:minmax(0,1fr)}.community-banner{grid-column:1;grid-row:1}.community-enroll{grid-column:2;grid-row:1;flex-direction:column;align-items:center;justify-content:center;padding:18px;gap:22px;border-top:0;border-left:1px dashed #b8c3d1}.payment-entry{gap:10px}.payment-qr-frame{width:66px;height:66px}.payment-code{padding:3px}.payment-price p{font-size:9px;letter-spacing:0}.payment-price strong{font-size:37px}.payment-price strong small{font-size:14px}.payment-price>span{font-size:9px}.community-contact{display:block;text-align:center;width:100%}.community-contact-top>span{font-size:9px}.community-contact-top b{font-size:15px;display:inline;margin-left:5px}.enrollment-status{font-size:8px;max-width:none}.community-actions{gap:6px;margin-top:12px;justify-content:center}.community-actions a,.community-actions button{font-size:9px;min-height:34px;padding:8px 10px;gap:5px}.community-actions span{font-size:13px}.community-brand{left:5%;top:50%;width:59%}.community-founders{font-size:10px;margin-bottom:6px;letter-spacing:2px}.community-founders span{font-size:12px;margin-inline:3px}.bistar-wordmark{width:150px}.bistar-chinese{font-size:21px;letter-spacing:6px;margin-top:8px}.community-motto{display:none}.community-benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0 0;margin-top:14px;gap:14px 12px}.community-benefits li{gap:6px}.community-benefits h3{font-size:10px;line-height:1.35}.community-benefits p{font-size:8px;margin-top:3px}.benefit-number{font-size:20px}.community-person{width:55%;height:106%;right:-9%;bottom:-16%;object-position:center top}.community-signature{display:none}.community-end{font-size:8px}
}