.server-fallback{font-family:"Geist Variable","Segoe UI",sans-serif;background:#f8f7f3;color:#20233b;min-height:100vh}
.server-fallback *{box-sizing:border-box}.server-fallback a{color:inherit;text-decoration:none}
.server-fallback .container{max-width:1120px;margin:auto;padding:24px 28px}
.server-fallback .topbar{background:white;border-bottom:1px solid #dedfeb;height:65px}
.server-fallback .topbar .container{height:64px;padding-top:0;padding-bottom:0;display:flex;align-items:center;justify-content:space-between}
.server-fallback .logo{font-weight:700;display:flex;align-items:center;gap:10px}.server-fallback .logo img{width:36px;height:36px}
.server-fallback nav{display:flex;flex-wrap:wrap;gap:16px;font-size:13px}.server-fallback main>nav{margin-bottom:20px}
.server-fallback h1{font-size:28px;font-weight:650;line-height:1.15;margin:0 0 16px}.server-fallback h2{font-size:18px;font-weight:600;margin:24px 0 12px}
.server-fallback p{font-size:14px;line-height:1.7;margin:10px 0}.server-fallback .muted{color:#565b70}
.server-fallback .hero{padding:28px;background:#f0efed;border:1px solid #dedfeb;border-radius:20px;max-width:100%;min-height:160px}
.server-fallback .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.server-fallback .card{background:white;border:1px solid #dedfeb;border-radius:12px;padding:16px;min-width:0}
.server-fallback .group-card{display:block;min-height:100px;overflow:hidden}.server-fallback .group-card .avatar{float:left;margin-right:12px;width:44px;height:44px;border-radius:50%}
.server-fallback .group-card h3{font-size:15px;font-weight:600;margin:0 0 6px}.server-fallback .group-card p{font-size:12px}
.server-fallback .avatar-large{width:80px;height:80px;border-radius:50%}
.server-fallback .badge,.server-fallback .count{font-size:12px;color:#565b70}
.server-fallback .search{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.server-fallback input,.server-fallback select,.server-fallback textarea{border:1px solid #dedfeb;border-radius:8px;padding:8px;background:white;max-width:100%}
.server-fallback .editor{display:grid;gap:10px;max-width:640px}.server-fallback .btn,.server-fallback button{border:1px solid #dedfeb;border-radius:8px;padding:9px 14px;font-size:13px}
.server-fallback .btn-primary{background:#3848a9;color:white}.server-fallback .pagination{margin:20px 0}
.server-fallback .group-detail,.server-fallback .info-page{max-width:764px;margin:auto}.server-fallback .footer{margin-top:36px;border-top:1px solid #dedfeb}
.server-fallback .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:640px){.server-fallback .container{padding:24px 16px}.server-fallback .grid{grid-template-columns:1fr}.server-fallback .topbar nav>a:not(.btn){display:none}.server-fallback .hero{padding:24px}.server-fallback h1{font-size:28px}.server-fallback .categories,.server-fallback .adult-section{display:none}}
