@font-face{font-family:Inter;src:url(fonts/inter-latin.woff2) format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Oswald;src:url(fonts/oswald-latin.woff2) format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--page:#18181b;--panel:#27272a;--field:#3f3f46;--line:#3f3f46;--text:#f4f4f5;--muted:#a1a1aa;--pink:#ec4899;--violet:#8b5cf6;--sidebar-width:264px;--header-height:56px}
*{box-sizing:border-box;letter-spacing:0}
html{scroll-behavior:smooth;scroll-padding-top:76px;scrollbar-gutter:stable}
body{margin:0;background:var(--page);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.45}
button,input,select{font:inherit;color:inherit}
button,a,summary,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;background:none;border:0;padding:0}
a{color:inherit;text-decoration:none}
button,a,summary,input,select{outline-offset:4px}
:focus-visible{outline:2px solid #f472b6}
img{display:block;max-width:100%}
[hidden]{display:none!important}
::-webkit-scrollbar{width:12px;height:8px}
::-webkit-scrollbar-track{background:var(--page)}
::-webkit-scrollbar-thumb{background:#52525b;border:2px solid var(--page);border-radius:8px}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}
.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{position:fixed;left:12px;top:10px;background:white;color:#18181b;padding:8px 14px;z-index:300}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;color:#d4d4d8}
.icon-button:hover{background:#ffffff12;color:white}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 20px;border-radius:24px;font-weight:600;font-size:14px;line-height:20px;white-space:nowrap;transition:background .15s,filter .15s}
.button-pink{background:var(--pink);color:white}
.button-pink:hover{filter:brightness(1.12)}
.button-muted{background:var(--field)}
.button-muted:hover{background:#52525b}
.topbar{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 16px 0 20px;background:var(--panel);border-bottom:1px solid #3f3f4690;box-shadow:0 3px 8px #0005}
.header-brand,.header-actions{display:flex;align-items:center;min-width:0}
.header-brand{gap:12px}
.header-actions{gap:8px}
.menu-toggle{width:32px;height:36px}
.menu-toggle .icon{width:20px;height:20px}
.brand{margin:0;line-height:1;min-width:0}
.brand img{width:176px;height:auto}
.language-picker{position:relative}
.language-toggle{position:relative;width:44px;height:40px;background:#3f3f4666;margin-right:4px}
.language-toggle .icon{width:19px;height:19px}
.language-toggle span{position:absolute;right:0;top:-2px;font-size:12px;line-height:14px;color:#d4d4d8;font-weight:600}
.popover{position:absolute;z-index:130;min-width:180px;background:#27272a;border:1px solid #52525b;border-radius:8px;padding:6px;box-shadow:0 12px 35px #0008}
.popover a,.popover button{display:block;text-align:left;width:100%;padding:9px 12px;border-radius:4px;font-size:14px;line-height:20px}
.popover a:hover,.popover button:hover{background:#3f3f46}
.popover [aria-checked=true]{color:#f472b6;background:#ffffff08}
.language-menu{right:0;top:46px}
.sidebar{position:fixed;top:64px;bottom:8px;left:8px;width:256px;z-index:90;display:flex;flex-direction:column;background:var(--panel);border:1px solid #3f3f46;border-radius:16px;transition:transform .2s;overflow:visible}
.sidebar-account{display:flex;gap:8px;padding:16px 12px;border-bottom:1px solid #3f3f46}
.sidebar-account .button{flex:1;padding-inline:12px;min-width:0}
.primary-nav{padding:16px 10px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin}
.nav-link{display:flex;align-items:center;gap:10px;min-height:38px;width:100%;padding:8px 12px;font-size:14px;font-weight:500;color:#d4d4d8;text-align:left;border-radius:24px;margin-bottom:2px;line-height:22px}
.nav-link .icon{width:18px;height:18px;color:#a1a1aa}
.nav-link:hover{background:#ffffff08;color:white}
.nav-link.active{background:#18181b;color:#f472b6;border:1px solid #3f3f4633;padding-block:7px}
.nav-link.active .icon{color:#f472b6}
.active-dot{margin-left:auto;width:6px;height:6px;background:#52525b;border-radius:50%}
.explore-menu{margin-top:0}
.explore-menu summary{list-style:none;cursor:pointer}
.explore-menu summary::-webkit-details-marker{display:none}
.explore-menu summary>.icon:last-child{margin-left:auto;width:16px;height:16px}
.explore-menu[open] summary>.icon:last-child{transform:rotate(180deg)}
.explore-menu>div{display:grid;padding:6px 10px 8px 40px;gap:6px}
.explore-menu>div button{text-align:left;padding:5px 0;color:#a1a1aa;font-size:13px}
.explore-menu>div button:hover{color:#f472b6}
.sidebar-bottom{margin-top:auto}
.sidebar-bottom>.nav-link{margin:0 10px;width:calc(100% - 20px);font-size:14px}
.more-picker{position:relative;border-top:1px solid #3f3f46;margin-top:12px;padding:8px 10px}
.more-toggle{margin:0}
.more-menu{left:8px;bottom:58px;width:236px}
.main{margin-left:var(--sidebar-width);padding-top:var(--header-height);min-height:100vh;transition:margin-left .2s}
.catalog-shell{max-width:1900px;margin:auto;padding:24px 56px 28px}
.promotions{position:relative;height:188px;width:100%;isolation:isolate;border-radius:16px;overflow:hidden;background:#1f142c}
.promotion-slides{position:relative;height:100%}
.promotion{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .4s;pointer-events:none}
.promotion.active{opacity:1;visibility:visible;pointer-events:auto}
.promotion picture,.promotion img{display:block;width:100%;height:100%}
.promotion img{object-fit:cover;object-position:center}
.promotion:hover{filter:brightness(1.03)}
.slide-arrow{position:absolute;top:calc(50% - 18px);background:#18181b88;color:white;z-index:2;opacity:0;transition:opacity .15s}
.slide-arrow.previous{left:10px}.slide-arrow.next{right:10px}
.promotions:hover .slide-arrow,.promotions:focus-within .slide-arrow{opacity:1}
.slide-dots{position:absolute;display:flex;gap:8px;bottom:12px;left:50%;transform:translateX(-50%);z-index:2}
.slide-dots button{width:8px;height:8px;background:#ffffff66;border-radius:50%;box-shadow:0 1px 3px #0005}
.slide-dots button[aria-current=true]{background:white}
.discovery{margin-top:48px}
.search-row{display:flex;align-items:center;justify-content:center;gap:16px;min-height:36px}
.search-field{height:34px;display:flex;align-items:center;gap:10px;width:385px;max-width:100%;padding:0 12px;border-radius:24px;background:#3f3f46;color:#a1a1aa;min-width:0}
.search-field>.icon{width:16px;height:16px}
.search-field input{height:34px;min-width:0;width:100%;flex:1;border:0;background:none;outline:none;color:white;font-size:14px}
.search-field input::placeholder{color:#a1a1aa;opacity:1}
.search-field:focus-within{box-shadow:0 0 0 1px #71717a}
input[type=search]::-webkit-search-cancel-button{appearance:none}
.clear-search{width:22px;height:24px}.clear-search .icon{width:14px;height:14px}
.discovery-tabs{display:flex;align-items:center;border:1px solid #3f3f4650;border-radius:24px;flex-shrink:0}
.discovery-tabs button{height:30px;min-width:110px;padding:2px 16px;color:#a1a1aa;font-size:16px;border:1px solid transparent;border-radius:24px;white-space:nowrap}
.discovery-tabs button.active{border-color:#a1a1aa;color:#ec4899}
.discovery-tabs button:hover{color:#f472b6}
.nsfw-link{flex-shrink:0;font-size:14px;font-weight:700;line-height:26px;padding:0 13px;border:1px solid #71717a;border-radius:24px}
.nsfw-link:hover{border-color:var(--pink);color:#f472b6}
.filter-row{display:flex;justify-content:center;align-items:center;gap:8px;margin:40px 0 26px}
.filter-select{position:relative;display:flex;align-items:center;gap:7px;background:#09090b;border:1px solid #3f3f46;border-radius:24px;height:34px;padding:0 12px;min-width:0}
.filter-select>.icon:first-child{width:16px;height:16px;color:#d4d4d8;pointer-events:none}
.filter-select>.icon:last-child{width:14px;height:14px;color:#71717a;position:absolute;right:12px;pointer-events:none}
.filter-select select{appearance:none;background:none;border:0;outline:none;cursor:pointer;padding:6px 23px 6px 0;height:32px;font-size:14px;font-weight:500;min-width:0;max-width:100%}
.filter-select select:focus-visible{outline:2px solid #f472b6;border-radius:8px}
.filter-select option{background:#18181b}
.categories{display:flex;align-items:center;justify-content:flex-start;gap:6px 4px;flex-wrap:wrap;margin-bottom:28px}
.category,.show-categories{min-height:26px;padding:4px 12px;line-height:18px;border-radius:20px;color:#a1a1aa;font-size:12px;font-weight:500;white-space:nowrap;border:1px solid transparent}
.category:hover{color:white;background:#27272a}
.category.active{background:#09090b;color:white;border-color:#6b3f70}
.show-categories{border-color:#3f3f4650;color:#a78bfa;padding-inline:12px}
.show-categories:hover{border-color:#71717a}
.collection-state{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px;padding-bottom:16px;font-size:14px;color:#d4d4d8}
.collection-state button{display:flex;align-items:center;gap:4px;color:#f472b6;font-size:12px}.collection-state .icon{width:14px;height:14px}
.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;align-items:start}
.character{position:relative;isolation:isolate;min-width:0;height:350px;overflow:hidden;border:2px solid #a21caf66;background:#09090b;border-radius:16px;transition:transform .2s,border-color .2s}
.character.gold{border-color:#fbbf2466}
.character-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top;transition:transform .6s}
.character-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#000 0%,#000b 24%,transparent 60%);pointer-events:none}
.character-hit{position:absolute;inset:0;z-index:3;border-radius:inherit}
.character-hit:focus-visible{outline-offset:-4px}
.card-badges{position:absolute;left:6px;right:6px;top:6px;z-index:5;display:flex;align-items:center;gap:5px;pointer-events:none}
.video-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#27272a55;backdrop-filter:blur(10px);flex-shrink:0}
.video-badge .icon{width:16px;height:16px;fill:white;stroke-width:1.75}
.creator-badge{font-size:12px;line-height:18px;max-width:calc(100% - 42px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:20px;padding:0 5px;background:#27272a80;font-weight:600;pointer-events:auto;text-shadow:0 1px 3px #000}
.creator-badge:hover{background:#27272ad0;text-decoration:underline}
.character-copy{position:absolute;inset:auto 0 0;z-index:4;pointer-events:none;transition:transform .2s,opacity .2s}
.character-copy h2{font-size:16px;line-height:23px;font-weight:700;margin:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 3px #000}
.character.gold h2{color:#facc15}
.character-copy>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:20px;font-weight:500;margin:8px 12px 14px;color:#fff;text-shadow:0 2px 3px #000}
.character-stats{display:flex;gap:5px;flex-wrap:wrap;padding:0 12px 12px;min-height:32px;color:#d4d4d8;font-size:12px;font-weight:600}
.character-stats>span,.character-stats>button{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:#27272ae6;border-radius:20px;padding:2px 6px;line-height:16px;min-height:20px;white-space:nowrap}
.character-stats .icon{width:12px;height:12px}
.save-button{pointer-events:auto}.save-button .icon{color:#f43f5e}
.save-button[aria-pressed=true] .icon{fill:#f43f5e}
.like-count .icon{color:#f43f5e}.is-saved .like-count .icon{fill:#f43f5e}
.character-hover{position:absolute;z-index:2;bottom:0;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:28px;transform:translateY(100%);opacity:0;transition:transform .25s,opacity .25s;pointer-events:none}
.chat-prompt{display:inline-flex;align-items:center;justify-content:center;font-size:16px;min-height:42px;width:calc(100% - 24px);max-width:208px;border:2px solid #c026d3aa;border-left:0;border-radius:0 30px 30px 0;background:#18181b66;backdrop-filter:blur(6px)}
.character.gold .chat-prompt{border-color:#fbbf24bb}
.character-rating{background:#27272a;width:100%;font-size:12px;text-align:center;font-weight:600;padding:6px;color:#e879f9}
.character.gold .character-rating{color:#fbbf24}
@media(hover:hover){.character:hover{z-index:8;transform:translateY(-4px) scale(1.025);border-color:#d946efbb}.character.gold:hover{border-color:#fbbf24bb}.character:hover .character-photo{transform:scale(1.05)}.character:hover .character-copy{transform:translateY(100%);opacity:0}.character:hover .character-hover{transform:none;opacity:1}}
.empty-state{text-align:center;padding:60px 20px;color:#a1a1aa}.empty-state>.icon{width:28px;height:28px}.empty-state h2{font-size:20px;color:white;margin:14px 0 8px}.empty-state p{margin:0 0 20px}
.intro-band{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:32px;margin:12px 24px 48px;padding:24px 32px;border-radius:16px;overflow:hidden;background:#201127}
.intro-band:before{content:"";position:absolute;inset:0;z-index:-2;background:url(images/main-bg.webp) center 40%/cover;filter:blur(24px);transform:scale(1.08);opacity:.2}
.intro-band:after{content:"";position:absolute;inset:0;z-index:-1;background:#120d2299}
.intro-band h2{font-size:20px;line-height:28px;margin:0 0 4px}
.intro-band p{font-size:14px;line-height:22px;color:#ddd;margin:0 0 16px}
.intro-band ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;padding:0;margin:0}
.intro-band li{display:flex;align-items:center;gap:4px;font-size:14px;min-width:0}.intro-band li .icon{width:18px;height:18px}.intro-band>.button{flex-shrink:0;background:#c026d3}
.editorial{max-width:896px;margin:0 auto;padding:20px 40px;color:#d4d4d8;font-size:14px;line-height:24px;overflow-wrap:anywhere}
.editorial h2{font-size:26px;line-height:35px;color:#f4f4f5;margin:0 0 24px;font-weight:800}
.editorial h3{font-size:20px;line-height:29px;color:#f4f4f5;margin:32px 0 15px;font-weight:700}
.editorial p{margin:0 0 18px}
.editorial ul{padding-left:23px;margin:20px 0}.editorial li{padding-left:5px;margin:7px 0}
.editorial a{color:#f472b6;text-decoration:underline;text-underline-offset:3px}.editorial strong{color:#fafafa}
.editorial a+a{margin-left:16px}
.footer{margin:80px 8px 8px;border:1px solid #3f3f4680;border-radius:16px;overflow:hidden;color:#a1a1aa}
.footer-main{display:grid;grid-template-columns:minmax(270px,1.8fr) minmax(120px,.7fr) minmax(150px,1fr) minmax(155px,1fr);gap:32px;padding:32px}
.footer-brand img{width:208px;height:auto;margin-bottom:12px}
.footer-brand>p{font-size:12px;line-height:19px;max-width:384px;color:#d4d4d8;margin:0 0 24px}
.operator h2{font-size:12px;line-height:20px;margin:0 0 4px;color:#d4d4d8}.operator p{font-size:12px;line-height:20px;margin:0 0 8px}.operator>a{font-size:12px;font-weight:600;color:#d4d4d8}
.footer-links h2,.footer-socials h2{font-size:14px;font-weight:600;text-transform:uppercase;color:#d4d4d8;margin:0 0 12px}
.footer-links a{display:block;font-size:13px;line-height:21px;margin-bottom:8px}.footer a:hover{color:#f472b6}
.social-links{display:flex;gap:0;margin-left:-8px;flex-wrap:wrap}
.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px}.social-link:hover{background:#27272a}.social-link .icon{width:20px;height:20px;fill:currentColor}
.payment-methods{display:flex;gap:6px;margin-top:20px}.payment-methods img{width:28px;height:28px;object-fit:contain}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;border-top:1px solid #3f3f4680;padding:20px 32px;font-size:12px;line-height:20px}
.footer-bottom .icon{width:14px;height:14px}
.mobile-nav{display:none}
dialog{color:#f4f4f5;font-family:Inter,Arial,sans-serif;border:1px solid #52525b;background:#27272a;border-radius:16px;padding:0;box-shadow:0 18px 80px #000b;max-width:calc(100vw - 32px)}
dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}
body:has(dialog[open]){overflow:hidden}
.dialog-close{position:absolute;top:12px;right:12px;z-index:5;background:#18181baa;color:white}.dialog-close .icon{width:18px;height:18px}
.profile-dialog{width:820px;max-height:calc(100dvh - 48px);overflow:auto}
.profile-dialog[open]{display:grid;grid-template-columns:320px minmax(0,1fr)}
.profile-visual{background:#18181b;min-height:460px}
.profile-visual img{width:100%;height:100%;object-fit:cover;object-position:center top}
.profile-copy{padding:36px 28px;min-width:0;display:flex;flex-direction:column}
.profile-author{color:#a1a1aa;font-size:13px;line-height:20px;margin:0 0 8px}
.profile-copy h2{font-size:25px;line-height:33px;margin:0 0 18px;overflow-wrap:anywhere;padding-right:10px}
#profile-description{font-size:14px;line-height:23px;margin:0 0 24px;max-height:300px;overflow:auto;padding-right:12px;white-space:pre-line}
.profile-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#a1a1aa;margin-bottom:24px}
.profile-meta span{border:1px solid #52525b;padding:4px 10px;border-radius:20px}
.profile-actions{display:flex;gap:12px;align-items:center;margin-top:auto}.profile-actions .button{flex:1}.profile-save[aria-pressed=true]{color:#f43f5e}.profile-save[aria-pressed=true] .icon{fill:#f43f5e}
.auth-dialog{width:420px;padding:40px 28px 28px;text-align:center}
.auth-dialog>img{width:200px;height:auto;margin:8px auto 30px}
.auth-dialog h2{font-size:24px;line-height:32px;margin:0 0 28px}
.auth-continue{width:100%;white-space:normal;min-height:44px;font-size:14px}
.auth-continue .icon{width:16px;height:16px}
.auth-dialog>p{font-size:12px;line-height:20px;color:#a1a1aa;margin:24px 0 0}.auth-dialog>p a{text-decoration:underline;text-underline-offset:3px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:160;border:1px solid #52525b;border-radius:8px;background:#27272a;padding:12px 18px;font-size:13px;box-shadow:0 8px 30px #0007;max-width:calc(100vw - 32px);text-align:center}
.sidebar-collapsed{--sidebar-width:0px}.sidebar-collapsed .sidebar{transform:translateX(-280px)}
@media(min-width:1800px){.catalog-shell{padding-inline:96px}}
@media(max-width:1279px){.footer-main{grid-template-columns:minmax(260px,1.5fr) 1fr 1fr;gap:28px}.footer-socials{grid-column:1;grid-row:2}.footer-links{grid-row:1 / span 2}.footer-brand{grid-column:1}.footer-links:nth-last-child(2){grid-column:2}.footer-links:last-child{grid-column:3}}
@media(max-width:1100px){.search-row{gap:12px}.search-field{width:340px}.discovery-tabs button{min-width:86px;padding-inline:12px}.filter-select{padding-left:10px}}
@media(max-width:1023px){:root,.sidebar-collapsed{--sidebar-width:0px}.sidebar{transform:translateX(-280px)}.drawer-open .sidebar{transform:none}.drawer-shade{position:fixed;inset:56px 0 0;background:#0009;z-index:85}.main{margin-left:0}.catalog-shell{padding:24px 24px 28px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-band{margin-inline:12px}.footer-main{grid-template-columns:minmax(260px,1.5fr) .8fr 1fr 1fr;gap:24px}.footer-socials{grid-column:auto;grid-row:auto}.footer-links{grid-row:auto}.footer-links:nth-last-child(2),.footer-links:last-child{grid-column:auto}}
@media(min-width:768px) and (max-width:1399px){.promotion img{object-position:left center}}
@media(max-width:767px){.topbar{padding-inline:12px}.header-brand{gap:8px}.brand img{width:154px}.header-actions{gap:6px}.header-actions .button{padding:7px 14px;font-size:12px;min-height:34px}.language-toggle{width:32px;height:32px;margin-right:2px}.language-toggle .icon{width:17px;height:17px}.language-toggle span{right:-1px;font-size:12px;top:-7px}.catalog-shell{padding:16px 12px 24px}.promotions{height:260px;border-radius:12px}.promotion img{object-fit:cover;object-position:center}.slide-arrow{opacity:1;background:#18181b50;width:30px;height:30px;top:calc(50% - 15px)}.slide-arrow.previous{left:8px}.slide-arrow.next{right:8px}.discovery{margin-top:24px}.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 12px}.search-field{width:100%;height:36px;grid-column:1 / -1}.search-field input{height:36px}.discovery-tabs{justify-self:start}.discovery-tabs button{min-width:95px;height:30px;font-size:14px}.nsfw-link{justify-self:end}.filter-row{margin:22px 0 20px;gap:6px}.filter-select{flex:1;max-width:200px;padding:0 8px;height:34px}.filter-select>.icon:first-child{display:none}.filter-select>.icon:last-child{right:7px;width:12px;height:12px}.filter-select select{font-size:12px;font-weight:500;padding-right:18px;width:100%}.categories{gap:4px 2px;margin-bottom:20px;max-height:none}.category,.show-categories{padding:4px 9px;font-size:12px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.character{height:350px}.card-badges{gap:3px;left:5px;right:5px;top:5px}.creator-badge{font-size:12px;max-width:calc(100% - 30px);padding-inline:4px}.video-badge{width:24px;height:24px}.video-badge .icon{width:13px;height:13px}.character-copy h2{font-size:14px;line-height:20px;margin-inline:8px}.character-copy>p{font-size:14px;line-height:20px;margin:6px 8px 10px}.character-stats{padding:0 8px 8px;gap:4px}.character-stats>span,.character-stats>button{padding-inline:4px;gap:3px;font-size:12px}.character-stats .icon{width:11px;height:11px}.intro-band{flex-direction:column;align-items:flex-start;padding:24px 20px;gap:20px;margin:12px 12px 36px}.intro-band h2{font-size:19px;line-height:27px}.intro-band ul{grid-template-columns:1fr}.intro-band>.button{align-self:flex-start}.editorial{padding:20px 24px}.editorial h2{font-size:24px;line-height:33px}.editorial h3{font-size:20px;line-height:28px}.footer{margin-top:40px;margin-bottom:76px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px;padding:24px 20px}.footer-brand{grid-column:1 / -1}.footer-brand img{margin-inline:auto}.footer-brand>p{margin-inline:auto;text-align:center;max-width:420px}.operator{text-align:center}.footer-socials{grid-column:1 / -1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-socials h2{margin:0 4px 0 0}.payment-methods{margin:0 0 0 auto}.footer-links:nth-last-child(2){grid-column:1}.footer-links:last-child{grid-column:2}.footer-bottom{padding:20px;display:block;text-align:center}.footer-bottom>span{display:block;margin-bottom:16px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:80;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;border-top:1px solid #3f3f46;background:#27272af5;backdrop-filter:blur(10px);padding:9px 6px max(8px,env(safe-area-inset-bottom));min-height:62px}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;line-height:18px;font-weight:500;color:#a1a1aa;min-width:0}.mobile-nav .icon{width:20px;height:20px}.mobile-nav a.active{color:#f472b6}.mobile-nav a:hover{color:white}.toast{bottom:80px}.profile-dialog[open]{grid-template-columns:1fr;width:440px}.profile-visual{height:320px;min-height:0;max-height:42dvh}.profile-visual img{object-position:center 20%}.profile-copy{padding:24px}.profile-copy h2{font-size:23px;line-height:31px}.profile-copy #profile-description{max-height:210px}.profile-actions{position:sticky;bottom:-24px;background:#27272a;padding-top:14px}body:has(dialog[open]) .mobile-nav{visibility:hidden}.auth-dialog{padding:36px 24px 24px}}
@media(max-width:639px){.character{height:320px}}
@media(max-width:399px){.brand img{width:132px}.header-brand{gap:5px}.menu-toggle{width:28px}.header-actions .button{padding-inline:11px}.language-toggle{width:28px;margin-right:0}.header-actions{gap:4px}.character-stats{gap:3px}.character-stats>span,.character-stats>button{padding-inline:3px;gap:2px}.payment-methods{margin-left:0}}
@media(max-width:370px){.character-grid{grid-template-columns:1fr}.character{height:370px}.character-copy h2{font-size:16px;margin-inline:14px}.character-copy>p{margin-inline:14px}.character-stats{padding:0 14px 12px}.creator-badge{max-width:70%}.header-actions .button-muted{display:none}.brand img{width:144px}.catalog-shell{padding-inline:12px}.filter-select{padding-left:7px}.filter-select select{font-size:12px}.footer-main{gap:24px 16px;padding-inline:16px}.footer-links a{overflow-wrap:anywhere}.footer-bottom{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:767px){.profile-actions{bottom:0}}
@media(max-width:370px){.brand img{width:128px}.filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-select{max-width:none}.sort-select{grid-column:1 / -1}}