*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Open Sans','Helvetica Neue',sans-serif;background:#0f1115;color:#eaeef2}
.app-header, .app-footer{position:sticky;left:0;right:0;background:#161a22;padding:10px;border-bottom:1px solid #2a2f3a;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:5}
.app-footer{bottom:0;top:auto;border-top:1px solid #2a2f3a;border-bottom:none}
.brand{font-weight:800;letter-spacing:.3px}
.userbox{display:flex;align-items:center;gap:10px}
.userbox img{width:28px;height:28px;border-radius:50%}
#view{padding:16px;display:grid;gap:16px;margin-bottom:70px}
.card{background:#161a22;border:1px solid #2a2f3a;border-radius:16px;padding:16px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
h2{margin:0 0 10px}
.btn{background:#242b36;border:1px solid #2f3542;color:#eaeef2;padding:10px 14px;border-radius:12px;cursor:pointer}
.btn:hover{filter:brightness(1.05)}
.btn.primary{background:#2d6cdf;border-color:#2d6cdf}
.btn.big{padding:14px 18px;font-size:1.05rem}
.gender-box,.verify-box,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.room{background:#0e1218;border:1px solid #263043;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}
.room .meta{font-size:.9rem;opacity:.9}
.members{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:8px}
.member{display:flex;gap:8px;align-items:center;background:#0e1218;border:1px solid #263043;border-radius:12px;padding:8px}
.member img{width:32px;height:32px;border-radius:50%}
.spin-result{margin-top:10px;font-size:1.1rem}
.note{opacity:.85;margin-top:6px}
.leaders{display:grid;gap:8px;padding-left:18px}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#24395a;border:1px solid #2d6cdf;font-size:.8rem}