.community .community-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:65px;align-items:center}
.community-apps{min-width:0;position:relative;padding:12px 0 0}
.app-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);align-items:start;gap:24px;max-width:570px;margin:auto;position:relative}
.app-pair:before{content:'';position:absolute;inset:16% -5% 6%;border-radius:50%;background:radial-gradient(ellipse,#012d7b0e,transparent 70%);z-index:-1}
.app-device{min-width:0;margin:0}.app-device-detail{padding-top:64px}
.app-screen-button{display:block;width:100%;padding:6px;border:1px solid #405065;border-radius:30px;background:#132337;box-shadow:0 18px 38px #11223d1f,0 2px 5px #11223d22;cursor:zoom-in;overflow:hidden;transition:transform .25s,box-shadow .25s}
.app-screen-button:hover{transform:translateY(-5px);box-shadow:0 24px 45px #11223d29}
.app-screen-button img{display:block;width:100%;height:auto;aspect-ratio:1320/2868;object-fit:contain;border-radius:24px;background:#f4f6f7}
.app-device figcaption{font-size:13px;color:var(--muted);line-height:1.6;margin-top:17px;text-align:center}
.app-preview-controls{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px;flex-wrap:wrap}
.app-preview-controls>span{font-size:13px;color:var(--muted);margin-right:10px}
.app-preview-controls button{border:1px solid #c3cedd;border-radius:4px;background:transparent;color:var(--ink);font:600 13px var(--font);padding:9px 14px;transition:background .2s}
.app-preview-controls button[aria-pressed=true]{background:var(--brand);color:white;border-color:var(--brand)}
.community .app-preview-note{font-size:12px;color:var(--muted);margin:12px auto 0;text-align:center;line-height:1.6;max-width:none}
.app-lightbox{width:min(560px,94vw);max-height:94dvh;padding:0;border:1px solid #72829b;border-radius:12px;background:#f4f6fa;color:var(--ink);box-shadow:0 24px 100px #0006;overflow:auto}
.app-lightbox::backdrop{background:#031022d9;backdrop-filter:blur(7px)}
.app-lightbox-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f4f6fa;padding:15px 20px;border-bottom:1px solid var(--line)}
.app-lightbox h2{font-size:18px;letter-spacing:0;line-height:1.4}
.app-lightbox-bar button{background:var(--brand);color:white;border:0;border-radius:4px;padding:10px 15px;font-size:14px;flex-shrink:0}
.app-lightbox>img{display:block;width:100%;height:auto}
@media(max-width:1100px){.community .community-grid{gap:35px}.app-pair{gap:16px}.app-device-detail{padding-top:48px}.app-screen-button{border-radius:24px;padding:5px}.app-screen-button img{border-radius:19px}.app-device figcaption{font-size:12px}}
@media(max-width:950px){.community .community-grid{grid-template-columns:minmax(0,1fr);gap:36px}.community-apps{max-width:600px;margin:0 auto;width:100%}.community .community-grid>div:first-child{max-width:650px}.app-pair{max-width:530px;gap:25px}.app-screen-button{border-radius:29px;padding:6px}.app-screen-button img{border-radius:23px}}
@media(max-width:599px){.app-pair{gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.app-device-detail{padding-top:42px}.app-screen-button{border-radius:20px;padding:4px}.app-screen-button img{border-radius:16px}.app-device figcaption{font-size:12px;margin-top:12px}.app-preview-controls{margin-top:20px;gap:8px}.app-preview-controls>span{width:100%;text-align:center;margin:0 0 3px}.community .app-preview-note{font-size:12px}.app-lightbox-bar{padding:12px}.app-lightbox h2{font-size:16px}.app-lightbox-bar button{font-size:13px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.app-screen-button{transition:none}.app-screen-button:hover{transform:none}}