.character-hub{--page-content-max:1920px;--character-card-gap:clamp(12px, 1.2cqi, 18px);flex-direction:column;gap:24px;display:flex;container:character-hub/inline-size}.character-hub .character-hub-hero{isolation:isolate;background:#0b080a;border-radius:24px;justify-content:space-between;align-items:flex-end;width:100%;height:clamp(280px,22cqi,380px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f373b721,0 18px 42px #0000003d}.character-hub .character-hub-hero .character-hub-hero-media,.character-hub .character-hub-hero .character-hub-hero-shade{width:100%;height:100%;position:absolute;inset:0}.character-hub .character-hub-hero .character-hub-hero-media{z-index:0;pointer-events:none;background:radial-gradient(at 78% 112%,#f373b733,#0000 48%),radial-gradient(circle at 63% 18%,#6a54841f,#0000 34%),#09070b}.character-hub .character-hub-hero .character-hub-hero-media>picture>img{filter:brightness(.7)saturate(.92);transition:filter .32s,opacity .32s,transform .32s;transform:scale(1.015)}.character-hub .character-hub-hero .character-hub-hero-media.has-playing-video>picture>img{filter:blur(36px)brightness(.34)saturate(.72);opacity:0;transform:scale(1.16)}.character-hub .character-hub-hero .character-hub-hero-media>video{aspect-ratio:16/9;background:0 0;width:auto;height:112%;inset:-6% clamp(0px,70% - 784px,520px) auto auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000059 12%,#000 24% 88%,#00000059 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#00000059 12%,#000 24% 88%,#00000059 95%,#0000 100%)}.character-hub .character-hub-hero .character-hub-hero-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#050305f7 0%,#050305e6 25%,#05030594 43%,#0503051f 68%,#0503050a 100%),radial-gradient(at 72% 115%,#f373b733,#0000 48%),linear-gradient(#0c08100a,#0702092e)}.character-hub .character-hub-hero .hero-left{z-index:2;flex-direction:column;align-items:flex-start;width:100%;height:100%;padding:0 24px;display:flex;position:relative}.character-hub .character-hub-hero .hero-left .character-hub-hero-copy{flex-direction:column;align-items:flex-start;gap:12px;width:100%;margin-top:auto;display:flex}.character-hub .character-hub-hero .hero-left .character-hub-hero-copy .title{color:#0000;letter-spacing:-.035em;text-shadow:0 10px 30px #f373b71f;text-wrap:balance;background:linear-gradient(96deg,#fff 0% 20%,#ffabd5 54%,#f373b7 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(30px,2.7vw,48px);font-weight:800;line-height:1.12}.character-hub .character-hub-hero .hero-left .button-group{align-items:center;gap:12px;margin-top:2px;display:flex}.character-hub .switch-select-bar{flex-wrap:wrap;row-gap:8px}.character-hub .switch-select-bar .select-box{flex:36rem;min-width:0;max-width:100%}.app.is-mobile-shell .character-hub .switch-select-bar{flex-wrap:nowrap;row-gap:0}.character-hub .search-bar{flex:200px;width:min(200px,100%);min-width:160px;max-width:250px}.character-hub .card-box{flex-direction:column;gap:12px;scroll-margin-top:16px;display:flex;position:relative}.character-hub .card-box .character-publication-toolbar{justify-content:flex-end;display:flex}.character-hub .card-box .catalog-results{gap:var(--page-gutter);flex-direction:column;display:flex}.character-hub .card-box .character-pagination{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111114f0;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:6px;display:flex;position:sticky;bottom:0}.character-hub .card-box .character-pagination .catalog-pagination-control{width:100%}.character-hub .card-box .character-pagination .n-pagination{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.character-hub .card-box .character-pagination .n-pagination .n-pagination-prefix{color:#6b7280;white-space:nowrap;flex:none;margin-right:auto;font-size:12px;font-weight:500;line-height:16px}.character-hub .card-box .character-pagination .n-pagination .n-pagination-item{color:#e3e2e2;background:0 0;border:1px solid #333;border-radius:12px;width:30px;height:30px;margin:0;font-size:16px}.character-hub .card-box .character-pagination .n-pagination .n-pagination-item:hover:not(.n-pagination-item--disabled){color:#fff;border-color:#444}.character-hub .card-box .character-pagination .n-pagination .n-pagination-item.n-pagination-item--active{color:#fff;background:#2b282a;border-color:#0000}.character-hub .card-box .character-pagination .n-pagination .n-pagination-item.n-pagination-item--button{background:0 0}.character-hub .card-box .character-pagination .n-pagination .n-pagination-item.n-pagination-item--disabled{opacity:.45}.character-hub .card-box .card-list{gap:var(--character-card-gap);grid-template-columns:repeat(6,minmax(0,1fr));justify-content:center;display:grid}.character-hub .card-box .card-list .card{content-visibility:auto;contain-intrinsic-size:auto 458px;cursor:pointer;aspect-ratio:9/16;border:1px solid #0000;border-radius:12px;justify-self:center;width:100%;max-width:320px;height:auto;transition:transform .24s,border-color .24s;position:relative;overflow:hidden}.character-hub .card-box .card-list .card.is-trash{cursor:default}.character-hub .card-box .card-list .card.is-trash .work-img{filter:saturate(.5)brightness(.7)}.character-hub .card-box .card-list .card .work-img{object-fit:cover;background:#171719;width:100%;height:100%;display:block}.character-hub .card-box .card-list .card .mask-box{background:linear-gradient(#0000 30.62% 35.25%,#00000005 39.88%,#0000000d 44.5%,#00000017 49.12%,#00000024 53.75%,#0003 58.38%,#00000045 63%,#00000054 67.63%,#0006 72.25%,#00000075 76.87%,#00000082 81.5%,#0000008c 86.12%,#00000094 90.75%,#0009 95.37% 100%);border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:12px;display:flex;position:absolute;top:0}.character-hub .card-box .card-list .card .mask-box .top{justify-content:flex-end;align-items:center;gap:8px;width:100%;height:fit-content;display:flex;position:relative}.character-hub .card-box .card-list .card .mask-box .top .character-social-actions{z-index:2;align-items:center;gap:4px;font-size:16px;display:flex;position:absolute;top:0;left:0}.character-hub .card-box .card-list .card .mask-box .top .character-social-actions svg{flex:none;width:1em;height:1em}.character-hub .card-box .card-list .card .mask-box .top .character-social-actions .character-social-chip{color:#fff;height:30px;font:inherit;font-size:inherit;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(5px);background:#0003;border:0;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:6px;font-weight:400;line-height:1;transition:color .18s,background-color .18s;display:inline-flex}.character-hub .card-box .card-list .card .mask-box .top .character-social-actions .character-social-chip span{line-height:1}.character-hub .card-box .card-list .card .mask-box .top .character-social-actions .character-social-chip.active{background:var(--selection-bg);color:var(--selection-text)}.character-hub .card-box .card-list .card .mask-box .top .character-social-actions .character-social-chip:disabled{cursor:wait;opacity:.55}.character-hub .card-box .card-list .card .mask-box .top .character-social-actions .character-social-flag{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);background:#0003;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid}.character-hub .card-box .card-list .card .mask-box .top .character-social-actions .character-social-flag:disabled{cursor:wait;opacity:.55}.character-hub .card-box .card-list .card .mask-box .top .vip-badge{position:absolute;top:0;left:0}.character-hub .card-box .card-list .card .mask-box .top .loading-tag{position:absolute;top:0;right:0}.character-hub .card-box .card-list .card .mask-box .top .loading-tag .loading-box.is-compact{color:#ff8cc9;letter-spacing:0;text-transform:none;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:500;line-height:16px;display:flex}.character-hub .card-box .card-list .card .mask-box .top .loading-tag .loading-box.is-compact .description{margin-top:0}.character-hub .card-box .card-list .card .mask-box .top .character-card-lock{color:#fff;background:#f373b7;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:0;right:0;box-shadow:0 8px 24px #f373b75c}.character-hub .card-box .card-list .card .mask-box .top .restore-character-btn{position:absolute;top:0;right:0}.character-hub .card-box .card-list .card .mask-box .bottom{flex-direction:column;gap:8px;display:flex}.character-hub .card-box .card-list .card .mask-box .bottom .visibility{align-items:flex-start;min-width:0;max-width:100%;display:flex}.character-hub .card-box .card-list .card .mask-box .bottom .visibility .n-tag{white-space:normal;min-width:0;max-width:100%;height:auto;line-height:1.3}.character-hub .card-box .card-list .card .mask-box .bottom .visibility .n-tag .n-tag__content{white-space:normal;text-overflow:unset;overflow-wrap:break-word;overflow:visible}.character-hub .card-box .card-list .card .mask-box .bottom .visibility .character-card-creator{color:#a1a1aa;font:inherit;cursor:pointer;appearance:none;background:0 0;border:0;padding:0;line-height:1.35;text-decoration:none;transition:filter .18s,transform .18s;display:inline-flex}.character-hub .card-box .card-list .card .mask-box .bottom .visibility .character-card-creator:hover,.character-hub .card-box .card-list .card .mask-box .bottom .visibility .character-card-creator:focus-visible{filter:brightness(1.18);transform:translateY(-1px)}.character-hub .card-box .card-list .card .mask-box .bottom .visibility .character-card-creator:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #6fcfffb8}.character-hub .card-box .card-list .card .mask-box .bottom .name{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;width:fit-content;padding:0;font-size:16px;font-style:normal;font-weight:700;line-height:1.35;text-decoration:none}.character-hub .card-box .card-list .card .mask-box .bottom .tag{flex-wrap:wrap;gap:8px;display:flex}.character-hub .card-box .card-list .card .mask-box .bottom .des{-webkit-line-clamp:2;color:#aaa;-webkit-box-orient:vertical;font-size:13px;font-style:normal;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.character-hub .card-box .card-list .card .mask-box .bottom .btn{justify-content:space-between;align-items:center;gap:8px;display:flex}.character-hub .card-box .card-list .card .mask-box .bottom .btn div{gap:8px;display:flex}@media (hover:hover) and (pointer:fine){.character-hub .card-box .card-list .card:hover{border-color:#f373b780;transform:translateY(-4px)}}@container character-hub (width>=768px) and (width<=1199px){.character-hub .switch-select-bar .select-box{flex:36rem;min-width:0;margin-top:0}}@container character-hub (width<=767px){.character-hub .card-box .card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.character-hub .card-box .card-list .card .mask-box{padding:8px}.character-hub .card-box .card-list .card .mask-box .top .character-social-actions{gap:2px;font-size:12px}.character-hub .card-box .card-list .card .mask-box .top .character-social-actions .character-social-chip{height:28px;padding:4px}.character-hub .card-box .card-list .card .mask-box .top .character-social-actions .character-social-flag{width:28px;height:28px}.character-hub .card-box .card-list .card .mask-box .bottom{gap:5px}.character-hub .card-box .card-list .card .mask-box .bottom .name{font-size:14px}.character-hub .card-box .card-list .card .mask-box .bottom .des{display:none}}.character-edit-modal{width:min(820px,94vw)}.character-edit-modal .character-edit-form{flex-direction:column;gap:18px;display:flex}.character-edit-modal .character-edit-section{flex-direction:column;gap:14px;display:flex}.character-edit-modal .character-edit-section-title{color:#e5e7eb;letter-spacing:1.2px;text-transform:uppercase;font-size:14px;font-weight:700}.character-edit-modal .character-edit-section-subtitle{color:#a1a1aa;letter-spacing:.4px;font-size:13px;font-weight:600}.character-edit-modal .character-edit-gender-btns{background:#ffffff06;border-radius:999px;flex-wrap:wrap;align-items:center;gap:10px;width:fit-content;padding:4px;display:flex}.character-edit-modal .character-edit-custom-banner{color:#e5e7eb;background:#f373b714;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.character-edit-modal .character-edit-custom-banner strong{margin-bottom:2px;font-size:13px;display:block}.character-edit-modal .character-edit-custom-banner span{color:#a1a1aa;font-size:12px}.character-edit-modal .character-edit-top-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.character-edit-modal .character-edit-field{color:#e5e7eb;text-transform:uppercase;letter-spacing:1.2px;flex-direction:column;gap:8px;min-width:0;font-size:14px;display:flex}.character-edit-modal .character-edit-field-head{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.character-edit-modal .character-edit-field-head em{color:#f373b7;letter-spacing:0;text-transform:none;margin-left:5px;font-size:11px;font-style:normal;font-weight:500}.character-edit-modal .character-edit-field-head small{color:#e5e7eb;letter-spacing:0;text-transform:none;font-family:Liberation Mono,monospace;font-size:10px}.character-edit-modal .character-edit-field-head--profile{justify-content:flex-start}.character-edit-modal .character-edit-profile-refresh{color:#f373b7;flex:none;transition:color .18s,background-color .18s,transform .18s}.character-edit-modal .character-edit-profile-refresh:not(:disabled):hover{color:#ff98cd;background:#f373b71f;transform:rotate(18deg)}.character-edit-modal .character-edit-tag-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.character-edit-modal .character-edit-tag-row--two{grid-template-columns:repeat(2,minmax(0,1fr))}.character-edit-modal .character-edit-picker{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:8px;padding:0;display:flex}.character-edit-modal .character-edit-picker-label{color:#e5e7eb;letter-spacing:1.2px;text-transform:uppercase;font-size:14px;font-weight:700}.character-edit-modal .character-edit-picker-body{background:#1e1f1f;border-radius:12px;align-items:center;gap:12px;min-height:64px;padding:12px;display:flex}.character-edit-modal .character-edit-picker-body img{object-fit:cover;border-radius:8px;flex:none;width:40px;height:40px}.character-edit-modal .character-edit-picker-body strong{color:#9ca3af;letter-spacing:0;text-transform:none;font-size:16px;font-weight:400}.character-edit-modal .character-edit-appearance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.character-edit-modal .character-edit-appearance-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.character-edit-modal .character-edit-appearance-card{color:inherit;cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;display:flex}.character-edit-modal .character-edit-appearance-thumb{aspect-ratio:3/4;box-sizing:border-box;background:#1e1f1f;border-radius:12px;justify-content:center;align-items:flex-end;width:100%;padding:6px;display:flex;position:relative;overflow:hidden}.character-edit-modal .character-edit-appearance-thumb img,.character-edit-modal .character-edit-appearance-thumb .character-edit-appearance-swatch{object-fit:contain;background:#1e1f1f;border-radius:12px;width:100%;height:100%;display:block;position:absolute;inset:0}.character-edit-modal .character-edit-appearance-thumb:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#000c 100%);border-radius:12px;position:absolute;inset:0}.character-edit-modal .character-edit-appearance-thumb strong{z-index:1;color:#e5e7eb;letter-spacing:1.2px;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px;position:relative}.character-edit-modal .character-edit-appearance-label{color:#9ca3af;letter-spacing:.4px;text-transform:uppercase;font-size:14px;font-weight:600;line-height:16px}.character-edit-modal .character-edit-color-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.character-edit-modal .character-edit-color-field{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:8px;padding:0;display:flex}.character-edit-modal .character-edit-color-field-label{color:#e5e7eb;letter-spacing:1.2px;text-transform:uppercase;font-size:14px;font-weight:700;line-height:16px}.character-edit-modal .character-edit-color-pill{box-sizing:border-box;background:#1e1f1f;border-radius:90px;align-items:center;gap:12px;width:100%;min-width:0;height:48px;padding:12px;display:flex}.character-edit-modal .character-edit-color-pill-swatch{border-radius:90px;flex:none;width:24px;height:24px}.character-edit-modal .character-edit-color-pill-hex{color:#9ca3af;letter-spacing:0;text-transform:none;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:400;line-height:24px;overflow:hidden}.character-edit-modal .character-edit-color-card{color:inherit;cursor:pointer;background:#1e1f1f;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.character-edit-modal .character-edit-color-card strong{color:#fff;letter-spacing:0;text-transform:none;font-size:14px;font-weight:500}.character-edit-modal .character-edit-color-card span{color:#6b7280;letter-spacing:0;text-transform:none;font-size:12px}.character-edit-modal .character-edit-color-dot{border:1px solid #ffffff14;border-radius:999px;width:40px;height:40px}.character-edit-modal .character-edit-attr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.character-edit-modal .character-edit-attr-card{min-width:0;color:inherit;cursor:pointer;text-align:left;background:#ffffff06;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.character-edit-modal .character-edit-more-settings-card{transition:border-color .16s,background .16s}.character-edit-modal .character-edit-more-settings-card:hover:not(:disabled),.character-edit-modal .character-edit-more-settings-card:focus-visible{background:#f373b70f;border-color:#f373b79e;outline:none}.character-edit-modal .character-edit-attr-thumb{aspect-ratio:1;background:#f373b7;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:auto;display:flex;overflow:hidden}.character-edit-modal .character-edit-attr-thumb svg{color:#fff;filter:drop-shadow(0 1px 3px #5e193e6b)}.character-edit-modal .character-edit-attr-thumb img{object-fit:contain;width:100%;height:100%;display:block}.character-edit-modal .character-edit-attr-text{flex-direction:column;gap:0;min-width:0;display:flex}.character-edit-modal .character-edit-attr-text span{color:#6b7280;letter-spacing:0;text-transform:none;font-size:12px;font-weight:500;line-height:15px}.character-edit-modal .character-edit-attr-text strong{color:#fff;letter-spacing:0;text-transform:none;font-size:15px;font-weight:500;line-height:20px}.character-edit-modal .character-edit-sound-bars{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:28px;display:flex}.character-edit-modal .character-edit-sound-bars i{background:#f373b7;border-radius:999px;width:3px;height:12px;display:block}.character-edit-modal .character-edit-sound-bars i:nth-child(odd){height:22px}.n-popover.n-popconfirm:has(.character-edit-profile-confirm-content){max-width:min(240px,100vw - 24px)}.character-edit-profile-confirm-content{overflow-wrap:anywhere;white-space:normal;max-width:100%;line-height:1.4}.app.is-mobile-shell .character-hub{gap:12px}.app.is-mobile-shell .character-hub .character-hub-hero{height:210px}.app.is-mobile-shell .character-hub .character-hub-hero .character-hub-hero-media>picture>img{filter:brightness(.58)saturate(.94);transform:none}.app.is-mobile-shell .character-hub .character-hub-hero .character-hub-hero-media>video{aspect-ratio:auto;width:100%;height:100%;inset:0;-webkit-mask-image:none;mask-image:none}.app.is-mobile-shell .character-hub .character-hub-hero .character-hub-hero-shade{background:linear-gradient(#05030557 0%,#0503050f 44%,#050305d6 100%),linear-gradient(90deg,#0503053d,#0000 56%),radial-gradient(at 50% 110%,#f373b73d,#0000 56%)}.app.is-mobile-shell .character-hub .character-hub-hero .hero-left .character-hub-hero-copy{align-items:flex-end;gap:0}.app.is-mobile-shell .character-hub .character-hub-hero .hero-left .character-hub-hero-copy .title{display:none}.app.is-mobile-shell .character-hub .search-bar{flex-basis:100%;width:100%;max-width:none}.app.is-mobile-shell .character-hub .card-box .character-publication-toolbar .n-button{width:100%}.app.is-mobile-shell .character-hub .card-box .card-list .character-social-actions{font-size:12px}@media (width<=767px){.character-edit-modal .character-edit-top-grid,.character-edit-modal .character-edit-tag-row,.character-edit-modal .character-edit-attr-grid{grid-template-columns:1fr}.character-edit-modal .character-edit-appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-edit-modal .character-edit-color-row{grid-template-columns:repeat(3,minmax(0,1fr))}.character-edit-modal .character-edit-color-pill{gap:6px}.character-edit-modal .character-edit-color-pill .character-edit-color-pill-hex{font-size:12px;line-height:16px}}@media (height<=560px) and (orientation:landscape){.app.is-mobile-shell .character-hub .character-hub-hero{height:156px}.app.is-mobile-shell .character-hub .character-hub-hero .hero-left{padding:14px 18px}.app.is-mobile-shell .character-hub .character-hub-hero .hero-left .logo img{height:24px}}@container character-hub (width>=1200px) and (width<=1679px){.character-hub .card-box .card-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@container character-hub (width>=768px) and (width<=1199px){.character-hub .card-box .card-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.app.is-mobile-shell .app-main .app-content:has(>.character-hub){overflow-x:clip}.character-hub-quick-menu{background:#242426;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:3px;width:max-content;min-width:0;padding:6px;display:flex;box-shadow:0 16px 44px #00000061}.character-hub-quick-menu button{color:#d8d8dc;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:9px;min-width:96px;padding:9px 10px;font-size:12px;line-height:18px;transition:background .16s;display:flex}.character-hub-quick-menu button:hover,.character-hub-quick-menu button:focus-visible,.character-hub-quick-menu button.is-active{background:#ffffff12;outline:none}.character-hub-quick-menu button>svg{color:#d8d8dc;flex:none}.character-unlock-balance-modal{width:min(500px,92vw)}.character-unlock-balance-modal .n-card__footer{justify-content:flex-end;gap:12px;display:flex}.character-unlock-balance-modal .character-unlock-balance-copy{flex-wrap:wrap;align-items:center;gap:4px;margin:0;line-height:24px;display:flex}.character-unlock-balance-modal .character-unlock-price{font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}
