:root{--members-pink:#ff4f93;--members-pink-soft:#f472b6;--members-bg:#07101e;--members-card:#0d1a2d;--members-line:rgba(148,163,184,.14);--members-muted:#91a0b5;--members-green:#34d399}
.members-stage1-root{background:#030a15}
.members-stage1-shell{width:min(100% - 32px,1480px);margin:0 auto;padding:28px 0 58px;color:#e7eef8}
.members-stage1-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.75fr);gap:24px;align-items:end;padding:30px;border:1px solid var(--members-line);border-radius:22px;background:radial-gradient(circle at 18% 5%,rgba(236,72,153,.16),transparent 34%),linear-gradient(145deg,#0c1729,#07101d);box-shadow:0 24px 70px rgba(0,0,0,.22)}
.members-stage1-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ff8abd;font-size:11px;font-weight:900;letter-spacing:.12em}.members-stage1-hero h1{margin:9px 0 8px;color:#fff;font-size:clamp(30px,4vw,54px);line-height:1.02}.members-stage1-hero p{max-width:680px;margin:0;color:#9cacc1;font-size:14px;line-height:1.65}
.members-stage1-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.members-stage1-stats a{min-width:0;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(6,15,28,.7);text-decoration:none;color:#dce6f4;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;transition:.18s ease}.members-stage1-stats a:hover,.members-stage1-stats a.active{transform:translateY(-2px);border-color:rgba(255,79,147,.35);background:rgba(255,79,147,.08)}.members-stage1-stats a>span{grid-row:1/3;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,79,147,.12);color:#ff7eb5}.members-stage1-stats a>span.online{background:rgba(52,211,153,.11);color:#6ee7b7}.members-stage1-stats a>span.new{background:rgba(96,165,250,.11);color:#93c5fd}.members-stage1-stats b{font-size:20px;color:#fff;line-height:1}.members-stage1-stats small{color:#8fa0b8;font-size:9px;font-weight:800}
.members-stage1-notice,.members-stage1-privacy{margin-top:16px;border:1px solid var(--members-line);border-radius:16px;background:#0b1728}.members-stage1-notice{padding:15px 17px;display:flex;gap:12px;align-items:flex-start}.members-stage1-notice>i{margin-top:3px;color:#fda4af}.members-stage1-notice b{color:#fff}.members-stage1-notice p{margin:4px 0 0;color:#9fb0c7;font-size:12px}.members-stage1-notice.error{border-color:rgba(248,113,113,.22)}
.members-stage1-privacy{padding:14px 16px;display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:14px 22px;align-items:center}.members-stage1-privacy-copy{display:flex;align-items:center;gap:11px}.members-stage1-privacy-copy>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(96,165,250,.1);color:#93c5fd}.members-stage1-privacy-copy>div{display:grid;gap:3px}.members-stage1-privacy-copy b{color:#fff;font-size:12px}.members-stage1-privacy-copy small{color:#91a0b5;font-size:10px}.members-stage1-privacy-form{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.members-stage1-privacy-form label{height:36px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(5,13,25,.65);display:inline-flex;align-items:center;gap:7px;color:#b9c5d6;font-size:9px;font-weight:800;cursor:pointer}.members-stage1-privacy-form input{accent-color:var(--members-pink)}.members-stage1-privacy-form button{height:36px;padding:0 13px;border:1px solid rgba(255,79,147,.32);border-radius:10px;background:rgba(255,79,147,.12);color:#ffd6e8;font:900 9px/1 inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.members-stage1-privacy-form button:hover{background:rgba(255,79,147,.2)}.members-stage1-save-status{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:6px;font-size:9px}.members-stage1-save-status.success{color:#6ee7b7}.members-stage1-save-status.error{color:#fda4af}
.members-stage1-panel{margin-top:18px;padding:18px;border:1px solid var(--members-line);border-radius:20px;background:linear-gradient(180deg,#0b1728,#07111f)}.members-stage1-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:center}.members-stage1-search{height:44px;position:relative;display:flex;align-items:center}.members-stage1-search>i{position:absolute;left:14px;color:#71839b}.members-stage1-search input{width:100%;height:100%;padding:0 45px 0 40px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#081425;color:#fff;outline:0}.members-stage1-search input:focus{border-color:rgba(255,79,147,.42);box-shadow:0 0 0 3px rgba(255,79,147,.08)}.members-stage1-search>a{position:absolute;right:7px;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#8da0ba;text-decoration:none}.members-stage1-search>a:hover{background:rgba(255,255,255,.06);color:#fff}.members-stage1-sort{padding:4px;display:flex;gap:4px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#081425}.members-stage1-sort a{height:34px;padding:0 12px;border-radius:9px;display:inline-flex;align-items:center;text-decoration:none;color:#94a3b8;font-size:9px;font-weight:900;white-space:nowrap}.members-stage1-sort a:hover{color:#fff}.members-stage1-sort a.active{background:rgba(255,79,147,.14);color:#ffd2e5;border:1px solid rgba(255,79,147,.25)}
.members-stage1-result-row{margin:14px 0 16px;display:flex;justify-content:space-between;gap:12px;align-items:center}.members-stage1-result-row>small{color:#7f90a7;font-size:9px}.members-stage1-filters{display:flex;gap:7px;flex-wrap:wrap}.members-stage1-filters a{min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(6,15,28,.55);display:inline-flex;align-items:center;gap:6px;color:#9baabd;text-decoration:none;font-size:9px;font-weight:900}.members-stage1-filters a:hover{color:#fff;border-color:rgba(255,79,147,.22)}.members-stage1-filters a.active{background:rgba(255,79,147,.13);border-color:rgba(255,79,147,.3);color:#fbcfe8}.members-stage1-filters a:nth-child(2) i{font-size:7px;color:#34d399}
.members-stage1-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.members-stage1-card{min-width:0;padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:linear-gradient(180deg,#0e1b2f,#0a1526);box-shadow:0 10px 26px rgba(0,0,0,.12);transition:.18s ease}.members-stage1-card:hover{transform:translateY(-2px);border-color:rgba(255,79,147,.26);box-shadow:0 15px 34px rgba(0,0,0,.2)}.members-stage1-card.is-online{box-shadow:inset 0 2px 0 rgba(52,211,153,.38),0 10px 26px rgba(0,0,0,.12)}.members-stage1-card-head{display:flex;gap:12px;align-items:center}.members-stage1-avatar{position:relative;flex:0 0 auto}.members-stage1-avatar img{width:58px;height:58px;display:block;object-fit:cover;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.members-stage1-online-dot{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;background:#34d399;border:3px solid #0e1b2f;box-shadow:0 0 0 3px rgba(52,211,153,.08)}.members-stage1-identity{min-width:0;display:grid;gap:3px}.members-stage1-name-row{min-width:0;display:flex;align-items:center;gap:6px}.members-stage1-name-row>a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-decoration:none;font-size:13px;font-weight:900}.members-stage1-name-row>a:hover{color:#ff8fbe}.members-stage1-identity>small{color:#7e90aa;font-size:9px;overflow:hidden;text-overflow:ellipsis}.members-stage1-new-badge{flex:0 0 auto;padding:3px 6px;border-radius:999px;background:rgba(96,165,250,.11);border:1px solid rgba(96,165,250,.22);color:#bfdbfe;font-size:7px;font-weight:900}.members-stage1-online-label{display:inline-flex;align-items:center;gap:5px;color:#6ee7b7;font-size:8px;font-weight:900}.members-stage1-online-label i{font-size:6px}
.members-stage1-meta{margin-top:13px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);display:grid;gap:6px}.members-stage1-meta span{min-width:0;display:flex;align-items:center;gap:7px;color:#8fa0b6;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members-stage1-meta i{width:12px;text-align:center;color:#667994}.members-stage1-social{padding:11px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.members-stage1-social span{padding:8px;border-radius:10px;background:rgba(255,255,255,.035);display:grid;gap:2px;text-align:center}.members-stage1-social b{color:#fff;font-size:12px}.members-stage1-social small{color:#71839b;font-size:8px}.members-stage1-profile-btn{height:36px;padding:0 11px;border-radius:10px;background:rgba(255,79,147,.1);border:1px solid rgba(255,79,147,.2);display:flex;align-items:center;justify-content:space-between;color:#ffd4e6;text-decoration:none;font-size:9px;font-weight:900}.members-stage1-profile-btn:hover{background:rgba(255,79,147,.18);color:#fff}.members-stage1-profile-btn i{font-size:8px}
.members-stage1-pagination{margin-top:18px;display:flex;justify-content:center;gap:6px}.members-stage1-pagination a{width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#081425;display:grid;place-items:center;color:#91a0b5;text-decoration:none;font-size:9px;font-weight:900}.members-stage1-pagination a:hover,.members-stage1-pagination a.active{background:rgba(255,79,147,.13);border-color:rgba(255,79,147,.3);color:#fff}.members-stage1-empty{min-height:240px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:#899ab1}.members-stage1-empty>i{font-size:30px;color:#5e718d}.members-stage1-empty b{color:#e6edf7}.members-stage1-empty p{margin:0;font-size:10px}
@media(max-width:1180px){.members-stage1-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.members-stage1-hero{grid-template-columns:1fr}.members-stage1-stats{max-width:720px}}
@media(max-width:820px){.members-stage1-shell{width:min(100% - 20px,1480px);padding-top:18px}.members-stage1-hero{padding:20px}.members-stage1-panel{padding:13px}.members-stage1-toolbar{grid-template-columns:1fr}.members-stage1-sort{overflow-x:auto}.members-stage1-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.members-stage1-privacy{grid-template-columns:1fr}.members-stage1-privacy-form{justify-content:flex-start}.members-stage1-save-status{justify-content:flex-start}}
@media(max-width:560px){.members-stage1-hero{padding:17px;border-radius:17px}.members-stage1-hero h1{font-size:30px}.members-stage1-hero p{font-size:12px}.members-stage1-stats{grid-template-columns:1fr}.members-stage1-stats a{grid-template-columns:auto auto 1fr;align-items:center}.members-stage1-stats a>span{grid-row:auto}.members-stage1-stats small{text-align:right}.members-stage1-grid{grid-template-columns:1fr}.members-stage1-result-row{align-items:flex-start;flex-direction:column}.members-stage1-filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.members-stage1-filters a{flex:0 0 auto}.members-stage1-sort a{flex:0 0 auto}.members-stage1-privacy-form{display:grid;grid-template-columns:1fr}.members-stage1-privacy-form label,.members-stage1-privacy-form button{width:100%}.members-stage1-panel{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.members-stage1-card,.members-stage1-stats a{transition:none!important}.members-stage1-card:hover,.members-stage1-stats a:hover{transform:none!important}}

/* OSANIME Member Community — Stage 2 Premium Directory */
.members-stage2-root{background:radial-gradient(circle at 50% -10%,rgba(236,72,153,.045),transparent 32%),#030a15}
.members-stage2-page .members-stage1-shell{padding-top:24px}
.members-stage2-page .members-stage1-hero{position:relative;overflow:hidden;isolation:isolate}
.members-stage2-page .members-stage1-hero::after{content:"";position:absolute;right:-110px;top:-170px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.11),transparent 68%);pointer-events:none;z-index:-1}

.members-stage2-discovery{margin-top:18px;padding:18px;border:1px solid var(--members-line);border-radius:20px;background:linear-gradient(180deg,rgba(12,24,41,.98),rgba(7,16,29,.98));box-shadow:0 18px 48px rgba(0,0,0,.15)}
.members-stage2-discovery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}
.members-stage2-discovery-head>div{min-width:0}.members-stage2-discovery-head>div>span{display:inline-flex;align-items:center;gap:7px;color:#ff86b9;font-size:9px;font-weight:900;letter-spacing:.13em}.members-stage2-discovery-head h2{margin:5px 0 3px;color:#fff;font-size:20px}.members-stage2-discovery-head p{margin:0;color:#899bb3;font-size:10px;line-height:1.55}
.members-stage2-discovery-head>a{flex:0 0 auto;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(6,15,28,.62);display:inline-flex;align-items:center;gap:8px;color:#abb9ca;text-decoration:none;font-size:9px;font-weight:900}.members-stage2-discovery-head>a:hover{border-color:rgba(255,79,147,.28);color:#fff;background:rgba(255,79,147,.08)}
.members-stage2-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.members-stage2-highlight-card{min-width:0;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(180deg,rgba(15,29,49,.93),rgba(8,18,32,.93));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.members-stage2-highlight-card>header{display:flex;align-items:center;gap:9px;padding:0 2px 10px;border-bottom:1px solid rgba(255,255,255,.055)}.members-stage2-highlight-card>header>span{width:35px;height:35px;flex:0 0 35px;border-radius:11px;display:grid;place-items:center;background:rgba(255,79,147,.1);color:#ff85b9}.members-stage2-highlight-card.online>header>span{background:rgba(52,211,153,.09);color:#6ee7b7}.members-stage2-highlight-card.new>header>span{background:rgba(96,165,250,.09);color:#93c5fd}.members-stage2-highlight-card>header>div{min-width:0;display:grid;gap:2px}.members-stage2-highlight-card>header b{color:#fff;font-size:11px}.members-stage2-highlight-card>header small{color:#7f90a8;font-size:8px}
.members-stage2-highlight-card>div{display:grid;gap:5px;padding-top:8px}.members-stage2-highlight-user{min-width:0;padding:7px;border-radius:11px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;text-decoration:none;color:inherit;transition:background .16s ease,transform .16s ease}.members-stage2-highlight-user:hover{background:rgba(255,255,255,.045);transform:translateX(2px)}
.members-stage2-highlight-avatar{position:relative;display:block}.members-stage2-highlight-avatar img{width:38px;height:38px;display:block;object-fit:cover;border-radius:11px;border:1px solid rgba(255,255,255,.09)}.members-stage2-highlight-avatar>i{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:#34d399;border:2px solid #0d1a2d}
.members-stage2-highlight-copy{min-width:0;display:grid;gap:1px}.members-stage2-highlight-copy b,.members-stage2-highlight-copy small,.members-stage2-highlight-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-stage2-highlight-copy b{color:#eef4fb;font-size:10px}.members-stage2-highlight-copy small{color:#788ba5;font-size:8px}.members-stage2-highlight-copy em{color:#9aabc0;font-size:7.5px;font-style:normal}.members-stage2-highlight-badge{padding:3px 6px;border:1px solid rgba(255,79,147,.18);border-radius:999px;background:rgba(255,79,147,.08);color:#f9a8d4;font-size:6.5px;font-weight:900;white-space:nowrap}.members-stage2-highlight-card.online .members-stage2-highlight-badge{border-color:rgba(52,211,153,.18);background:rgba(52,211,153,.07);color:#86efac}.members-stage2-highlight-card.new .members-stage2-highlight-badge{border-color:rgba(96,165,250,.18);background:rgba(96,165,250,.07);color:#bfdbfe}.members-stage2-highlight-arrow{color:#53657d;font-size:7px}
.members-stage2-highlight-more{margin-top:8px;min-height:33px;padding:0 9px;border-radius:9px;background:rgba(255,255,255,.025);display:flex;align-items:center;justify-content:space-between;color:#8fa2ba;text-decoration:none;font-size:8px;font-weight:900}.members-stage2-highlight-more:hover{background:rgba(255,79,147,.075);color:#fff}

.members-stage2-panel{scroll-margin-top:90px}.members-stage2-result-actions{display:flex;align-items:center;gap:9px}.members-stage2-result-actions>small{color:#7f90a7;font-size:9px}.members-stage2-view-toggle{padding:3px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#081425;display:flex;gap:3px}.members-stage2-view-toggle button{width:29px;height:29px;border:0;border-radius:7px;background:transparent;color:#667a94;cursor:pointer;display:grid;place-items:center;font-size:9px}.members-stage2-view-toggle button:hover{color:#fff;background:rgba(255,255,255,.045)}.members-stage2-view-toggle button.active{background:rgba(255,79,147,.13);color:#ff9bc4;box-shadow:inset 0 0 0 1px rgba(255,79,147,.18)}

.members-stage2-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.members-stage2-card{position:relative;padding:0!important;overflow:hidden;display:block;min-height:345px;background:#0b1728!important}.members-stage2-card.is-self{border-color:rgba(96,165,250,.22)}
.members-stage2-cover{position:relative;height:88px;overflow:hidden;background:linear-gradient(135deg,#17263e,#21172d 64%,#121d31)}.members-stage2-cover>img{width:100%;height:100%;display:block;object-fit:cover;opacity:.76;filter:saturate(.85) contrast(.98)}.members-stage2-cover>span{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,12,23,.08),rgba(8,18,32,.82))}
.members-stage2-card-body{position:relative;margin-top:-27px;padding:0 15px 15px}.members-stage2-card .members-stage1-card-head{align-items:flex-end}.members-stage2-avatar img{width:66px!important;height:66px!important;border-radius:17px!important;border:3px solid #0b1728!important;box-shadow:0 8px 20px rgba(0,0,0,.3)}.members-stage2-card .members-stage1-online-dot{right:0;bottom:0;border-color:#0b1728}
.members-stage2-card .members-stage1-identity{padding-bottom:4px}.members-stage2-card .members-stage1-name-row>a{font-size:13px}.members-stage2-you-badge{flex:0 0 auto;padding:3px 6px;border-radius:999px;border:1px solid rgba(96,165,250,.22);background:rgba(59,130,246,.08);color:#bfdbfe;font-size:6.5px;font-weight:900}
.members-stage2-bio{height:35px;margin:11px 0 0;color:#a8b5c7;font-size:9px;line-height:1.5;overflow:hidden}.members-stage2-bio.muted{color:#586b84;font-style:italic}.members-stage2-card .members-stage1-meta{margin-top:8px;padding:9px 0}.members-stage2-card .members-stage1-meta span{font-size:8.5px}.members-stage2-social{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.members-stage2-social span{padding:7px 4px!important}.members-stage2-social b{font-size:11px!important}.members-stage2-social small{font-size:7px!important}.members-stage2-profile-btn{margin-top:1px;height:37px!important}

/* Compact mode keeps the same data but becomes a dense directory list. */
.members-stage2-directory-grid.is-compact{grid-template-columns:1fr;gap:8px}.members-stage2-directory-grid.is-compact .members-stage2-card{min-height:0;display:grid;grid-template-columns:112px minmax(0,1fr);overflow:hidden}.members-stage2-directory-grid.is-compact .members-stage2-cover{height:100%;min-height:142px}.members-stage2-directory-grid.is-compact .members-stage2-card-body{margin:0;padding:12px 14px;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(220px,1.15fr) auto;grid-template-rows:auto auto;align-items:center;gap:8px 14px}.members-stage2-directory-grid.is-compact .members-stage1-card-head{align-items:center}.members-stage2-directory-grid.is-compact .members-stage2-avatar{margin-left:-47px}.members-stage2-directory-grid.is-compact .members-stage2-avatar img{width:58px!important;height:58px!important}.members-stage2-directory-grid.is-compact .members-stage2-bio{height:auto;max-height:31px;margin:0}.members-stage2-directory-grid.is-compact .members-stage1-meta{margin:0;padding:0;border:0;gap:5px}.members-stage2-directory-grid.is-compact .members-stage2-social{grid-column:2;grid-row:2;padding:0!important}.members-stage2-directory-grid.is-compact .members-stage2-profile-btn{grid-column:3;grid-row:1/3;width:130px;margin:0}.members-stage2-directory-grid.is-compact .members-stage1-card:hover{transform:translateY(-1px)}

@media(max-width:1240px){.members-stage2-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.members-stage2-highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.members-stage2-highlight-badge{display:none}.members-stage2-directory-grid.is-compact .members-stage2-card-body{grid-template-columns:minmax(190px,.8fr) minmax(180px,1fr) auto}}
@media(max-width:980px){.members-stage2-highlight-grid{grid-template-columns:1fr}.members-stage2-highlight-card>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.members-stage2-highlight-user{grid-template-columns:auto minmax(0,1fr) auto}.members-stage2-highlight-arrow{display:none}.members-stage2-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.members-stage2-directory-grid.is-compact .members-stage2-card{grid-template-columns:94px minmax(0,1fr)}.members-stage2-directory-grid.is-compact .members-stage2-card-body{grid-template-columns:minmax(180px,.9fr) minmax(160px,1fr);grid-template-rows:auto auto auto}.members-stage2-directory-grid.is-compact .members-stage2-profile-btn{grid-column:1/3;grid-row:3;width:100%}.members-stage2-directory-grid.is-compact .members-stage2-social{grid-column:2;grid-row:2}}
@media(max-width:720px){.members-stage2-discovery{padding:14px}.members-stage2-discovery-head{align-items:flex-start}.members-stage2-discovery-head>a span{display:none}.members-stage2-highlight-card>div{grid-template-columns:1fr}.members-stage2-directory-grid{grid-template-columns:1fr}.members-stage2-result-actions{width:100%;justify-content:space-between}.members-stage1-result-row{align-items:flex-start;flex-direction:column}.members-stage2-directory-grid.is-compact .members-stage2-card{grid-template-columns:82px minmax(0,1fr)}.members-stage2-directory-grid.is-compact .members-stage2-cover{min-height:172px}.members-stage2-directory-grid.is-compact .members-stage2-card-body{grid-template-columns:1fr;grid-template-rows:auto}.members-stage2-directory-grid.is-compact .members-stage2-avatar{margin-left:-43px}.members-stage2-directory-grid.is-compact .members-stage2-bio,.members-stage2-directory-grid.is-compact .members-stage1-meta,.members-stage2-directory-grid.is-compact .members-stage2-social,.members-stage2-directory-grid.is-compact .members-stage2-profile-btn{grid-column:1;grid-row:auto}.members-stage2-directory-grid.is-compact .members-stage2-profile-btn{width:100%}}
@media(max-width:520px){.members-stage2-discovery-head h2{font-size:18px}.members-stage2-card{min-height:330px}.members-stage2-cover{height:80px}.members-stage2-card-body{padding-left:13px;padding-right:13px}.members-stage2-directory-grid.is-compact .members-stage2-card{grid-template-columns:1fr}.members-stage2-directory-grid.is-compact .members-stage2-cover{height:72px;min-height:72px}.members-stage2-directory-grid.is-compact .members-stage2-card-body{margin-top:-24px}.members-stage2-directory-grid.is-compact .members-stage2-avatar{margin-left:0}.members-stage2-directory-grid.is-compact .members-stage2-bio{display:none}.members-stage2-view-toggle{display:none}}
@media(prefers-reduced-motion:reduce){.members-stage2-highlight-user{transition:none}.members-stage2-highlight-user:hover{transform:none}}

/* OSANIME Member Community — Stage 3 New Member Experience */
.members-stage3-root{background:radial-gradient(circle at 82% 4%,rgba(96,165,250,.04),transparent 27%),radial-gradient(circle at 18% 16%,rgba(255,79,147,.035),transparent 30%),#030a15}
.members-stage3-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.members-stage3-stats a>span.today{background:rgba(250,204,21,.09);color:#fde68a}.members-stage3-stats a:nth-child(3).active{border-color:rgba(250,204,21,.28);background:rgba(250,204,21,.055)}

.members-stage3-welcome{position:relative;margin-top:18px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:radial-gradient(circle at 8% 0%,rgba(255,79,147,.12),transparent 32%),linear-gradient(135deg,rgba(14,29,49,.98),rgba(7,16,29,.98));box-shadow:0 18px 48px rgba(0,0,0,.15);display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:20px;overflow:hidden}
.members-stage3-welcome::after{content:"";position:absolute;right:-80px;top:-120px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.10),transparent 70%);pointer-events:none}
.members-stage3-welcome-intro{position:relative;z-index:1;align-self:center}.members-stage3-welcome-intro>span{display:inline-flex;align-items:center;gap:7px;color:#ff9ac3;font-size:9px;font-weight:900;letter-spacing:.13em}.members-stage3-welcome-intro h2{margin:7px 0 5px;color:#fff;font-size:22px;line-height:1.15}.members-stage3-welcome-intro>p{max-width:500px;margin:0;color:#91a3ba;font-size:10px;line-height:1.6}.members-stage3-welcome-intro>a{margin-top:13px;min-height:36px;padding:0 12px;border:1px solid rgba(255,79,147,.22);border-radius:10px;background:rgba(255,79,147,.09);display:inline-flex;align-items:center;gap:8px;color:#ffd4e6;text-decoration:none;font-size:8.5px;font-weight:900}.members-stage3-welcome-intro>a:hover{background:rgba(255,79,147,.16);color:#fff}
.members-stage3-welcome-counters{margin-top:11px;display:flex;gap:7px;flex-wrap:wrap}.members-stage3-welcome-counters>b{min-width:95px;padding:8px 10px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(4,13,25,.45);display:grid;gap:1px}.members-stage3-welcome-counters strong{color:#fff;font-size:15px;line-height:1}.members-stage3-welcome-counters small{color:#8193aa;font-size:7px;font-weight:800}
.members-stage3-welcome-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:center}.members-stage3-welcome-member{min-width:0;padding:8px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(5,14,27,.62);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.members-stage3-welcome-member:hover{transform:translateY(-1px);border-color:rgba(255,79,147,.2);background:rgba(255,79,147,.045)}
.members-stage3-welcome-avatar{position:relative;display:block}.members-stage3-welcome-avatar img{width:44px;height:44px;display:block;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.09)}.members-stage3-welcome-avatar>i{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:#34d399;border:2px solid #0b1728}.members-stage3-welcome-copy{min-width:0;display:grid;gap:1px}.members-stage3-welcome-copy b,.members-stage3-welcome-copy small,.members-stage3-welcome-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-stage3-welcome-copy b{color:#f2f6fc;font-size:10px}.members-stage3-welcome-copy small{color:#71849d;font-size:8px}.members-stage3-welcome-copy em{color:#99a9bd;font-size:7.5px;font-style:normal}.members-stage3-welcome-badge{padding:4px 6px;border-radius:999px;border:1px solid rgba(96,165,250,.18);background:rgba(96,165,250,.07);color:#bfdbfe;font-size:6px;font-weight:900;white-space:nowrap}.members-stage3-welcome-badge.is-just-joined{border-color:rgba(250,204,21,.2);background:rgba(250,204,21,.07);color:#fde68a}.members-stage3-welcome-badge.is-recent{border-color:rgba(255,79,147,.18);background:rgba(255,79,147,.07);color:#f9a8d4}

.members-stage3-onboarding{margin-top:18px;padding:17px;border:1px solid rgba(96,165,250,.13);border-radius:19px;background:linear-gradient(145deg,rgba(10,25,44,.98),rgba(7,17,30,.98));box-shadow:0 14px 38px rgba(0,0,0,.12)}.members-stage3-onboarding[hidden]{display:none!important}.members-stage3-onboarding.is-complete{border-color:rgba(52,211,153,.16)}
.members-stage3-onboarding-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.members-stage3-onboarding-head>div{min-width:0}.members-stage3-onboarding-head>div>span{display:inline-flex;align-items:center;gap:7px;color:#93c5fd;font-size:8px;font-weight:900;letter-spacing:.12em}.members-stage3-onboarding.is-complete .members-stage3-onboarding-head>div>span{color:#6ee7b7}.members-stage3-onboarding-head h2{margin:5px 0 3px;color:#fff;font-size:17px}.members-stage3-onboarding-head p{margin:0;color:#899bb2;font-size:9px;line-height:1.55}.members-stage3-onboarding-head>button{width:30px;height:30px;flex:0 0 30px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);color:#72849d;cursor:pointer}.members-stage3-onboarding-head>button:hover{background:rgba(255,255,255,.06);color:#fff}
.members-stage3-onboarding-progress{margin-top:12px;display:flex;align-items:center;gap:10px}.members-stage3-onboarding-progress>div{height:5px;flex:1;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.055)}.members-stage3-onboarding-progress>div>span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#ff4f93,#60a5fa);box-shadow:0 0 15px rgba(255,79,147,.16);transition:width .35s ease}.members-stage3-onboarding.is-complete .members-stage3-onboarding-progress>div>span{background:linear-gradient(90deg,#34d399,#60a5fa)}.members-stage3-onboarding-progress>small{flex:0 0 auto;color:#93a4ba;font-size:8px;font-weight:800}
.members-stage3-onboarding-steps{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.members-stage3-onboarding-steps>a{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(5,14,27,.48);display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:7px 8px;color:inherit;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.members-stage3-onboarding-steps>a:hover{transform:translateY(-1px);border-color:rgba(255,79,147,.2);background:rgba(255,79,147,.04)}.members-stage3-onboarding-steps>a.is-done{border-color:rgba(52,211,153,.09);background:rgba(52,211,153,.025)}.members-stage3-onboarding-steps>a>span{grid-row:1/3;width:31px;height:31px;border-radius:9px;background:rgba(96,165,250,.08);display:grid;place-items:center;color:#93c5fd;font-size:9px}.members-stage3-onboarding-steps>a.is-done>span{background:rgba(52,211,153,.08);color:#6ee7b7}.members-stage3-onboarding-steps>a>div{min-width:0;display:grid;gap:2px}.members-stage3-onboarding-steps b{color:#eaf1fa;font-size:9px}.members-stage3-onboarding-steps small{color:#71839b;font-size:7.5px;line-height:1.35}.members-stage3-onboarding-steps em{grid-column:2;display:inline-flex;align-items:center;gap:5px;color:#ff9ac3;font-size:7px;font-style:normal;font-weight:900}.members-stage3-onboarding-steps a.is-done em{color:#6ee7b7}

.members-stage3-new-badge.is-just-joined{border-color:rgba(250,204,21,.24)!important;background:rgba(250,204,21,.08)!important;color:#fde68a!important;box-shadow:0 0 0 2px rgba(250,204,21,.025)}.members-stage3-new-badge.is-recent{border-color:rgba(255,79,147,.22)!important;background:rgba(255,79,147,.08)!important;color:#f9a8d4!important}.members-stage3-new-badge.is-this-week{border-color:rgba(96,165,250,.22)!important;background:rgba(96,165,250,.08)!important;color:#bfdbfe!important}
.members-stage3-page .members-stage1-card.is-self .members-stage2-cover::after{content:"";position:absolute;inset:0;border-top:2px solid rgba(96,165,250,.4);pointer-events:none}

@media(max-width:1180px){.members-stage3-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.members-stage3-welcome{grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr)}.members-stage3-onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.members-stage3-stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.members-stage3-welcome{grid-template-columns:1fr}.members-stage3-welcome-list{grid-template-columns:repeat(3,minmax(0,1fr))}.members-stage3-welcome-member{grid-template-columns:auto minmax(0,1fr)}.members-stage3-welcome-badge{grid-column:1/3;justify-self:start;margin-left:53px;margin-top:-4px}}
@media(max-width:680px){.members-stage3-welcome{padding:14px}.members-stage3-welcome-list{grid-template-columns:repeat(2,minmax(0,1fr))}.members-stage3-onboarding{padding:14px}.members-stage3-onboarding-steps{grid-template-columns:1fr}.members-stage3-onboarding-steps>a{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto}.members-stage3-onboarding-steps>a>span{grid-row:1}.members-stage3-onboarding-steps em{grid-column:3;grid-row:1;align-self:center}.members-stage3-onboarding-steps small{display:none}}
@media(max-width:460px){.members-stage3-stats{gap:7px}.members-stage3-stats a{padding:12px}.members-stage3-welcome-list{grid-template-columns:1fr}.members-stage3-welcome-badge{grid-column:auto;margin:0}.members-stage3-welcome-member{grid-template-columns:auto minmax(0,1fr) auto}.members-stage3-onboarding-progress{align-items:flex-start;flex-direction:column}.members-stage3-onboarding-progress>div{width:100%;flex:none}.members-stage3-welcome-intro h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.members-stage3-welcome-member,.members-stage3-onboarding-steps>a,.members-stage3-onboarding-progress>div>span{transition:none}.members-stage3-welcome-member:hover,.members-stage3-onboarding-steps>a:hover{transform:none}}

/* OSANIME Member Community — Stage 4 Advanced Presence */
.members-stage4-root{background:radial-gradient(circle at 50% -8%,rgba(52,211,153,.035),transparent 28%),radial-gradient(circle at 88% 7%,rgba(250,204,21,.028),transparent 22%),#030a15}
.members-stage4-page .members-stage1-hero{border-color:rgba(148,163,184,.13)}
.members-stage4-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.members-stage4-stats a>span.recent{background:rgba(250,204,21,.09);color:#fde68a}
.members-stage4-stats a:nth-child(3).active{border-color:rgba(250,204,21,.3);background:rgba(250,204,21,.055)}

.members-stage4-pulse{margin-top:16px;padding:13px 15px;border:1px solid rgba(52,211,153,.12);border-radius:16px;background:linear-gradient(120deg,rgba(7,22,31,.95),rgba(7,16,29,.96));display:grid;grid-template-columns:minmax(260px,1fr) auto;grid-template-areas:"copy counts" "note note";gap:10px 18px;align-items:center;box-shadow:0 14px 36px rgba(0,0,0,.1)}
.members-stage4-pulse-copy{grid-area:copy;display:flex;align-items:center;gap:11px;min-width:0}.members-stage4-pulse-copy>span{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:rgba(52,211,153,.08);display:grid;place-items:center;color:#6ee7b7;font-size:11px}.members-stage4-pulse-copy>div{min-width:0;display:grid;gap:2px}.members-stage4-pulse-copy b{color:#f4f8fc;font-size:11px}.members-stage4-pulse-copy small{color:#8093aa;font-size:8.5px;line-height:1.45}
.members-stage4-pulse-counts{grid-area:counts;display:flex;gap:7px}.members-stage4-pulse-counts a{min-height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(5,13,25,.58);display:flex;align-items:center;gap:7px;color:#9caec2;text-decoration:none;font-size:8px;font-weight:800;transition:.16s ease}.members-stage4-pulse-counts a:hover{border-color:rgba(255,79,147,.22);background:rgba(255,79,147,.045);color:#fff}.members-stage4-pulse-counts b{color:#fff;font-size:11px}.members-stage4-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.members-stage4-dot.online{background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.09),0 0 14px rgba(52,211,153,.24)}.members-stage4-dot.recent{background:#facc15;box-shadow:0 0 0 4px rgba(250,204,21,.07)}.members-stage4-pulse>p{grid-area:note;margin:0;padding-top:8px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:7px;color:#667b94;font-size:7.5px;line-height:1.4}.members-stage4-pulse>p i{color:#7e91aa}

.members-stage4-privacy-form{align-items:center}.members-stage4-privacy-hint{flex:1 1 100%;max-width:720px;color:#71839a;font-size:7.5px;line-height:1.45;text-align:right}.members-stage4-privacy-hint::before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#64748b;vertical-align:1px}.members-stage4-privacy-form:has(input[name="show_online_status"]:checked) .members-stage4-privacy-hint::before{background:#34d399}

.members-stage4-card.is-recent{box-shadow:inset 0 2px 0 rgba(250,204,21,.24),0 10px 26px rgba(0,0,0,.12)}
.members-stage4-presence-dot{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;border:3px solid #0e1b2f}.members-stage4-presence-dot.is-online{background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.08),0 0 15px rgba(52,211,153,.22);animation:membersStage4Pulse 2.2s ease-in-out infinite}.members-stage4-presence-dot.is-recent{background:#facc15;box-shadow:0 0 0 3px rgba(250,204,21,.065)}
.members-stage4-presence-label{display:inline-flex;align-items:center;gap:5px;font-size:7.8px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members-stage4-presence-label i{font-size:6px}.members-stage4-presence-label.is-online{color:#6ee7b7}.members-stage4-presence-label.is-recent{color:#fde68a}.members-stage4-presence-label.is-offline{color:#93a4b8}.members-stage4-presence-label.is-hidden,.members-stage4-presence-label.is-never{color:#64748b}
.members-stage4-meta-presence.is-online{color:#6ee7b7!important}.members-stage4-meta-presence.is-recent{color:#d9bd51!important}.members-stage4-meta-presence.is-hidden,.members-stage4-meta-presence.is-never{color:#66768b!important}
.members-stage1-filters a:nth-child(3) i{color:#facc15;font-size:8px}

@keyframes membersStage4Pulse{0%,100%{box-shadow:0 0 0 3px rgba(52,211,153,.07),0 0 10px rgba(52,211,153,.12)}50%{box-shadow:0 0 0 5px rgba(52,211,153,.025),0 0 18px rgba(52,211,153,.28)}}

@media(max-width:1180px){.members-stage4-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.members-stage4-stats a:nth-child(4),.members-stage4-stats a:nth-child(5){grid-column:auto}}
@media(max-width:900px){.members-stage4-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.members-stage4-pulse{grid-template-columns:1fr;grid-template-areas:"copy" "counts" "note"}.members-stage4-pulse-counts{justify-content:flex-start}.members-stage4-privacy-hint{text-align:left}}
@media(max-width:560px){.members-stage4-stats{grid-template-columns:1fr}.members-stage4-pulse{padding:12px}.members-stage4-pulse-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.members-stage4-pulse-counts a{justify-content:center}.members-stage4-pulse-copy small{font-size:8px}.members-stage4-meta-presence{display:flex!important}}
@media(max-width:400px){.members-stage4-pulse-counts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.members-stage4-presence-dot.is-online{animation:none}.members-stage4-pulse-counts a{transition:none}}


/* =========================================================
   OSANIME Member Community — Stage 5 Social Member Cards
   ========================================================= */
.members-stage5-page .members-stage1-filters .members-stage5-social-filter {
    border-color: rgba(255, 87, 159, .18);
}
.members-stage5-page .members-stage1-filters .members-stage5-social-filter.active {
    box-shadow: 0 0 0 1px rgba(255, 87, 159, .16), 0 10px 28px rgba(255, 70, 146, .12);
}
.members-stage5-card {
    position: relative;
    isolation: isolate;
}
.members-stage5-card.is-mutual::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255, 87, 159, .18);
}
.members-stage5-identity-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 4px;
}
.members-stage5-identity-meta .members-stage4-presence-label {
    margin-top: 0;
}
.members-stage5-relation-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 23px;
    padding: 3px 8px;
    border: 1px solid rgba(142, 151, 176, .18);
    border-radius: 999px;
    background: rgba(255,255,255,.035);
    color: #aeb7ca;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .045em;
    white-space: nowrap;
}
.members-stage5-relation-badge.mutual {
    color: #ffd4e6;
    border-color: rgba(255, 87, 159, .26);
    background: linear-gradient(135deg, rgba(255, 67, 142, .16), rgba(123, 83, 255, .11));
}
.members-stage5-relation-badge.follows-you {
    color: #cbd7ff;
    border-color: rgba(112, 142, 255, .24);
    background: rgba(82, 112, 230, .09);
}
.members-stage5-card-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 9px;
    margin-top: 13px;
}
.members-stage5-profile-btn,
.members-stage5-follow-btn {
    min-height: 42px;
    border-radius: 12px !important;
}
.members-stage5-profile-btn {
    margin-top: 0 !important;
}
.members-stage5-profile-btn.is-wide {
    grid-column: 1 / -1;
}
.members-stage5-follow-btn {
    appearance: none;
    border: 1px solid rgba(255, 92, 160, .3);
    background: linear-gradient(135deg, rgba(255, 74, 148, .16), rgba(128, 78, 255, .11));
    color: #ffe4ef;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 13px;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.members-stage5-follow-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    border-color: rgba(255, 104, 169, .55);
    box-shadow: 0 10px 26px rgba(236, 58, 131, .12);
}
.members-stage5-follow-btn:active:not(:disabled) {
    transform: translateY(0) scale(.985);
}
.members-stage5-follow-btn.is-following {
    border-color: rgba(104, 220, 174, .26);
    background: rgba(70, 190, 143, .10);
    color: #c7f6e2;
}
.members-stage5-follow-btn.is-pending {
    pointer-events: none;
    opacity: .68;
}
.members-stage5-follow-btn.is-pending i {
    animation: membersStage5Spin .7s linear infinite;
}
.members-stage5-follow-btn:disabled {
    cursor: not-allowed;
    opacity: .48;
    border-color: rgba(150, 160, 184, .14);
    background: rgba(255,255,255,.03);
    color: #8f98ab;
}
.members-stage5-follow-btn.is-login {
    border-style: dashed;
}
@keyframes membersStage5Spin { to { transform: rotate(360deg); } }

.members-stage5-toast {
    position: fixed;
    z-index: 99990;
    right: 20px;
    bottom: 24px;
    max-width: min(420px, calc(100vw - 28px));
    min-height: 48px;
    padding: 12px 15px;
    border: 1px solid rgba(255, 104, 169, .24);
    border-radius: 14px;
    background: rgba(15, 18, 29, .94);
    box-shadow: 0 18px 52px rgba(0,0,0,.34);
    backdrop-filter: blur(16px);
    color: #f5f7ff;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 700;
    transform-origin: right bottom;
    animation: membersStage5ToastIn .22s ease both;
}
.members-stage5-toast[hidden] { display: none !important; }
.members-stage5-toast > i { color: #ff6aa9; }
.members-stage5-toast.is-error { border-color: rgba(255, 98, 98, .28); }
.members-stage5-toast.is-error > i { color: #ff7777; }
@keyframes membersStage5ToastIn {
    from { opacity: 0; transform: translateY(8px) scale(.97); }
    to { opacity: 1; transform: none; }
}
.members-stage5-card.is-removing {
    pointer-events: none;
    animation: membersStage5CardOut .24s ease forwards;
}
@keyframes membersStage5CardOut {
    to { opacity: 0; transform: scale(.97); }
}

.members-stage2-directory-grid.is-compact .members-stage5-card-actions {
    margin-top: 0;
    min-width: 250px;
}
.members-stage2-directory-grid.is-compact .members-stage5-identity-meta {
    margin-top: 3px;
}

@media (max-width: 760px) {
    .members-stage5-card-actions { grid-template-columns: 1fr 1fr; }
    .members-stage5-toast { right: 14px; bottom: 16px; }
}
@media (max-width: 460px) {
    .members-stage5-card-actions { grid-template-columns: 1fr; }
    .members-stage5-profile-btn,
    .members-stage5-follow-btn { width: 100%; }
    .members-stage5-relation-badge { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
    .members-stage5-follow-btn,
    .members-stage5-toast,
    .members-stage5-card { transition: none !important; animation: none !important; }
}

/* Compact layout owns the action group as one grid item; reset legacy Stage 2
   placement rules on the nested profile button. */
.members-stage2-directory-grid.is-compact .members-stage5-card-actions {
    grid-column: 3;
    grid-row: 1 / 3;
    width: 250px;
    min-width: 0;
    align-self: center;
}
.members-stage2-directory-grid.is-compact .members-stage5-card-actions .members-stage5-profile-btn {
    grid-column: auto !important;
    grid-row: auto !important;
    width: auto !important;
}
@media (max-width: 980px) {
    .members-stage2-directory-grid.is-compact .members-stage5-card-actions {
        grid-column: 1 / 3;
        grid-row: 3;
        width: 100%;
    }
}
@media (max-width: 720px) {
    .members-stage2-directory-grid.is-compact .members-stage5-card-actions {
        grid-column: 1;
        grid-row: auto;
        width: 100%;
    }
}


/* ========================================================================== 
   OSANIME Member Community — Stage 6: Roles & Community Badges
   Namespaced selectors avoid collisions with global .badge/.role classes.
   ========================================================================== */
.members-stage6-guide {
  margin: 18px 0 22px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  overflow: hidden;
}
.members-stage6-guide > summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 17px;
  user-select: none;
}
.members-stage6-guide > summary::-webkit-details-marker { display:none; }
.members-stage6-guide > summary > span:nth-child(2) { flex: 1; min-width: 0; display:flex; flex-direction:column; gap:2px; }
.members-stage6-guide > summary b { font-size: .96rem; color: #fff; }
.members-stage6-guide > summary small { color: rgba(255,255,255,.58); line-height:1.45; }
.members-stage6-guide > summary > .fa-chevron-down { color: rgba(255,255,255,.48); transition: transform .22s ease; }
.members-stage6-guide[open] > summary > .fa-chevron-down { transform: rotate(180deg); }
.members-stage6-guide-icon { width:38px; height:38px; border-radius:12px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,rgba(255,58,141,.95),rgba(133,92,255,.9)); box-shadow:0 8px 24px rgba(255,58,141,.18); }
.members-stage6-guide-body { border-top:1px solid rgba(255,255,255,.07); padding:16px; }
.members-stage6-guide-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.members-stage6-guide-item { min-width:0; padding:12px; border-radius:15px; border:1px solid rgba(255,255,255,.065); background:rgba(0,0,0,.15); }
.members-stage6-guide-item p { margin:8px 0 0; color:rgba(255,255,255,.58); font-size:.78rem; line-height:1.45; }
.members-stage6-security-note { margin:14px 0 0; display:flex; gap:8px; align-items:flex-start; color:rgba(255,255,255,.58); font-size:.78rem; line-height:1.5; }
.members-stage6-security-note i { color:#8fd8ff; margin-top:2px; }

.members-stage6-badges { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; min-height:23px; }
.members-stage6-badge { --stage6-badge: 185,190,205; display:inline-flex; align-items:center; gap:5px; min-height:23px; max-width:100%; padding:3px 8px; border-radius:999px; border:1px solid rgba(var(--stage6-badge),.28); background:rgba(var(--stage6-badge),.10); color:rgb(var(--stage6-badge)); font-size:.67rem; font-weight:800; letter-spacing:.03em; line-height:1; white-space:nowrap; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.members-stage6-badge i { font-size:.67rem; }
.members-stage6-badge.tone-gold { --stage6-badge: 255,198,80; }
.members-stage6-badge.tone-violet { --stage6-badge: 171,132,255; }
.members-stage6-badge.tone-blue { --stage6-badge: 99,194,255; }
.members-stage6-badge.tone-pink { --stage6-badge: 255,91,160; }
.members-stage6-badge.tone-red { --stage6-badge: 255,111,111; }
.members-stage6-badge.tone-green { --stage6-badge: 101,222,163; }
.members-stage6-badge.tone-gray { --stage6-badge: 185,190,205; }
.members-stage6-badge.is-compact { font-size:.7rem; min-height:24px; }
.members-stage6-badge-more { display:inline-grid; place-items:center; min-width:23px; height:23px; padding:0 6px; border-radius:999px; color:rgba(255,255,255,.68); border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.045); font-size:.68rem; font-weight:800; }
.members-stage6-card .members-stage1-identity { min-width:0; }
.members-stage6-card .members-stage6-badges { max-width:100%; }
.members-stage6-card .members-stage6-badge { overflow:hidden; text-overflow:ellipsis; }

@media (hover:hover) {
  .members-stage6-badge { transition:transform .18s ease,border-color .18s ease,background .18s ease; }
  .members-stage6-badge:hover { transform:translateY(-1px); background:rgba(var(--stage6-badge),.16); border-color:rgba(var(--stage6-badge),.42); }
  .members-stage6-guide > summary:hover { background:rgba(255,255,255,.025); }
}
@media (max-width:980px){ .members-stage6-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:620px){
  .members-stage6-guide{border-radius:16px;margin:14px 0 18px;}
  .members-stage6-guide > summary{padding:13px;gap:10px;}
  .members-stage6-guide > summary small{font-size:.75rem;}
  .members-stage6-guide-body{padding:12px;}
  .members-stage6-guide-grid{grid-template-columns:1fr;gap:8px;}
  .members-stage6-guide-item{padding:10px;}
  .members-stage6-badges{gap:5px;margin-top:6px;}
  .members-stage6-badge{font-size:.63rem;min-height:22px;padding:3px 7px;}
}
@media (prefers-reduced-motion:reduce){
  .members-stage6-guide > summary > .fa-chevron-down,.members-stage6-badge{transition:none!important;}
}

/* ========================================================================== 
   OSANIME Member Community — Stage 7: Active & Popular Members
   Cached/materialized community scores only; no live aggregation in page view.
   ========================================================================== */
.members-stage7-leaderboards {
  margin: 20px 0 24px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 22px;
  background:
    radial-gradient(circle at 8% 0%, rgba(255,72,150,.10), transparent 32%),
    radial-gradient(circle at 95% 5%, rgba(125,97,255,.10), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow: 0 18px 46px rgba(0,0,0,.18);
}
.members-stage7-leaderboards-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:15px;
}
.members-stage7-leaderboards-head > div > span {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#ff78b3;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.members-stage7-leaderboards-head h2 { margin:5px 0 3px; color:#fff; font-size:1.28rem; }
.members-stage7-leaderboards-head p { margin:0; max-width:760px; color:rgba(255,255,255,.59); font-size:.84rem; line-height:1.55; }
.members-stage7-leaderboards-head > small {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.55);
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(0,0,0,.14);
  font-size:.72rem;
}
.members-stage7-leaderboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.members-stage7-board {
  min-width:0;
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  overflow:hidden;
  background:rgba(5,8,18,.44);
}
.members-stage7-board > header {
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 14px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.members-stage7-board > header > span {
  width:38px; height:38px; border-radius:12px;
  display:grid; place-items:center;
  color:#fff;
  background:linear-gradient(135deg,rgba(255,74,150,.95),rgba(139,89,255,.9));
  box-shadow:0 8px 24px rgba(255,74,150,.14);
}
.members-stage7-board.popular > header > span { background:linear-gradient(135deg,#ff9b45,#ff4f8d); }
.members-stage7-board > header > div { min-width:0; display:flex; flex-direction:column; gap:2px; }
.members-stage7-board > header b { color:#fff; font-size:.92rem; }
.members-stage7-board > header small { color:rgba(255,255,255,.54); font-size:.72rem; line-height:1.4; }
.members-stage7-board-list { padding:5px 8px; }
.members-stage7-leader-row {
  display:grid;
  grid-template-columns:31px 46px minmax(0,1fr) auto 13px;
  gap:9px;
  align-items:center;
  min-width:0;
  padding:9px 7px;
  border-radius:13px;
  text-decoration:none !important;
  border:1px solid transparent;
}
.members-stage7-leader-row + .members-stage7-leader-row { border-top-color:rgba(255,255,255,.045); border-radius:0; }
.members-stage7-rank {
  width:27px; height:27px; display:grid; place-items:center;
  border-radius:9px;
  color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.035);
  font-size:.72rem; font-weight:900;
}
.members-stage7-leader-row.rank-1 .members-stage7-rank { color:#ffd66b; background:rgba(255,206,82,.10); }
.members-stage7-leader-row.rank-2 .members-stage7-rank { color:#d9e1eb; background:rgba(210,220,235,.09); }
.members-stage7-leader-row.rank-3 .members-stage7-rank { color:#d99a6a; background:rgba(217,154,106,.10); }
.members-stage7-leader-avatar { position:relative; width:46px; height:46px; }
.members-stage7-leader-avatar img { width:46px; height:46px; display:block; border-radius:14px; object-fit:cover; border:1px solid rgba(255,255,255,.1); }
.members-stage7-leader-avatar > i { position:absolute; right:-1px; bottom:-1px; width:11px; height:11px; border-radius:50%; background:#53e495; border:2px solid #121521; box-shadow:0 0 0 2px rgba(83,228,149,.12); }
.members-stage7-leader-copy { min-width:0; display:flex; flex-direction:column; gap:1px; }
.members-stage7-leader-copy b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-size:.82rem; }
.members-stage7-leader-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:rgba(255,255,255,.47); font-size:.69rem; }
.members-stage7-leader-copy em { margin-top:3px; display:flex; align-items:center; gap:5px; color:rgba(255,255,255,.58); font-size:.67rem; font-style:normal; }
.members-stage7-leader-copy em i { color:#ff75b1; }
.members-stage7-board.popular .members-stage7-leader-copy em i { color:#ffac67; }
.members-stage7-leader-score { text-align:right; display:flex; flex-direction:column; align-items:flex-end; line-height:1.05; }
.members-stage7-leader-score b { color:#fff; font-size:.84rem; }
.members-stage7-leader-score small { margin-top:4px; color:rgba(255,255,255,.43); font-size:.59rem; white-space:nowrap; }
.members-stage7-leader-arrow { color:rgba(255,255,255,.28); font-size:.65rem; }
.members-stage7-board-more {
  display:flex; align-items:center; justify-content:center; gap:7px;
  margin:4px 8px 9px; min-height:36px;
  border-radius:11px; text-decoration:none !important;
  border:1px solid rgba(255,255,255,.065);
  color:rgba(255,255,255,.74); background:rgba(255,255,255,.025);
  font-size:.72rem; font-weight:800;
}
.members-stage7-board-empty { margin:0; padding:18px 10px; text-align:center; color:rgba(255,255,255,.46); font-size:.74rem; }
.members-stage7-score-note {
  margin:13px 2px 0;
  display:flex; align-items:flex-start; gap:8px;
  color:rgba(255,255,255,.46); font-size:.72rem; line-height:1.5;
}
.members-stage7-score-note i { margin-top:2px; color:#8fd8ff; }
.members-stage7-score-waiting {
  margin:18px 0 22px;
  display:flex; align-items:flex-start; gap:12px;
  padding:14px 16px;
  border-radius:17px;
  border:1px solid rgba(255,190,95,.16);
  background:rgba(255,177,76,.055);
}
.members-stage7-score-waiting > i { margin-top:2px; color:#ffbd69; }
.members-stage7-score-waiting b { color:#fff; font-size:.84rem; }
.members-stage7-score-waiting p { margin:3px 0 0; color:rgba(255,255,255,.56); font-size:.75rem; line-height:1.5; }
.members-stage7-score-filter i { color:#ff7db7; }
.members-stage7-card-score {
  display:flex; align-items:center; flex-wrap:wrap; gap:7px;
  margin:10px 0 2px;
}
.members-stage7-card-score > span {
  display:grid;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto;
  column-gap:6px;
  align-items:center;
  min-width:92px;
  padding:7px 9px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.028);
}
.members-stage7-card-score > span > i { grid-row:1/3; font-size:.72rem; color:#ff78b3; }
.members-stage7-card-score > span.popular > i { color:#ffad69; }
.members-stage7-card-score > span b { color:#fff; font-size:.76rem; line-height:1; }
.members-stage7-card-score > span small { color:rgba(255,255,255,.44); font-size:.59rem; line-height:1.1; }
.members-stage7-card-score > em {
  min-width:0; display:inline-flex; align-items:center; gap:5px;
  color:rgba(255,255,255,.55); font-style:normal; font-size:.67rem;
  padding:5px 7px; border-radius:999px; background:rgba(255,255,255,.025);
}
.members-stage7-card-score > em i { color:#8fd8ff; }

@media (hover:hover) {
  .members-stage7-leader-row,.members-stage7-board-more { transition:background .18s ease,border-color .18s ease,transform .18s ease; }
  .members-stage7-leader-row:hover { background:rgba(255,255,255,.035); border-color:rgba(255,255,255,.065); transform:translateX(2px); }
  .members-stage7-board-more:hover { background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.11); }
}
@media (max-width:980px) {
  .members-stage7-leaderboard-grid { grid-template-columns:1fr; }
}
@media (max-width:680px) {
  .members-stage7-leaderboards { padding:13px; border-radius:18px; }
  .members-stage7-leaderboards-head { align-items:flex-start; flex-direction:column; gap:9px; }
  .members-stage7-leaderboards-head h2 { font-size:1.08rem; }
  .members-stage7-leaderboards-head > small { font-size:.66rem; }
  .members-stage7-leader-row { grid-template-columns:27px 42px minmax(0,1fr) auto; gap:7px; padding:8px 5px; }
  .members-stage7-leader-avatar,.members-stage7-leader-avatar img { width:42px; height:42px; border-radius:12px; }
  .members-stage7-leader-arrow { display:none; }
  .members-stage7-leader-score small { display:none; }
  .members-stage7-card-score { gap:5px; }
  .members-stage7-card-score > span { min-width:82px; padding:6px 8px; }
}
@media (max-width:430px) {
  .members-stage7-leader-copy em { max-width:155px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
  .members-stage7-leader-copy em i { margin-right:5px; }
  .members-stage7-leader-score b { font-size:.75rem; }
}
@media (prefers-reduced-motion:reduce) {
  .members-stage7-leader-row,.members-stage7-board-more { transition:none!important; }
}

/* --------------------------------------------------------------------------
   OSANIME Member Community — Stage 8: Member Discovery & Recommendations
   -------------------------------------------------------------------------- */
.members-stage8-discovery{margin-top:18px;padding:20px;border:1px solid rgba(244,114,182,.18);border-radius:22px;background:radial-gradient(circle at 12% 0%,rgba(236,72,153,.13),transparent 31%),radial-gradient(circle at 92% 8%,rgba(96,165,250,.1),transparent 29%),linear-gradient(155deg,#0b1729,#07111f 72%);box-shadow:0 18px 52px rgba(0,0,0,.16)}
.members-stage8-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.members-stage8-head>div:first-child>span{display:inline-flex;align-items:center;gap:7px;color:#ff8abd;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.members-stage8-head h2{margin:7px 0 5px;color:#fff;font-size:23px;line-height:1.12}.members-stage8-head p{max-width:750px;margin:0;color:#91a3ba;font-size:11px;line-height:1.6}.members-stage8-head-side{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.members-stage8-private-note{height:34px;padding:0 10px;border:1px solid rgba(52,211,153,.16);border-radius:999px;background:rgba(52,211,153,.07);display:inline-flex;align-items:center;gap:6px;color:#8ee3c0;font-size:8px;font-weight:850}.members-stage8-head-side>a{height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(5,13,25,.52);display:inline-flex;align-items:center;gap:7px;color:#bdc9d9;text-decoration:none;font-size:8px;font-weight:900}.members-stage8-head-side>a:hover{border-color:rgba(255,79,147,.28);color:#fff;background:rgba(255,79,147,.08)}
.members-stage8-reason-summary{margin:15px 0 12px;display:flex;flex-wrap:wrap;gap:7px}.members-stage8-reason-summary>span{min-height:30px;padding:0 9px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(5,13,25,.48);display:inline-flex;align-items:center;gap:6px;color:#94a7bf;font-size:8px;font-weight:850}.members-stage8-reason-summary>span i{color:#f9a8d4}
.members-stage8-suggestion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.members-stage8-suggestion-card{position:relative;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:linear-gradient(180deg,rgba(14,27,47,.96),rgba(8,20,36,.96));box-shadow:0 10px 28px rgba(0,0,0,.15);transition:transform .2s ease,border-color .2s ease,opacity .2s ease}.members-stage8-suggestion-card:hover{transform:translateY(-2px);border-color:rgba(255,79,147,.24)}.members-stage8-suggestion-card.is-hiding{opacity:0;transform:translateY(4px) scale(.985);pointer-events:none}.members-stage8-dismiss{position:absolute;z-index:2;right:9px;top:9px;width:27px;height:27px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:rgba(2,8,18,.54);color:#70829b;cursor:pointer;display:grid;place-items:center}.members-stage8-dismiss:hover{color:#fff;background:rgba(255,255,255,.07)}
.members-stage8-avatar{position:relative;width:58px;height:58px;display:block;text-decoration:none}.members-stage8-avatar img{width:58px;height:58px;border:1px solid rgba(255,255,255,.1);border-radius:15px;display:block;object-fit:cover}.members-stage8-avatar>i{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;border:3px solid #0d1a2d;background:#64748b}.members-stage8-avatar>i.is-online{background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.08)}.members-stage8-avatar>i.is-recent{background:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.07)}
.members-stage8-suggestion-copy{margin-top:10px;min-width:0}.members-stage8-suggestion-name{min-width:0;display:flex;align-items:center;gap:6px}.members-stage8-suggestion-name>a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-decoration:none;font-size:12px;font-weight:900}.members-stage8-suggestion-name>a:hover{color:#ff8fbe}.members-stage8-suggestion-name>span{flex:0 0 auto;padding:3px 5px;border:1px solid rgba(96,165,250,.18);border-radius:999px;background:rgba(96,165,250,.08);color:#bfdbfe;font-size:6px;font-weight:900}.members-stage8-suggestion-name>span i{margin-right:3px}.members-stage8-suggestion-copy>small{display:block;margin-top:2px;color:#72859f;font-size:8px}.members-stage8-suggestion-copy>p{margin:8px 0 0;min-height:30px;display:flex;align-items:flex-start;gap:6px;color:#b7c5d8;font-size:9px;line-height:1.45}.members-stage8-suggestion-copy>p i{margin-top:2px;color:#ff7eb5}
.members-stage8-reasons{min-height:50px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.055);display:flex;align-content:flex-start;flex-wrap:wrap;gap:5px}.members-stage8-reasons span{max-width:100%;padding:4px 6px;border-radius:7px;background:rgba(255,255,255,.035);color:#8194ad;font-size:7px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members-stage8-reasons span i{margin-right:4px;color:#a78bfa}.members-stage8-reasons .reason-anime i{color:#fb7185}.members-stage8-reasons .reason-music_tracks i,.members-stage8-reasons .reason-music_artists i{color:#f472b6}.members-stage8-reasons .reason-uploader i{color:#60a5fa}
.members-stage8-mini-stats{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.members-stage8-mini-stats span{padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.032);display:grid;grid-template-columns:auto 1fr;gap:2px 5px;align-items:center}.members-stage8-mini-stats b{grid-row:1/3;color:#eaf2fb;font-size:11px}.members-stage8-mini-stats small{color:#6f8199;font-size:7px;font-weight:800}.members-stage8-actions{margin-top:9px;display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px}.members-stage8-follow-btn{width:100%;min-width:0}.members-stage8-profile-btn{width:34px;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);display:grid;place-items:center;color:#9babc0;text-decoration:none}.members-stage8-profile-btn:hover{border-color:rgba(255,79,147,.25);background:rgba(255,79,147,.08);color:#fff}
.members-stage8-explain{margin:12px 2px 0;display:flex;align-items:flex-start;gap:7px;color:#71849d;font-size:8px;line-height:1.5}.members-stage8-explain i{margin-top:2px;color:#60a5fa}.members-stage8-empty{margin-top:15px;min-height:92px;padding:14px;border:1px dashed rgba(255,255,255,.09);border-radius:14px;background:rgba(5,13,25,.38);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.members-stage8-empty>span,.members-stage8-guest>span{width:42px;height:42px;border-radius:12px;background:rgba(255,79,147,.09);display:grid;place-items:center;color:#ff84b8}.members-stage8-empty b,.members-stage8-guest b{color:#fff;font-size:11px}.members-stage8-empty p,.members-stage8-guest p{margin:3px 0 0;color:#8295ad;font-size:9px;line-height:1.5}.members-stage8-empty>a,.members-stage8-guest>a{height:34px;padding:0 11px;border:1px solid rgba(255,79,147,.22);border-radius:9px;background:rgba(255,79,147,.09);display:inline-flex;align-items:center;gap:7px;color:#ffd4e6;text-decoration:none;font-size:8px;font-weight:900}
.members-stage8-guest{margin-top:18px;padding:15px 17px;border:1px solid rgba(96,165,250,.14);border-radius:16px;background:linear-gradient(135deg,rgba(59,130,246,.06),rgba(236,72,153,.05));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.members-stage8-guest>span{background:rgba(96,165,250,.09);color:#93c5fd}.members-stage8-discovery-toggle{border-color:rgba(167,139,250,.14)!important}.members-stage8-discovery-toggle span:before{content:'✦';margin-right:5px;color:#c4b5fd}.members-stage8-discovery-toggle input:not(:checked)+span{opacity:.68}
@media(max-width:1180px){.members-stage8-suggestion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.members-stage8-head{flex-direction:column}.members-stage8-head-side{width:100%;justify-content:flex-start}.members-stage8-suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.members-stage8-discovery{padding:14px;border-radius:17px}.members-stage8-head h2{font-size:19px}.members-stage8-head-side>a span{display:none}.members-stage8-suggestion-grid{grid-template-columns:1fr}.members-stage8-suggestion-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:0 10px}.members-stage8-suggestion-copy{margin-top:0}.members-stage8-reasons,.members-stage8-mini-stats,.members-stage8-actions{grid-column:1/-1}.members-stage8-reasons{min-height:0}.members-stage8-empty,.members-stage8-guest{grid-template-columns:auto 1fr}.members-stage8-empty>a,.members-stage8-guest>a{grid-column:1/-1;justify-content:center}.members-stage8-private-note{max-width:100%}}
@media(prefers-reduced-motion:reduce){.members-stage8-suggestion-card{transition:none}}