body{background:#08080c!important;color:#f8f7fc}
.site-header{position:sticky;top:0;z-index:99;background:rgba(10,9,16,.64)!important;backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.13);box-shadow:0 8px 30px #0004}
.nav-shell{min-height:72px}
.nav-join{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#111!important;border-radius:40px;padding:13px 27px;font-weight:800;text-decoration:none;white-space:nowrap}
.nav-discord-login{color:#fff!important;text-decoration:none;font-weight:650;white-space:nowrap}
.discover{padding-top:24px!important}
.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.grid .card{display:flex!important;flex-direction:column;min-width:0;background:#131216!important;border:1px solid #ffffff22!important;border-radius:24px!important;overflow:hidden;box-shadow:0 8px 28px #0006;transition:transform .25s,box-shadow .25s,border-color .25s}
.grid .card:hover{transform:translateY(-5px);border-color:#e177e9aa!important;box-shadow:0 0 30px #c44ef044}
.grid .portrait{width:100%;height:auto!important;aspect-ratio:1.75!important;min-height:0!important;border-radius:0!important;overflow:hidden}
.grid .portrait img{width:100%;height:100%;object-fit:cover;filter:none!important}
.grid .card-body{display:flex;flex-direction:column;flex:1;padding:20px 23px 22px!important;gap:10px}
.grid .card-body h3{font-size:23px;margin:0;color:#fff}
.grid .card-body p{font-size:14px;line-height:1.55;color:#bbb9c5;margin:0;flex:1}
.grid .category-label{color:#e47fdd!important;font-size:12px}
.grid .creator-cta{display:block;text-align:center;background:#fff;color:#111!important;padding:13px 15px;border-radius:50px;font-size:13px;font-weight:850;text-decoration:none;margin-top:10px;transition:background .2s,box-shadow .2s}
.grid .creator-cta:hover{background:#f3c5ff;box-shadow:0 0 22px #cf69ff77}
.profile-content .link-list{display:grid;gap:12px}
.profile-content .creator-link{display:flex;justify-content:center!important;text-align:center;background:#ad35d9!important;color:white!important;border:1px solid #bd6ee9;border-radius:12px;padding:19px;font-weight:750}
.profile-content .creator-link.admaven{background:#281b35!important}
.profile-content .creator-link.unavailable{opacity:.45;cursor:not-allowed}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.grid .portrait{aspect-ratio:.9!important}.grid .card-body{padding:13px!important}.grid .card-body h3{font-size:16px}.grid .card-body p{font-size:12px}.grid .creator-cta{font-size:12px;padding:11px}.nav-shell{gap:9px}.nav-join{padding:10px 14px}.nav-discord-login{font-size:12px}}
@media(max-width:430px){.nav-discord-login{font-size:11px}.nav-join{font-size:12px;padding:9px 12px}}

/* Restore centered floating Liquid Glass pill */
.site-header{position:fixed!important;top:12px!important;left:0!important;right:0!important;z-index:99!important;padding:0 12px!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important}
.nav-shell{pointer-events:auto!important;position:relative!important;width:max-content!important;max-width:calc(100vw - 24px)!important;min-height:64px!important;height:auto!important;margin:0 auto!important;padding:10px 14px 10px 19px!important;gap:22px!important;border:1px solid #d8a1ff3b!important;border-radius:19px!important;background:linear-gradient(125deg,#352344d9,#100d1be9 55%,#38213cd9)!important;backdrop-filter:blur(26px) saturate(160%)!important;-webkit-backdrop-filter:blur(26px) saturate(160%)!important;box-shadow:inset 0 1px #ffffff30,0 10px 45px #0009,0 0 35px #b845b92b!important}
.nav-actions{display:flex;align-items:center;gap:9px!important}
.nav-actions .auth-link{display:inline-flex!important;align-items:center;justify-content:center;gap:8px!important;max-width:none!important;white-space:nowrap;background:linear-gradient(110deg,#f584cb,#c69eff);color:#211127!important;padding:12px 15px!important;border-radius:11px!important;font-weight:800}
.nav-actions .auth-link svg{flex-shrink:0}
.nav-actions .nav-join{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;background:#fff!important;color:#111!important;border-radius:100px;padding:12px 20px!important;font-weight:850;text-decoration:none;white-space:nowrap}
.nav-actions .nav-join svg{flex-shrink:0}
#main{padding-top:112px}
@media(max-width:800px){.nav-shell{gap:10px!important;min-height:60px!important}.nav-actions .auth-link{padding:10px!important}.nav-actions .nav-join{padding:10px 13px!important}.nav-links{top:72px!important}}
@media(max-width:550px){.nav-shell{width:100%!important;padding:8px!important;gap:5px!important}.nav-shell .brand{font-size:15px!important}.nav-shell .brand-icon{font-size:20px!important}.nav-actions{gap:5px!important}.nav-actions .auth-link span{display:none}.nav-actions .nav-join{padding:9px 11px!important}.nav-actions .nav-join svg{width:16px}.nav-actions .nav-join span{font-size:11px}.menu-toggle{padding:7px!important}}

.member-only-link[hidden],#authLink[hidden],#userMenu[hidden],#discordJoin[hidden],#userMenuPanel[hidden]{display:none!important}
.user-menu{position:relative}
.user-menu-button{display:flex;align-items:center;gap:8px;max-width:190px;border:1px solid #f7b2ff55;background:linear-gradient(110deg,#3a2249,#25172f);color:#fff;border-radius:12px;padding:7px 10px;font-weight:700;cursor:pointer}
.user-avatar{width:30px;height:30px;object-fit:cover;border-radius:50%}
#userDisplayName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}
.user-menu-panel{position:absolute;right:0;top:calc(100% + 12px);min-width:170px;padding:7px;background:rgba(27,17,37,.97);border:1px solid #ce8cf66b;border-radius:14px;box-shadow:0 12px 40px #000a;backdrop-filter:blur(20px);z-index:110}
.user-menu-panel a,.user-menu-panel button{display:block;width:100%;padding:12px;color:#fff;background:transparent;border:0;border-radius:9px;text-decoration:none;font:inherit;text-align:left;cursor:pointer}
.user-menu-panel a:hover,.user-menu-panel button:hover{background:#ffffff19}
@media(max-width:550px){.user-menu-button{max-width:105px;padding:7px}.user-avatar{width:24px;height:24px}#userDisplayName{max-width:45px;font-size:11px}}

/* Creator modal, premium liquid glass */
body.modal-open{overflow:hidden}
.creator-modal[hidden]{display:none!important}
.creator-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(4,3,9,.78);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);animation:modalFade .18s ease-out}
.creator-modal-panel{width:min(570px,100%);max-height:min(88vh,800px);overflow:auto;position:relative;border:1px solid #e68dff7a;border-radius:26px;background:linear-gradient(145deg,rgba(54,31,67,.97),rgba(16,12,26,.98) 60%);box-shadow:0 0 65px #c94dec44,0 24px 85px #000c;animation:modalUp .22s ease-out}
.modal-close{position:absolute;top:14px;right:14px;z-index:2;width:38px;height:38px;border:1px solid #ffffff66;border-radius:50%;background:#120d1cc9;color:#fff;font-size:27px;line-height:1;display:grid;place-items:center}
.modal-image{height:205px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#a34bc8,#25112f)}
.modal-image img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.modal-monogram{font-size:90px;font-weight:800;color:#ffffff99}
.modal-details{padding:24px 26px 28px}
.modal-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#e99bf3}
.modal-details h2{margin:5px 0 3px;font-size:clamp(24px,4vw,34px);line-height:1.2;letter-spacing:-.7px}
.modal-category{margin:0 0 22px;color:#c4abc9;font-size:13px}
.modal-links{display:grid;gap:12px}
.modal-link{display:flex;justify-content:center;align-items:center;min-height:56px;text-align:center;padding:13px 15px;border:1px solid #e99bf88a;border-radius:13px;background:linear-gradient(105deg,#c83bd6,#a147e8);color:#fff;font-weight:800;transition:transform .2s,box-shadow .2s}
.modal-link:hover:not(.unavailable){transform:translateY(-2px);box-shadow:0 0 30px #d752f066}
.modal-link.admaven{background:#291d35}
.modal-link.unavailable{opacity:.52;cursor:not-allowed}
.modal-disclaimer{text-align:center;color:#ad9db9;font-size:11px;margin:18px 0 0}
@keyframes modalFade{from{opacity:0}to{opacity:1}}@keyframes modalUp{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}
/* prevent layout shifting during asynchronous rendering */
#grid{min-height:320px;align-content:start}#grid:has(.card){min-height:0}
#membershipGrid{min-height:90px}#membershipGrid:has(.membership-card){min-height:0}
html{scrollbar-gutter:stable}body{overflow-x:hidden}
@media(max-width:600px){.creator-modal{padding:12px}.creator-modal-panel{border-radius:19px}.modal-image{height:155px}.modal-details{padding:18px}.modal-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){.creator-modal,.creator-modal-panel{animation:none}.modal-link,.grid .card{transition:none!important}}

/* Exclusive Drops UI, inspired by the original site's information architecture */
.drops-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:14px 0 24px}
.drops-pill{display:inline-flex;padding:9px 16px;border:1px solid #ffffff2b;border-radius:40px;background:#ffffff10;color:#e8d6f4;font-size:11px;font-weight:800;letter-spacing:.09em}
.drops-heading h1{font-size:clamp(38px,5.5vw,70px);line-height:1.07;letter-spacing:-.055em;margin:14px 0 8px;color:#fff}
.drops-heading h1 span{background:linear-gradient(100deg,#ffa38e,#ef79ce,#aa90ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.drops-heading p{color:#ada4bd;margin:0}
.drops-filters{display:flex;gap:9px;background:#2619379e;border:1px solid #b78deb66;border-radius:22px;padding:9px;box-shadow:inset 0 1px #ffffff1a}
.drop-filter{background:#ffffff0a;border:1px solid #ffffff18;color:#e8dff2;padding:12px 18px;border-radius:30px;font-weight:800;white-space:nowrap}
.drop-filter.active{background:linear-gradient(115deg,#7c4de0,#e36bc3);color:white;box-shadow:0 0 18px #d36bf84f}
.drops-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 24px}
.stat-glass{display:flex;gap:14px;align-items:center;min-height:135px;padding:20px;border-radius:23px;border:1px solid #c89fff46;background:radial-gradient(circle at 20% 10%,#b05cdd25,transparent 60%),linear-gradient(140deg,#231a38e8,#10101ce8);box-shadow:inset 0 1px #ffffff20,0 12px 35px #0004}
.stat-icon,.search-icon{flex-shrink:0;display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(140deg,#5e56e9,#ed5cb6);color:white;font-size:28px;box-shadow:0 0 25px #ba61fa45}
.stat-glass strong{display:block;font-size:clamp(17px,2vw,25px);line-height:1.1;letter-spacing:-.04em;color:#f6eaff}
.stat-glass b{display:block;font-size:12px;margin-top:7px}.stat-glass p{color:#a69cb9;font-size:12px;margin:5px 0 0;line-height:1.45}
.search-glass{display:flex;align-items:center;gap:22px;padding:18px;border:1px solid #c29af24b;border-radius:24px;background:linear-gradient(115deg,#292443dc,#19142edc);box-shadow:inset 0 1px #ffffff1c;margin-bottom:12px}
.search-caption{display:flex;align-items:center;gap:12px;min-width:245px}.search-caption strong{display:block}.search-caption small{display:block;color:#b8accb;font-size:12px}
.search-glass .search{flex:1;min-width:0;margin:0!important;background:#100d1e!important;border-radius:40px!important}
.search-glass .search input{min-width:0}.results-count{white-space:nowrap;font-size:12px;color:#c7b7e2}
.directory-controls{justify-content:flex-end;margin:0 0 12px!important}.model-badges{position:absolute;right:10px;top:10px;display:flex;align-items:end;flex-direction:column;gap:5px;z-index:3;pointer-events:none}
.model-badge{font-size:10px;line-height:1;padding:8px 11px;border-radius:22px;background:#1c142be8;color:#fff;border:1px solid #ffffff3b;box-shadow:0 4px 14px #0008;font-weight:800}
.badge-pinned{color:#ffde8d;border-color:#ffca6088;animation:pinned-glow 2.4s ease-in-out infinite}
.badge-hot,.badge-popular{color:#ffb28d;border-color:#f58a6e8c}
.badge-active{color:#8df3c0;border-color:#58df9c7a}.badge-active:before{content:'';display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#61ffae;box-shadow:0 0 10px #5cff9c;animation:active-pulse 1.5s infinite}
.badge-premium{color:#dec6ff}.badge-verified{color:#aaf5d7}
@keyframes pinned-glow{50%{box-shadow:0 0 18px #ffc46f9c;transform:translateY(-2px)}}@keyframes active-pulse{50%{opacity:.4}}
@media(max-width:850px){.drops-header{align-items:start;flex-direction:column}.drops-stats{grid-template-columns:1fr 1fr}.search-glass{flex-wrap:wrap}.search-caption{min-width:0}.search-glass .search{flex-basis:100%;order:3}.results-count{margin-left:auto}}
@media(max-width:580px){.drops-stats{grid-template-columns:1fr}.stat-glass{min-height:95px}.drops-filters{width:100%}.drop-filter{flex:1}.search-glass{gap:10px}.results-count{font-size:11px}.model-badge{font-size:8px;padding:6px 7px}.model-badges{right:6px;top:6px}}
@media(prefers-reduced-motion:reduce){.badge-pinned,.badge-active:before{animation:none!important}}

/* Consistent site-wide Liquid Glass polish */
:root{color-scheme:dark;scrollbar-color:#a05dbb #100c18;scrollbar-width:thin}
html{scrollbar-gutter:stable}body{overflow-x:hidden}
::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:#100c18}::-webkit-scrollbar-thumb{border:2px solid #100c18;border-radius:20px;background:linear-gradient(#c678df,#7446b1)}::-webkit-scrollbar-thumb:hover{background:#d992f1}
button,a,input,textarea,select{transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s,transform .2s}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f0a2f5;outline-offset:3px}
/* Remove the unstable category underline / pressed line */
.categories{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;min-height:42px;align-items:center}
.categories:before,.categories:after,.categories .chip:before,.categories .chip:after{content:none!important;display:none!important}
.categories .chip{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;line-height:1.25!important;border:1px solid #a873c054!important;border-radius:999px!important;text-decoration:none!important;background:#21162f!important;color:#e7d8ef!important;box-shadow:none!important;transform:none!important}
.categories .chip.active{background:linear-gradient(115deg,#ba59cd,#8c4ce1)!important;color:white!important;border-color:#dca4f6!important;box-shadow:0 0 15px #d36bf843!important}
.categories .chip:hover{border-color:#e19bf7!important;background:#342044!important}
/* Custom dropdown; no OS-default white/grey option list */
.custom-sort{position:relative;min-width:190px;z-index:20}.custom-sort .native-sort{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important}
.sort-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #c58be26b!important;border-radius:15px!important;background:linear-gradient(125deg,#342140,#21142f)!important;color:#f7e8ff!important;padding:13px 16px!important;box-shadow:inset 0 1px #ffffff23,0 6px 20px #0005;font-weight:700;font-size:13px;cursor:pointer}
.sort-trigger:hover,.sort-trigger[aria-expanded=true]{border-color:#e08af7!important;box-shadow:0 0 0 3px #b35ada25,0 8px 25px #0007}
.sort-options{position:absolute;top:calc(100% + 7px);left:0;right:0;padding:7px;border-radius:15px;background:#22172f;border:1px solid #b57bce99;box-shadow:0 16px 40px #000b,0 0 22px #b96ee326;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:25}
.sort-options[hidden]{display:none!important}.sort-options button{display:block;width:100%;padding:12px 13px;border:0;border-radius:9px;text-align:left;color:#eee0fa;background:transparent;font-size:13px;cursor:pointer}
.sort-options button:hover,.sort-options button:focus-visible{background:#67417c!important;color:white}.sort-options button[aria-selected=true]{background:#8c4eb449;color:#ffd3fb}
@media(max-width:600px){.custom-sort{min-width:170px}.sort-trigger{padding:11px 13px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Creator card seam: the portrait is a full-card background, not a separate
   image block. No image/content edge can appear on hover or at any zoom. */
#grid .card { position:relative!important; isolation:isolate!important; overflow:hidden!important; background:#130d19!important; }
#grid .card > .portrait { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-height:0!important; aspect-ratio:auto!important; margin:0!important; border:0!important; border-radius:0!important; overflow:hidden!important; z-index:0!important; pointer-events:none; }
#grid .card > .portrait img { position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center top; border:0!important; box-shadow:none!important; }
#grid .card > .portrait::after { content:""!important; position:absolute!important; inset:0!important; background:linear-gradient(to bottom, transparent 0%, rgba(19,13,25,.05) 25%, rgba(19,13,25,.72) 42%, #130d19 63%, #130d19 100%)!important; border:0!important; box-shadow:none!important; pointer-events:none!important; }
#grid .card > .card-body { position:relative!important; z-index:2!important; flex:1!important; display:flex!important; flex-direction:column!important; margin:0!important; padding:158px 20px 20px!important; background:transparent!important; border:0!important; box-shadow:none!important; }
#grid .card > .card-body::before, #grid .card > .card-body::after { content:none!important; display:none!important; }
@media(max-width:800px) { #grid .card > .card-body { padding:148px 13px 16px!important; } }

/* Creator blur is applied per-model via --model-blur (0..20px). */
.card .portrait.blurred img,.card:hover .portrait.blurred img,.profile-portrait.blurred img,.creator-modal .blurred img{filter:blur(var(--model-blur,7px))!important;-webkit-filter:blur(var(--model-blur,7px))!important;}
.card .portrait.blurred img{transform:scale(1.09)!important}.card:hover .portrait.blurred img{transform:scale(1.13)!important}.profile-portrait.blurred img{transform:scale(1.08)!important}