/* BeatLives 1.1 – responsive social UX */
:root{--bl11-shadow:0 12px 42px rgba(33,31,83,.075)}.topbar{position:sticky;top:0;z-index:80;box-shadow:0 2px 18px rgba(33,31,83,.035)}.primary-nav{position:relative;z-index:70}.dashboard{gap:22px;padding-inline:clamp(14px,2vw,40px)}.rail-panel,.widget,.event-card,.bl06-story,.bl05-section{box-shadow:var(--bl11-shadow)!important}.event-card{transition:transform .2s,box-shadow .2s}.event-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(33,31,83,.13)!important}.hero-banner{min-height:320px}.feed-section{margin-top:28px}.bl11-quick-post{margin-top:20px;padding:18px 20px;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e9eaf4;border-radius:20px;box-shadow:var(--bl11-shadow)}.bl11-quick-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#6554f5,#20c6b7);display:grid;place-items:center;color:#fff;font-size:25px;flex:none}.bl11-quick-post>div{flex:1;min-width:0}.bl11-quick-post strong,.bl11-quick-post small{display:block}.bl11-quick-post strong{font-size:14px}.bl11-quick-post small{color:#777f92;font-size:12px}.bl11-quick-post>a,.bl11-launch{background:#6554f5;color:#fff;border:0;border-radius:12px;padding:12px 19px;font-weight:800;cursor:pointer;white-space:nowrap}.bl11-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bl11-photos img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.bl11-photos .widget-empty{grid-column:1/-1}.bl11-launch{width:100%;padding:17px;margin:0 0 20px;text-align:left;background:#fff;color:#6554f5;border:1px solid #e3ddff;box-shadow:var(--bl11-shadow);font-size:16px}.bl11-launch:hover{background:#f6f3ff}.bl11-modal[hidden]{display:none!important}.bl11-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}.bl11-backdrop{position:absolute;inset:0;background:rgba(17,17,40,.7);backdrop-filter:blur(5px)}.bl11-dialog{position:relative;background:#fff;border-radius:23px;width:min(780px,100%);max-height:min(90vh,900px);display:flex;flex-direction:column;box-shadow:0 25px 100px rgba(0,0,0,.25);overflow:hidden}.bl11-dialog-head{padding:17px 22px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;color:#6554f5;font-size:20px}.bl11-close{font-size:28px;border:0;background:#f2f1f8;border-radius:50%;width:38px;height:38px;cursor:pointer}.bl11-dialog-content{overflow-y:auto;padding:20px}.bl11-dialog-content .bl06-composer{margin:0;box-shadow:none}.bl11-modal-open{overflow:hidden}.bl06-community{max-width:1100px;margin-inline:auto}.bl06-feed{gap:18px}.bl06-story{border-radius:20px!important}.bl05-profile-head{min-height:180px}.bl05-stats>div{border-radius:15px}.bl11-mobile-publish{position:relative}.bl11-mobile-publish span{display:grid;place-items:center;background:#6554f5;color:#fff!important;width:43px;height:43px;border-radius:15px;margin-top:-17px;box-shadow:0 5px 14px rgba(101,84,245,.3)}@media(max-width:1180px){.dashboard{gap:16px}}@media(max-width:760px){.topbar{position:relative}.dashboard{padding-inline:12px}.bl11-quick-post{padding:13px;gap:10px}.bl11-quick-post small{display:none}.bl11-quick-post>a{padding:10px 12px}.bl11-modal{padding:0;align-items:end}.bl11-dialog{width:100%;border-radius:22px 22px 0 0;max-height:93dvh}.bl11-dialog-content{padding:14px}.bl11-launch{margin-top:10px}.mobile-nav{height:73px;padding-bottom:env(safe-area-inset-bottom);z-index:900}.mobile-nav a{flex:1;min-width:0}.bl11-mobile-publish span{font-size:29px!important}.hero-banner{min-height:260px}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:390px){.bl11-quick-post strong{font-size:12px}.bl11-quick-avatar{width:37px;height:37px}}