.homepage .header{width:min(1150px,calc(100% - 2rem));min-height:82px}
.homepage .site-login-button{width:45px;height:45px;min-height:45px;padding:0;position:relative;display:block;border-radius:50%;font-size:0}
.homepage .site-login-button::before{content:"";width:10px;height:10px;position:absolute;top:9px;left:50%;border:1.5px solid #c9ced3;border-radius:50%;transform:translateX(-50%)}
.homepage .site-login-button::after{content:"";width:20px;height:11px;position:absolute;bottom:9px;left:50%;border:1.5px solid #c9ced3;border-radius:12px 12px 5px 5px;transform:translateX(-50%)}
.homepage .site-login-button:hover::before,.homepage .site-login-button:hover::after{border-color:#ff713c}
.homepage-main{width:100%;margin:0 auto;padding:34px 0 5rem}
.search-stage{width:min(1490px,calc(100% - 2rem));height:388px;margin:0 auto;display:grid;place-items:center}
.search-composer{width:min(780px,calc(100% - 2rem));min-height:132px;padding:14px 10px 9px 16px;display:grid;grid-template-rows:minmax(54px,1fr) auto;border:1px solid #4a4e52;border-radius:24px;background:#0e1115;box-shadow:0 0 0 6px rgba(24,24,24,.76),0 28px 80px rgba(0,0,0,.25)}
.search-composer:focus-within{border-color:#777d82;box-shadow:0 0 0 8px rgba(24,24,24,.76),0 0 0 3px rgba(255,75,11,.09),0 28px 80px rgba(0,0,0,.25)}
.search-composer input{min-width:0;width:100%;height:54px;padding:0;border:0;outline:0;background:transparent;color:#fff;font-size:.95rem}
.search-composer input::placeholder{color:#9da3a8}
.composer-controls{display:flex;align-items:center;gap:.75rem}
.bas22-connection{margin-left:auto;display:flex;align-items:flex-end;gap:5px;color:#68e79a;font-size:.52rem;font-weight:900;letter-spacing:.08em}
.bas22-live-dot{width:7px;height:7px;align-self:center;border-radius:50%;background:#39d978;box-shadow:0 0 10px rgba(57,217,120,.8);animation:bas22-live-pulse 1.8s ease-in-out infinite}
.bas22-signal{height:15px;display:flex;align-items:flex-end;gap:2px;color:#68e79a}
.bas22-signal i{width:3px;border-radius:2px 2px 0 0;background:currentColor}.bas22-signal i:nth-child(1){height:4px}.bas22-signal i:nth-child(2){height:7px}.bas22-signal i:nth-child(3){height:10px}.bas22-signal i:nth-child(4){height:14px}
.bas22-connection[data-state="weak"]{color:#f0b44d}.bas22-connection[data-state="weak"] .bas22-signal i:nth-child(n+3){opacity:.2}.bas22-connection[data-state="weak"] .bas22-live-dot{background:#f0b44d;box-shadow:0 0 10px rgba(240,180,77,.7)}
.bas22-connection[data-state="offline"]{color:#8b9299}.bas22-connection[data-state="offline"] .bas22-signal i{opacity:.18}.bas22-connection[data-state="offline"] .bas22-live-dot{background:#747b82;box-shadow:none;animation:none}
.bas22-toggle{overflow:hidden}.bas22-toggle img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.bas22-toggle[aria-pressed="true"]{border-color:#ff4b0b!important;box-shadow:0 0 0 4px rgba(255,75,11,.13),0 0 22px rgba(255,75,11,.3)!important}
@keyframes bas22-live-pulse{0%,100%{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}
.composer-plus{width:36px;height:36px;display:grid;place-items:center;color:#d4d7da;font-size:1.35rem}
.composer-mode{margin-left:auto;color:#f3f4f5;font-size:.76rem}
.composer-submit{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:#555;color:#bfc3c6;font-size:1.35rem;font-weight:900;cursor:pointer}
.composer-submit:hover{background:#ff4b0b;color:#fff}
.homepage-activity{width:min(1240px,calc(100% - 2rem));margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:118px;gap:3px;overflow:hidden;background:#050607}
.activity-card{min-width:0;min-height:0;overflow:hidden;position:relative;grid-row:span 2;border:0;background:#0a0c0e;isolation:isolate}
.activity-card:nth-child(1){grid-column:1;grid-row:span 4}
.activity-card:nth-child(2){grid-column:2;grid-row:span 2}
.activity-card:nth-child(3){grid-column:3/span 2;grid-row:span 2}
.activity-card:nth-child(4){grid-column:2;grid-row:span 2}
.activity-card:nth-child(5){grid-column:3;grid-row:span 2}
.activity-card:nth-child(6){grid-column:4;grid-row:span 2}
.activity-card:nth-child(n+7):nth-child(5n+2){grid-column:span 2}
.activity-card:only-child{grid-column:span 2;grid-row:span 4}
.activity-cover{position:absolute;inset:0;display:block;background:#090b0d}
.activity-cover::after{content:"";position:absolute;inset:28% 0 0;background:linear-gradient(180deg,transparent,rgba(3,4,5,.92));pointer-events:none}
.activity-cover img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .35s ease,filter .35s ease}
.activity-card:hover .activity-cover img,.activity-card:focus-within .activity-cover img{transform:scale(1.03);filter:brightness(.8)}
.activity-copy{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:2.5rem .7rem .65rem;display:grid;gap:.25rem;pointer-events:none}
.activity-copy a{pointer-events:auto}
.activity-tags{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}
.activity-tags span{padding:.2rem .35rem;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(5,6,7,.58);color:#fff;font-size:.45rem;font-weight:900;text-transform:uppercase}
.activity-card h2{margin:0;overflow-wrap:anywhere;color:#fff;font-size:clamp(.9rem,1.25vw,1.18rem);line-height:1.02;text-shadow:0 2px 12px #000}
.activity-creator{margin:0;color:#ff5c25;font-size:.58rem;font-weight:900}
.activity-logline,.activity-open{display:none}
.activity-card::after{content:"";position:absolute;z-index:3;inset:0;border:1px solid transparent;pointer-events:none}
.activity-card:hover::after,.activity-card:focus-within::after{border-color:rgba(255,105,54,.7)}

@media(max-width:1050px){.homepage .header{width:calc(100% - 2rem)}
.homepage-main{padding-top:24px}
.search-stage{height:330px}
.homepage-activity{grid-auto-rows:105px}
.activity-card h2{font-size:.9rem}
}

@media(max-width:700px){.homepage .header{min-height:78px}
.homepage .site-login-button{width:40px;height:40px;min-height:40px}
.homepage-main{padding:12px 0 3rem}
.search-stage{width:calc(100% - .75rem);height:270px}
.search-composer{width:calc(100% - 1.25rem);min-height:122px;border-radius:20px}
.bas22-live-label{display:none}.bas22-connection{gap:3px}.bas22-signal{height:13px}
.homepage-activity{width:calc(100% - .65rem);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:105px;gap:2px}
.activity-card,.activity-card:nth-child(n){grid-column:span 1;grid-row:span 2}
.activity-card:nth-child(5n+1){grid-row:span 3}
.activity-card:nth-child(7n+4){grid-column:span 2;grid-row:span 2}
.activity-copy{padding:2rem .55rem .55rem}
.activity-tags span:nth-child(2){display:none}
.activity-card h2{font-size:.88rem}
.activity-creator{font-size:.52rem}
}

@media(max-width:390px){.homepage .header{width:calc(100% - 1rem)}
.homepage .brand{gap:.55rem}
.homepage .brand strong{font-size:.7rem}
.search-stage{height:240px}
.search-composer{min-height:112px;padding:11px 8px 8px 12px}
.search-composer input{font-size:.82rem}
.composer-mode{font-size:.67rem}
.homepage-activity{grid-auto-rows:94px}
.activity-tags{display:none}
}