:is(#member-root,#member-card-fullscreen-preview){color-scheme: dark; --bg: #130513; --panel: #241024; --line: #4a2444; --muted: #c0a0ba; --pink: #ff1688; --orange: #ff9b24;}
:is(#member-root,#member-card-fullscreen-preview) *{box-sizing: border-box;}
:is(#member-root,#member-card-fullscreen-preview),:is(#member-root,#member-card-fullscreen-preview){min-width: 0px; margin: 0px;}
:is(#member-root,#member-card-fullscreen-preview){background: radial-gradient(circle at 50% -10%, rgb(75, 21, 70), rgb(19, 5, 19) 42%); color: rgb(255, 255, 255); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", sans-serif;}
:is(#member-root,#member-card-fullscreen-preview) .shell{width: min(100%, 720px); min-height: 100svh; margin: auto; padding: 16px 12px calc(88px + env(safe-area-inset-bottom));}
:is(#member-root,#member-card-fullscreen-preview) .top,:is(#member-root,#member-card-fullscreen-preview) .row{display: flex; min-width: 0px; align-items: center; justify-content: space-between; gap: 10px;}
:is(#member-root,#member-card-fullscreen-preview) .top{margin-bottom: 14px;}
:is(#member-root,#member-card-fullscreen-preview) .brand{min-width: 0px;}
:is(#member-root,#member-card-fullscreen-preview) .brand b{display: block; overflow: hidden; font-size: 21px; text-overflow: ellipsis; white-space: nowrap;}
:is(#member-root,#member-card-fullscreen-preview) .brand small,:is(#member-root,#member-card-fullscreen-preview) .muted{color: var(--muted);}
:is(#member-root,#member-card-fullscreen-preview) .actions{display: flex; min-width: 0px; gap: 7px;}
:is(#member-root,#member-card-fullscreen-preview) .panel{margin-bottom: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 19px; background: rgba(36, 16, 36, 0.96);}
:is(#member-root,#member-card-fullscreen-preview) .wallets,:is(#member-root,#member-card-fullscreen-preview) .people,:is(#member-root,#member-card-fullscreen-preview) .grid{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
:is(#member-root,#member-card-fullscreen-preview) .wallets{margin-top: 16px;}
:is(#member-root,#member-card-fullscreen-preview) .wallet{padding: 14px; border-radius: 15px; background: rgb(45, 21, 44);}
:is(#member-root,#member-card-fullscreen-preview) .wallet span{display: block; color: rgb(231, 189, 220); font-size: 11px;}
:is(#member-root,#member-card-fullscreen-preview) .wallet b{display: block; margin-top: 7px; color: rgb(255, 173, 37); font-size: 24px;}
:is(#member-root,#member-card-fullscreen-preview) .tabs,:is(#member-root,#member-card-fullscreen-preview) .subnav{display: flex; gap: 8px; margin-bottom: 14px;}
:is(#member-root,#member-card-fullscreen-preview) .tabs button,:is(#member-root,#member-card-fullscreen-preview) .subnav button{flex: 1 1 0%;}
:is(#member-root,#member-card-fullscreen-preview) .wide{grid-column: 1 / -1;}
:is(#member-root,#member-card-fullscreen-preview) button,:is(#member-root,#member-card-fullscreen-preview) .button{display: flex; min-height: 44px; align-items: center; justify-content: center; padding: 0px 13px; border: 0px; border-radius: 12px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 800; cursor: pointer; text-decoration: none;}
:is(#member-root,#member-card-fullscreen-preview) .primary,:is(#member-root,#member-card-fullscreen-preview) .active{background: linear-gradient(135deg,var(--pink),var(--orange)) !important; color: rgb(255, 255, 255) !important;}
:is(#member-root,#member-card-fullscreen-preview) .ghost{background: rgb(64, 24, 58); color: rgb(255, 213, 235);}
:is(#member-root,#member-card-fullscreen-preview) button:disabled{cursor: not-allowed; opacity: 0.48;}
:is(#member-root,#member-card-fullscreen-preview) label{display: grid; min-width: 0px; gap: 6px; color: rgb(217, 183, 213); font-size: 12px;}
:is(#member-root,#member-card-fullscreen-preview) input,:is(#member-root,#member-card-fullscreen-preview) select{width: 100%; min-width: 0px; height: 45px; padding: 0px 11px; border: 1px solid rgb(87, 48, 80); border-radius: 11px; background: rgb(22, 11, 23); color: rgb(255, 255, 255); font: inherit;}
:is(#member-root,#member-card-fullscreen-preview) .people,:is(#member-root,#member-card-fullscreen-preview) .assist-choices{grid-template-columns: repeat(2, minmax(0px, 1fr));}
:is(#member-root,#member-card-fullscreen-preview) .person{overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: rgb(24, 10, 23);}
:is(#member-root,#member-card-fullscreen-preview) .person img{display: block; width: 100%; aspect-ratio: 1 / 1.05; object-fit: cover;}
:is(#member-root,#member-card-fullscreen-preview) .person > div{display: grid; gap: 8px; padding: 10px;}
:is(#member-root,#member-card-fullscreen-preview) .person h3{overflow: hidden; margin: 0px; text-overflow: ellipsis; white-space: nowrap;}
:is(#member-root,#member-card-fullscreen-preview) .assist-builder{display: grid; gap: 13px;}
:is(#member-root,#member-card-fullscreen-preview) .assist-choices{display: grid; gap: 9px;}
:is(#member-root,#member-card-fullscreen-preview) .assist-choice{display: grid; min-width: 0px; height: auto; gap: 7px; padding: 9px; border: 1px solid var(--line); background: rgb(37, 17, 38); color: rgb(255, 255, 255);}
:is(#member-root,#member-card-fullscreen-preview) .assist-choice img{width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 9px;}
:is(#member-root,#member-card-fullscreen-preview) .assist-choice.is-selected{border-color: rgb(255, 43, 145);}
:is(#member-root,#member-card-fullscreen-preview) .assist-row{display: grid; grid-template-columns: minmax(92px, 1.5fr) minmax(78px, 1fr) minmax(65px, 0.7fr) auto; gap: 7px; align-items: center;}
:is(#member-root,#member-card-fullscreen-preview) .assist-actions{display: flex; gap: 8px;}
:is(#member-root,#member-card-fullscreen-preview) .assist-actions > *{flex: 1 1 0%;}
:is(#member-root,#member-card-fullscreen-preview) .history{display: grid; gap: 8px; margin-top: 10px;}
:is(#member-root,#member-card-fullscreen-preview) .history > div{display: grid; grid-template-columns: 1fr auto; gap: 4px; padding: 10px; border-radius: 11px; background: rgb(25, 10, 24); font-size: 12px;}
:is(#member-root,#member-card-fullscreen-preview) .history small{grid-column: 1 / -1; color: var(--muted);}
:is(#member-root,#member-card-fullscreen-preview) .message{min-height: 18px; margin: 7px 0px; color: rgb(255, 154, 173); font-size: 13px;}
:is(#member-root,#member-card-fullscreen-preview) .empty{padding: 22px 8px; text-align: center; color: var(--muted);}
:is(#member-root,#member-card-fullscreen-preview) .hidden{display: none !important;}
:is(#member-root,#member-card-fullscreen-preview) .auth-home{margin-top: 13px; border: 1px solid rgb(87, 48, 80); background: rgb(22, 11, 23); color: rgb(255, 213, 235);}
:is(#member-root,#member-card-fullscreen-preview) .bottom{position: fixed; z-index: 10; right: 0px; bottom: 0px; left: 0px; display: flex; justify-content: center; padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid var(--line); background: rgba(16, 4, 16, 0.96);}
:is(#member-root,#member-card-fullscreen-preview) .bottom > div{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); width: min(100%, 720px);}
:is(#member-root,#member-card-fullscreen-preview) .bottom button,:is(#member-root,#member-card-fullscreen-preview) .bottom a{display: grid; height: 68px; min-width: 0px; place-items: center; padding: 5px 2px; border-radius: 0px; background: transparent; color: rgb(185, 154, 181); font-size: 10px; text-align: center; text-decoration: none;}
:is(#member-root,#member-card-fullscreen-preview) .bottom span{font-size: 20px;}
:is(#member-root,#member-card-fullscreen-preview) h1{overflow: hidden; margin: 0px; text-overflow: ellipsis; white-space: nowrap;}
:is(#member-root,#member-card-fullscreen-preview) h2{margin: 0px 0px 12px; font-size: 18px;}
@media (max-width: 420px) {:is(#member-root,#member-card-fullscreen-preview) .shell{padding-inline: 8px;}
:is(#member-root,#member-card-fullscreen-preview) .panel{padding: 13px;}
:is(#member-root,#member-card-fullscreen-preview) .actions{max-width: 47%; flex-wrap: wrap; justify-content: flex-end;}
:is(#member-root,#member-card-fullscreen-preview) .actions select{max-width: 142px;}
:is(#member-root,#member-card-fullscreen-preview) .people,:is(#member-root,#member-card-fullscreen-preview) .wallets,:is(#member-root,#member-card-fullscreen-preview) .grid{grid-template-columns: 1fr;}
:is(#member-root,#member-card-fullscreen-preview) .wide{grid-column: auto;}
:is(#member-root,#member-card-fullscreen-preview) .assist-row{grid-template-columns: 1fr 1fr;}
:is(#member-root,#member-card-fullscreen-preview) .assist-row button{grid-column: 1 / -1;}
:is(#member-root,#member-card-fullscreen-preview) .bottom span{font-size: 18px;}}
@media (max-width: 340px) {:is(#member-root,#member-card-fullscreen-preview) .shell{padding-inline: 6px;}
:is(#member-root,#member-card-fullscreen-preview) .panel{padding: 11px;}
:is(#member-root,#member-card-fullscreen-preview) .assist-choices{grid-template-columns: 1fr;}
:is(#member-root,#member-card-fullscreen-preview) .bottom button,:is(#member-root,#member-card-fullscreen-preview) .bottom a{font-size: 9px;}}
:is(#member-root,#member-card-fullscreen-preview) #auth{display: none; min-height: calc(-120px + 100svh); flex-direction: column; justify-content: center;}
:is(#member-root,#member-card-fullscreen-preview) #auth.auth-visible{display: flex;}
:is(#member-root,#member-card-fullscreen-preview) .subnav > *{min-width: 0px; padding-inline: 6px; font-size: 12px;}
:is(#member-root,#member-card-fullscreen-preview) .ledger-positive{color: rgb(101, 219, 155);}
:is(#member-root,#member-card-fullscreen-preview) .ledger-negative{color: rgb(255, 142, 170);}
:is(#member-root,#member-card-fullscreen-preview) .member-card-skeleton{display: grid; gap: 14px; min-height: calc(-13.7143px + 57.1429vw); padding: 0px; overflow: hidden; border-radius: 24px; background: linear-gradient(110deg, rgb(248, 217, 226) 8%, rgb(255, 245, 247) 22%, rgb(248, 217, 226) 36%) 0% 0% / 220% 100%; box-shadow: rgba(120, 20, 65, 0.14) 0px 18px 34px; animation: 1.4s linear 0s infinite normal none running memberCardLoading;}
:is(#member-root,#member-card-fullscreen-preview) .member-card-skeleton::before{display: block; width: 100%; aspect-ratio: 840 / 480; content: "";}
:is(#member-root,#member-card-fullscreen-preview) .member-card-skeleton span{position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); white-space: nowrap;}
:is(#member-root,#member-card-fullscreen-preview) #dash:not(.hidden) ~ #member-bootstrap-skeleton,:is(#member-root,#member-card-fullscreen-preview) #dash:not(.hidden) #member-bootstrap-skeleton,:is(#member-root,#member-card-fullscreen-preview) #auth.auth-visible ~ #member-bootstrap-skeleton{display: none !important;}
@keyframes memberCardLoading { 
  100% { background-position: -220% 0px; }
}
@media (max-width: 340px) {:is(#member-root,#member-card-fullscreen-preview) .subnav > *{font-size: 10px;}}
:is(#member-root,#member-card-fullscreen-preview),:is(#member-root,#member-card-fullscreen-preview){max-width: 100%; overflow-x: hidden;}
:is(#member-root,#member-card-fullscreen-preview) .wallet b,:is(#member-root,#member-card-fullscreen-preview) .history > div > *{min-width: 0px; overflow-wrap: anywhere; word-break: break-word;}
:is(#member-root,#member-card-fullscreen-preview) .wallet b{font-size: clamp(18px, 7vw, 24px); line-height: 1.15;}
:is(#member-root,#member-card-fullscreen-preview) .tabs > *,:is(#member-root,#member-card-fullscreen-preview) .assist-actions > *,:is(#member-root,#member-card-fullscreen-preview) button,:is(#member-root,#member-card-fullscreen-preview) .button{min-width: 0px; max-width: 100%; overflow-wrap: anywhere;}
:is(#member-root,#member-card-fullscreen-preview) .bottom b{display: block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap;}
:is(#member-root,#member-card-fullscreen-preview) .history > div{grid-template-columns: minmax(0px, 1fr) minmax(0px, auto);}
:is(#member-root,#member-card-fullscreen-preview) .password-field{position: relative;}
:is(#member-root,#member-card-fullscreen-preview) .password-field input{padding-right: 48px;}
:is(#member-root,#member-card-fullscreen-preview) .password-toggle{position: absolute; right: 5px; bottom: 5px; display: grid; min-width: 35px; min-height: 35px; padding: 0px; border-radius: 9px; background: transparent; color: rgb(142, 89, 110);}
:is(#member-root,#member-card-fullscreen-preview) .password-toggle svg{width: 19px; height: 19px; fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;}
:is(#member-root,#member-card-fullscreen-preview) .password-toggle.is-visible{color: rgb(200, 61, 99);}
:is(#member-root,#member-card-fullscreen-preview) .locale-picker{position: relative;}
:is(#member-root,#member-card-fullscreen-preview) .locale-picker summary{display: flex; min-height: 44px; align-items: center; gap: 7px; padding: 0px 11px; border: 1px solid rgb(239, 212, 222); border-radius: 11px; background: rgb(255, 255, 255); color: rgb(200, 61, 99); cursor: pointer; font-weight: 800; list-style: none;}
:is(#member-root,#member-card-fullscreen-preview) .locale-picker summary::-webkit-details-marker{display: none;}
:is(#member-root,#member-card-fullscreen-preview) .locale-picker-menu{position: absolute; z-index: 20; top: calc(100% + 7px); right: 0px; display: grid; max-height: 320px; min-width: 180px; overflow: auto; padding: 6px; border: 1px solid rgb(239, 212, 222); border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(132, 54, 85, 0.18) 0px 16px 36px;}
:is(#member-root,#member-card-fullscreen-preview) .locale-picker-menu button{display: block; min-height: 38px; padding: 0px 10px; border-radius: 8px; background: transparent; color: rgb(53, 38, 49); text-align: left;}
:is(#member-root,#member-card-fullscreen-preview) .locale-picker-menu button:hover,:is(#member-root,#member-card-fullscreen-preview) .locale-picker-menu button:focus-visible{background: rgb(255, 240, 244); color: rgb(200, 61, 99);}
:is(#member-root,#member-card-fullscreen-preview) .locale-select{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); white-space: nowrap;}
:is(#member-root,#member-card-fullscreen-preview) .account-points{display: grid; gap: 7px;}
:is(#member-root,#member-card-fullscreen-preview) .account-points b{color: rgb(215, 71, 106); font-size: clamp(24px, 8vw, 32px); line-height: 1.1;}
@media (max-width: 420px) {:is(#member-root,#member-card-fullscreen-preview) .top{align-items: flex-start;}
:is(#member-root,#member-card-fullscreen-preview) .actions{max-width: none; flex: 0 0 auto; flex-wrap: nowrap; align-items: center;}
:is(#member-root,#member-card-fullscreen-preview) .locale-picker{order: 0; flex: 0 0 auto;}
:is(#member-root,#member-card-fullscreen-preview) .actions > #logout{order: 1; white-space: nowrap;}}
:is(#member-root,#member-card-fullscreen-preview) .bottom > div{grid-template-columns: repeat(4, minmax(0px, 1fr));}
:is(#member-root,#member-card-fullscreen-preview) .bottom > div.member-nav--five{grid-template-columns: repeat(5, minmax(0px, 1fr));}
:is(#member-root,#member-card-fullscreen-preview) .membership-card{background: linear-gradient(135deg, rgb(85, 21, 63), rgb(24, 16, 43) 55%, rgb(191, 118, 39)); border-color: rgb(232, 174, 85);}
:is(#member-root,#member-card-fullscreen-preview) .membership-card.male{background: linear-gradient(135deg, rgb(214, 163, 72), rgb(62, 39, 8) 55%, rgb(247, 217, 120)); border-color: rgb(233, 195, 99);}
:is(#member-root,#member-card-fullscreen-preview) .card-top{display: flex; justify-content: space-between; gap: 10px;}
:is(#member-root,#member-card-fullscreen-preview) .card-edition{font-size: 20px; font-weight: 900; letter-spacing: 0.16em; color: rgb(255, 226, 170);}
:is(#member-root,#member-card-fullscreen-preview) .card-id{margin: 18px 0px 5px; font-size: 25px; letter-spacing: 0.08em;}
:is(#member-root,#member-card-fullscreen-preview) .card-meta{color: rgb(245, 216, 238); font-size: 13px;}
:is(#member-root,#member-card-fullscreen-preview) .card-membership{position: relative; z-index: 1; margin-top: 13px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 800;}
:is(#member-root,#member-card-fullscreen-preview) .card-actions{position: absolute; z-index: 2; right: 14px; bottom: 14px;}
:is(#member-root,#member-card-fullscreen-preview) .card-actions button{width: 42px; min-height: 42px; padding: 0px; border-radius: 50%; font-size: 21px;}
:is(#member-root,#member-card-fullscreen-preview) .movie-list{display: grid; gap: 10px;}
:is(#member-root,#member-card-fullscreen-preview) .movie-item{display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 10px; align-items: center; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: rgb(25, 10, 24);}
:is(#member-root,#member-card-fullscreen-preview) .movie-item h3{margin: 0px 0px 4px; font-size: 15px;}
:is(#member-root,#member-card-fullscreen-preview) .movie-item p{margin: 0px; color: var(--muted); font-size: 12px;}
:is(#member-root,#member-card-fullscreen-preview){color-scheme: light; --bg: #fff7f9; --panel: #fff; --line: #f3dce4; --muted: #8e7180; --pink: #f45483; --orange: #ff9aaf;}
:is(#member-root,#member-card-fullscreen-preview){background: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 244, 247) 45%, rgb(255, 255, 255) 100%); color: rgb(53, 38, 49);}
:is(#member-root,#member-card-fullscreen-preview) .panel{background: rgba(255, 255, 255, 0.96); border-color: var(--line); box-shadow: rgba(164, 68, 103, 0.07) 0px 10px 28px;}
:is(#member-root,#member-card-fullscreen-preview) .wallet{background: rgb(255, 241, 245);}
:is(#member-root,#member-card-fullscreen-preview) .wallet span,:is(#member-root,#member-card-fullscreen-preview) label{color: rgb(142, 89, 110);}
:is(#member-root,#member-card-fullscreen-preview) .wallet b{color: rgb(215, 71, 106);}
:is(#member-root,#member-card-fullscreen-preview) .ghost{background: rgb(255, 240, 244); color: rgb(200, 61, 99);}
:is(#member-root,#member-card-fullscreen-preview) input,:is(#member-root,#member-card-fullscreen-preview) select{border-color: rgb(239, 212, 222); background: rgb(255, 255, 255); color: rgb(53, 38, 49);}
:is(#member-root,#member-card-fullscreen-preview) .bottom{border-color: var(--line); background: rgba(255, 255, 255, 0.96);}
:is(#member-root,#member-card-fullscreen-preview) .bottom button,:is(#member-root,#member-card-fullscreen-preview) .bottom a{color: rgb(142, 113, 128);}
:is(#member-root,#member-card-fullscreen-preview) .membership-card{position: relative; overflow: hidden; background: rgb(247, 179, 200); border-color: rgb(246, 167, 192); color: rgb(255, 255, 255);}
:is(#member-root,#member-card-fullscreen-preview) .membership-card::after{display: none !important;}
:is(#member-root,#member-card-fullscreen-preview) .membership-card.male{background: rgb(214, 163, 72); border-color: rgb(233, 195, 99);}
:is(#member-root,#member-card-fullscreen-preview) .card-edition,:is(#member-root,#member-card-fullscreen-preview) .card-meta{position: relative; z-index: 1; color: rgb(255, 255, 255);}
:is(#member-root,#member-card-fullscreen-preview) .membership-card .ghost{position: relative; z-index: 1; background: rgba(255, 255, 255, 0.2); color: rgb(255, 255, 255);}
:is(#member-root,#member-card-fullscreen-preview) .icon-only{width: 44px; font-size: 21px; padding: 0px !important;}
:is(#member-root,#member-card-fullscreen-preview) .movie-item{grid-template-columns: 48px minmax(0px, 1fr) auto; background: rgb(255, 248, 250);}
:is(#member-root,#member-card-fullscreen-preview) .movie-cover{display: grid; width: 48px; height: 62px; place-items: center; border-radius: 10px; background: linear-gradient(145deg, rgb(255, 214, 226), rgb(245, 154, 182)); color: rgb(183, 56, 97); font-size: 21px;}
:is(#member-root,#member-card-fullscreen-preview) .movie-cover img{width: 100%; height: 100%; object-fit: cover; border-radius: inherit;}
:is(#member-root,#member-card-fullscreen-preview) .movie-item.is-locked .movie-cover{background: rgb(241, 228, 232); color: rgb(168, 125, 138);}
:is(#member-root,#member-card-fullscreen-preview) .movie-item.is-locked .primary{background: rgb(255, 240, 244); color: rgb(200, 61, 99);}
:is(#member-root,#member-card-fullscreen-preview) .message{color: rgb(215, 71, 106);}
:is(#member-root,#member-card-fullscreen-preview) .gender-choice{display: flex; gap: 12px; margin: 0px; padding: 0px; border: 0px;}
:is(#member-root,#member-card-fullscreen-preview) .gender-choice legend{width: 100%; margin-bottom: 6px; color: rgb(142, 89, 110); font-size: 12px;}
:is(#member-root,#member-card-fullscreen-preview) .gender-choice label{display: flex; flex: 1 1 0%; align-items: center; justify-content: center; gap: 7px; min-height: 45px; padding: 0px 11px; border: 1px solid rgb(239, 212, 222); border-radius: 11px; background: rgb(255, 255, 255); color: rgb(53, 38, 49); font-size: 14px;}
:is(#member-root,#member-card-fullscreen-preview) .gender-choice input{width: 16px; height: 16px; margin: 0px; padding: 0px; accent-color: rgb(244, 84, 131);}
:is(#member-root,#member-card-fullscreen-preview) .icon-only svg{width: 21px; height: 21px; fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;}
:is(#member-root,#member-card-fullscreen-preview){text-size-adjust: 100%;}
:is(#member-root,#member-card-fullscreen-preview) input,:is(#member-root,#member-card-fullscreen-preview) select,:is(#member-root,#member-card-fullscreen-preview) textarea{font-size: 16px;}
@media (max-width: 767px) {:is(#member-root,#member-card-fullscreen-preview) input:not([type="hidden"]),:is(#member-root,#member-card-fullscreen-preview) select,:is(#member-root,#member-card-fullscreen-preview) textarea{font-size: 16px !important;}}
:is(#member-root,#member-card-fullscreen-preview) .support-modal{position: fixed; z-index: 60; inset: 0px; display: grid; place-items: center; padding: 18px; background: rgba(30, 12, 29, 0.52);}
:is(#member-root,#member-card-fullscreen-preview) .support-modal-card{position: relative; width: min(100%, 420px); padding: 28px 20px 20px; border: 1px solid var(--line); border-radius: 22px; background: rgb(255, 255, 255); box-shadow: rgba(64, 24, 58, 0.25) 0px 20px 60px;}
:is(#member-root,#member-card-fullscreen-preview) .support-modal-card h2{padding-right: 30px; color: rgb(53, 38, 49);}
:is(#member-root,#member-card-fullscreen-preview) .support-modal-close{position: absolute; top: 10px; right: 10px; width: 36px; min-height: 36px; padding: 0px; font-size: 25px; line-height: 1;}
:is(#member-root,#member-card-fullscreen-preview) .support-modal .support-icon{font-size: 19px;}
:is(#member-root,#member-card-fullscreen-preview) .bottom .support-icon{font-size: 22px;}
:is(#member-root,#member-card-fullscreen-preview) .bottom .support-icon + b{font-size: 11px;}
@media (max-width: 340px) {:is(#member-root,#member-card-fullscreen-preview) .bottom .support-icon{font-size: 20px;}
:is(#member-root,#member-card-fullscreen-preview) .bottom .support-icon + b{font-size: 10px;}}
:is(#member-root,#member-card-fullscreen-preview) .membership-card{position: relative; overflow: visible; min-height: 0px; padding: 0px; border: 0px !important; background: transparent !important; box-shadow: none !important;}
:is(#member-root,#member-card-fullscreen-preview) .membership-card > svg{display: block; width: 100%; height: auto; border-radius: 24px; box-shadow: rgba(120, 20, 65, 0.25) 0px 18px 34px; shape-rendering: geometricprecision; text-rendering: geometricprecision;}
:is(#member-root,#member-card-fullscreen-preview) .membership-card.male > svg{box-shadow: rgba(112, 74, 9, 0.24) 0px 18px 34px;}
:is(#member-root,#member-card-fullscreen-preview) .card-actions{position: absolute; z-index: 3; right: 13px; bottom: 13px;}
:is(#member-root,#member-card-fullscreen-preview) .card-actions button{display: grid; place-items: center; width: 42px; min-height: 42px; padding: 0px; border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 50%; color: rgb(255, 255, 255); background: rgba(25, 18, 28, 0.46) !important;}
:is(#member-root,#member-card-fullscreen-preview) .card-actions button svg{width: 21px; height: 21px;}
:is(#member-root,#member-card-fullscreen-preview) .card-actions button:hover{background: rgba(25, 18, 28, 0.66) !important;}
@media (max-width: 380px) {:is(#member-root,#member-card-fullscreen-preview) .membership-card > svg{border-radius: 18px;}
:is(#member-root,#member-card-fullscreen-preview) .card-actions{right: 9px; bottom: 9px;}
:is(#member-root,#member-card-fullscreen-preview) .card-actions button{width: 36px; min-height: 36px;}}
:is(#member-root,#member-card-fullscreen-preview):has(#page-movies:not(.hidden)) .top{display: none;}
:is(#member-root,#member-card-fullscreen-preview) #page-movies .panel{padding: 12px;}
:is(#member-root,#member-card-fullscreen-preview) #page-movies .panel > h2,:is(#member-root,#member-card-fullscreen-preview) #movie-hint{display: none !important;}
:is(#member-root,#member-card-fullscreen-preview) #movie-pagination{min-width: 0px; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0px 0px; padding: 10px 12px; border: 1px solid rgb(241, 230, 233); border-radius: 14px; background: rgb(255, 255, 255); white-space: nowrap; display: flex !important;}
:is(#member-root,#member-card-fullscreen-preview) #movie-pagination.hidden{display: none !important;}
:is(#member-root,#member-card-fullscreen-preview) #movie-pagination > #movie-page{min-width: 0px; flex: 1 1 auto; margin: 0px; overflow: hidden; color: rgb(142, 89, 110); font-size: 12px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; display: block !important;}
:is(#member-root,#member-card-fullscreen-preview) #movie-pagination > #movie-next{min-width: max-content; flex: 0 0 auto; align-items: center; justify-content: center; min-height: 28px; padding: 0px; border: 0px; background: transparent; color: rgb(215, 71, 106); font-size: 12px; font-weight: 900; white-space: nowrap; display: inline-flex !important; width: auto !important; margin: 0px !important;}
:is(#member-root,#member-card-fullscreen-preview) #movie-list.movie-grid-v2{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px;}
:is(#member-root,#member-card-fullscreen-preview) #movie-list.movie-grid-v2 .movie-item{position: relative; display: block; min-width: 0px; overflow: hidden; padding: 0px; border: 0px; border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(76, 31, 53, 0.14) 0px 7px 18px;}
:is(#member-root,#member-card-fullscreen-preview) #movie-list.movie-grid-v2 .movie-cover{display: block; width: 100%; height: auto; min-height: 124px; aspect-ratio: 4 / 5; border-radius: 0px; background: linear-gradient(145deg, rgb(234, 200, 212), rgb(157, 106, 128));}
:is(#member-root,#member-card-fullscreen-preview) #movie-list.movie-grid-v2 .movie-cover img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0px;}
:is(#member-root,#member-card-fullscreen-preview) #movie-list.movie-grid-v2 .movie-info{padding: 9px 10px 10px; background: rgb(255, 255, 255);}
:is(#member-root,#member-card-fullscreen-preview) #movie-list.movie-grid-v2 .movie-info h3{overflow: hidden; margin: 0px; color: rgb(64, 37, 56); font-size: 13px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap;}
:is(#member-root,#member-card-fullscreen-preview) #movie-list.movie-grid-v2 .movie-info p,:is(#member-root,#member-card-fullscreen-preview) #movie-list.movie-grid-v2 .movie-item > .primary{display: none;}
:is(#member-root,#member-card-fullscreen-preview) #movie-list.movie-grid-v2.is-loading{pointer-events: none;}
:is(#member-root,#member-card-fullscreen-preview) #movie-list.movie-grid-v2 .movie-loading{min-height: 0px; box-shadow: none;}
:is(#member-root,#member-card-fullscreen-preview) #movie-list.movie-grid-v2 .movie-loading .movie-cover{background: linear-gradient(110deg, rgb(248, 217, 226) 8%, rgb(255, 245, 247) 22%, rgb(248, 217, 226) 36%) 0% 0% / 220% 100%; animation: 1.2s linear 0s infinite normal none running movieLoading;}
:is(#member-root,#member-card-fullscreen-preview) #movie-list.movie-grid-v2 .movie-loading-line{display: block; width: 68%; height: 13px; border-radius: 999px; background: rgb(244, 220, 229); animation: 1.2s ease-in-out 0s infinite normal none running moviePulse;}
@keyframes movieLoading { 
  100% { background-position: -220% 0px; }
}
@keyframes moviePulse { 
  50% { opacity: 0.48; }
}
:is(#member-root,#member-card-fullscreen-preview) .movie-empty{grid-column: 1 / -1; margin: 0px; padding: 18px 10px; color: rgb(142, 89, 110); text-align: center;}
:is(#member-root,#member-card-fullscreen-preview) .movie-grid-v2-play{position: absolute; top: 50%; left: 50%; display: grid; width: 42px; height: 42px; place-items: center; padding: 0px; transform: translate(-50%, -50%); border: 2px solid rgba(255, 255, 255, 0.92); border-radius: 50%; background: rgba(35, 16, 28, 0.68); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 14px; color: rgb(255, 255, 255); font-size: 18px; line-height: 1; cursor: pointer;}
:is(#member-root,#member-card-fullscreen-preview) .movie-grid-v2-play:focus-visible{outline: rgb(255, 255, 255) solid 3px; outline-offset: 3px;}
:is(#member-root,#member-card-fullscreen-preview) .movie-item.is-locked .movie-grid-v2-play{background: rgba(116, 61, 86, 0.78);}
:is(#member-root,#member-card-fullscreen-preview) #movie-next{width: 100%; margin: 14px 0px 0px;}
:is(#member-root,#member-card-fullscreen-preview) #movie-pagination{display: grid !important; grid-template-columns: minmax(0px, 1fr) auto !important; align-items: center !important; min-height: 46px !important;}
:is(#member-root,#member-card-fullscreen-preview) #movie-pagination > #movie-page{width: auto !important; min-width: 0px !important; max-width: none !important; white-space: nowrap !important; word-break: keep-all !important; overflow-wrap: normal !important; writing-mode: horizontal-tb !important; line-height: 1.2 !important;}
:is(#member-root,#member-card-fullscreen-preview) #movie-pagination > #movie-next{width: auto !important; min-width: max-content !important; white-space: nowrap !important; writing-mode: horizontal-tb !important;}
:is(#member-root,#member-card-fullscreen-preview) #movie-pagination > #movie-next.hidden{display: none !important;}
:is(#member-root,#member-card-fullscreen-preview) #movie-pagination:has(> #movie-next.hidden){display: none !important;}
:is(#member-root,#member-card-fullscreen-preview) .movie-player-modal{position: fixed; z-index: 60; inset: 0px; display: grid; place-items: center; padding: 16px; background: rgba(20, 12, 18, 0.86);}
:is(#member-root,#member-card-fullscreen-preview) .movie-player-modal.hidden{display: none;}
:is(#member-root,#member-card-fullscreen-preview) .movie-player-dialog{position: relative; width: min(100%, 900px); max-height: 100%; padding: 42px 10px 10px; border-radius: 16px; background: rgb(17, 17, 17);}
:is(#member-root,#member-card-fullscreen-preview) .movie-player-dialog video{display: block; width: 100%; max-height: calc(-88px + 100svh); background: rgb(0, 0, 0);}
:is(#member-root,#member-card-fullscreen-preview) .movie-player-close{position: absolute; z-index: 1; top: 6px; right: 6px; min-height: 30px; width: 30px; padding: 0px; border-radius: 50%; background: rgb(255, 255, 255); color: rgb(49, 19, 37); font-size: 22px;}
@media (max-width: 767px) {:is(#member-root,#member-card-fullscreen-preview) input,:is(#member-root,#member-card-fullscreen-preview) select,:is(#member-root,#member-card-fullscreen-preview) textarea{font-size: 16px !important;}}
:is(#member-root,#member-card-fullscreen-preview) .subnav [data-sub="account"]{display: inline-flex;}
:is(#member-root,#member-card-fullscreen-preview) .bottom > div{grid-template-columns: repeat(4, minmax(0px, 1fr));}
:is(#member-root,#member-card-fullscreen-preview) .bottom > div.member-nav--five{grid-template-columns: repeat(5, minmax(0px, 1fr));}
:is(#member-root,#member-card-fullscreen-preview) .bottom button,:is(#member-root,#member-card-fullscreen-preview) .bottom a{height: 60px; min-height: 60px; align-content: center; gap: 2px; font-size: 9px; line-height: 1.1;}
:is(#member-root,#member-card-fullscreen-preview) .bottom span{font-size: 18px; line-height: 1;}
:is(#member-root,#member-card-fullscreen-preview) .bottom .support-icon{font-size: 19px;}
:is(#member-root,#member-card-fullscreen-preview) .bottom .support-icon + b{font-size: 9px; line-height: 1.1;}
:is(#member-root,#member-card-fullscreen-preview) .bottom button,:is(#member-root,#member-card-fullscreen-preview) .bottom a{height: 48px; min-height: 48px; padding: 3px 2px; gap: 1px; font-size: 8px;}
:is(#member-root,#member-card-fullscreen-preview) .bottom span{font-size: 16px;}
:is(#member-root,#member-card-fullscreen-preview) .bottom .support-icon{font-size: 17px;}
:is(#member-root,#member-card-fullscreen-preview) .bottom .support-icon + b{font-size: 8px;}
:is(#member-root,#member-card-fullscreen-preview) .person-tags,:is(#member-root,#member-card-fullscreen-preview) .person-facts,:is(#member-root,#member-card-fullscreen-preview) .person-interactions{display: flex; flex-wrap: wrap; gap: 6px;}
:is(#member-root,#member-card-fullscreen-preview) .person-tag,:is(#member-root,#member-card-fullscreen-preview) .person-fact,:is(#member-root,#member-card-fullscreen-preview) .person-interaction{display: inline-flex; min-width: 0px; align-items: center; padding: 4px 7px; border: 1px solid rgb(240, 212, 222); border-radius: 999px; background: rgb(255, 245, 248); color: rgb(128, 83, 101); font-size: 11px; font-weight: 700; overflow-wrap: anywhere;}
:is(#member-root,#member-card-fullscreen-preview) .person-intro{margin: 0px; color: rgb(94, 69, 81); font-size: 12px; line-height: 1.45; overflow-wrap: anywhere;}
:is(#member-root,#member-card-fullscreen-preview) .person-interactions{color: rgb(200, 61, 99);}
:is(#member-root,#member-card-fullscreen-preview) .person > div{align-content: start;}
:is(#member-root,#member-card-fullscreen-preview).member-auth-verified #dash.hidden{display: block !important;}
:is(#member-root,#member-card-fullscreen-preview).member-auth-verified #bottom.hidden{display: flex !important;}
:is(#member-root,#member-card-fullscreen-preview) #sub-ledger #ledger-list.history > div{background: rgb(255, 255, 255) !important; border: 1px solid rgb(241, 204, 217) !important; border-radius: 13px !important; box-shadow: rgba(171, 71, 104, 0.09) 0px 7px 18px !important; color: rgb(57, 37, 50) !important;}
:is(#member-root,#member-card-fullscreen-preview) #sub-ledger #ledger-list.history > div > span{color: rgb(57, 37, 50) !important; font-weight: 800 !important;}
:is(#member-root,#member-card-fullscreen-preview) #sub-ledger #ledger-list.history > div > small{color: rgb(120, 85, 101) !important;}
:is(#member-root,#member-card-fullscreen-preview) #sub-ledger #ledger-list.history > div > b.ledger-positive{color: rgb(22, 150, 90) !important;}
:is(#member-root,#member-card-fullscreen-preview) #sub-ledger #ledger-list.history > div > b.ledger-negative{color: rgb(215, 71, 106) !important;}
:is(#member-root,#member-card-fullscreen-preview) #sub-ledger #ledger-list.history > .empty{background: rgb(255, 255, 255) !important; border: 1px solid rgb(241, 204, 217) !important; color: rgb(120, 85, 101) !important;}
:is(#member-root,#member-card-fullscreen-preview) #download-card{display: none !important;}
:is(#member-root,#member-card-fullscreen-preview) #auth:not(.auth-visible):not(.hidden){display: flex; min-height: calc(-120px + 100svh); align-items: center; justify-content: center;}
:is(#member-root,#member-card-fullscreen-preview) #auth:not(.auth-visible):not(.hidden) > *{visibility: hidden;}
:is(#member-root,#member-card-fullscreen-preview) #auth:not(.auth-visible):not(.hidden)::before{content: "Loading…"; color: var(--muted); font-size: 14px;}
:is(#member-root,#member-card-fullscreen-preview) #auth:not(.auth-visible):not(.hidden) ~ #dash{display: none !important;}
:is(#member-root,#member-card-fullscreen-preview) .member-profile-info-current{margin: 0px 0px 14px; padding: 16px; border: 1px solid rgb(241, 204, 217); border-radius: 16px; background: rgb(255, 255, 255); box-shadow: rgba(171, 71, 104, 0.07) 0px 7px 18px;}
:is(#member-root,#member-card-fullscreen-preview) .member-profile-info-current h3{margin: 0px 0px 12px; color: rgb(57, 37, 50); font-size: 17px;}
:is(#member-root,#member-card-fullscreen-preview) .member-profile-info-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;}
:is(#member-root,#member-card-fullscreen-preview) .member-profile-info-item{display: grid; gap: 4px; min-width: 0px; padding: 11px; border: 1px solid rgb(245, 220, 229); border-radius: 12px; background: rgb(255, 250, 251);}
:is(#member-root,#member-card-fullscreen-preview) .member-profile-info-item span{color: rgb(140, 113, 128); font-size: 12px;}
:is(#member-root,#member-card-fullscreen-preview) .member-profile-info-item b{color: rgb(57, 37, 50); overflow-wrap: anywhere; font-size: 14px;}
@media (max-width: 480px) {:is(#member-root,#member-card-fullscreen-preview) .member-profile-info-grid{grid-template-columns: 1fr;}}
:is(#member-root,#member-card-fullscreen-preview) #member-bootstrap-skeleton,:is(#member-root,#member-card-fullscreen-preview) #member-card-skeleton{display: none !important;}
:is(#member-root,#member-card-fullscreen-preview) #sub-settings .member-payout-field-hidden{display: none !important;}
:is(#member-root,#member-card-fullscreen-preview) #ledger-current-balance.member-ledger-balance{margin: 0px 0px 12px; padding: 13px 14px; border: 1px solid rgb(241, 204, 217); border-radius: 13px; background: rgb(255, 255, 255); color: rgb(57, 37, 50); font-size: 15px; font-weight: 800; box-shadow: rgba(171, 71, 104, 0.07) 0px 7px 18px;}
:is(#member-root,#member-card-fullscreen-preview) #withdraw-usdt-estimate.member-withdraw-estimate{margin: 10px 0px 0px; padding: 11px 12px; border: 1px solid rgb(241, 204, 217); border-radius: 11px; background: rgb(255, 247, 250); color: rgb(110, 61, 83); font-size: 14px; font-weight: 800;}
:is(#member-root,#member-card-fullscreen-preview) .assist-builder--normal > [data-assist-submit="normal"]{justify-self: center; width: min(100%, 18rem); margin-inline: auto;}
:is(#member-root,#member-card-fullscreen-preview) .assist-builder--normal .assist-choice{position: relative; border-width: 3px;}
:is(#member-root,#member-card-fullscreen-preview) .assist-builder--normal .assist-choice.is-selected{border-color: rgb(255, 43, 145); box-shadow: rgba(255, 43, 145, 0.25) 0px 0px 0px 2px;}
:is(#member-root,#member-card-fullscreen-preview) .assist-builder--normal .assist-choice.is-selected::after{content: "✓"; position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 28px; height: 28px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background: rgb(255, 43, 145); color: rgb(255, 255, 255); font-size: 18px; font-weight: 800; line-height: 1; pointer-events: none;}
:is(#member-root,#member-card-fullscreen-preview) .assist-builder--normal .assist-choice:focus-visible{outline: rgb(255, 255, 255) solid 3px; outline-offset: 3px;}
:is(#member-root,#member-card-fullscreen-preview) #auth:not(.auth-visible):not(.hidden){display: none !important;}
:is(#member-root,#member-card-fullscreen-preview) #auth:not(.auth-visible):not(.hidden)::before{content: none !important;}
:is(#member-root,#member-card-fullscreen-preview) #member-bootstrap-skeleton,:is(#member-root,#member-card-fullscreen-preview) #member-card-skeleton{display: none !important;}
/* Movie player is mounted under document.body, outside #member-root. Keep this ID scope active after the portal disables legacy member.css. */
#movie-player-modal{box-sizing:border-box;position:fixed;z-index:2147483647;inset:0;display:grid;place-items:center;padding:16px;background:rgba(20,12,18,.86)}#movie-player-modal.hidden{display:none!important}#movie-player-modal .movie-player-dialog{box-sizing:border-box;position:relative;display:flex;width:min(100%,1200px);height:calc(100svh - 32px);align-items:center;justify-content:center;padding:0;border-radius:16px;background:#000}#movie-player-modal .movie-player-dialog video{box-sizing:border-box;display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#000}#movie-player-modal .movie-player-close{box-sizing:border-box;position:absolute;z-index:1;top:10px;right:10px;min-height:44px;width:44px;padding:0;border-radius:50%;background:#fff;color:#311325;font-size:30px;line-height:40px}#movie-player-modal .movie-player-notice{box-sizing:border-box;position:absolute;right:0;bottom:48px;left:0;margin:0;color:#fff;text-align:center;font-size:14px;pointer-events:none}

/* MEMBER_WITHDRAW_HISTORY13: scoped to withdrawal records only. */
#member-root #withdraw-history.history>div{background:#fff!important;border:1px solid #f1ccd9;border-radius:13px;padding:13px 14px;box-shadow:0 7px 18px rgba(171,71,104,.07);color:#392532;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,auto)}
#member-root #withdraw-history .withdraw-history-amount{color:#392532;font-size:16px;font-weight:800;text-align:end}
#member-root #withdraw-history .withdraw-history-time{color:#785565;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
#member-root #withdraw-history .withdraw-history-status{justify-self:start;padding:4px 9px;border-radius:999px;color:#785565;background:#f6eff2;font-size:12px;font-weight:700;line-height:1.4}
#member-root #withdraw-history .withdraw-history-status[data-withdrawal-status="pending"],#member-root #withdraw-history .withdraw-history-status[data-withdrawal-status="approved"]{color:#9a4a00;background:#fff0d9}
#member-root #withdraw-history .withdraw-history-status[data-withdrawal-status="paid"]{color:#137344;background:#e5f6ec}
#member-root #withdraw-history .withdraw-history-status[data-withdrawal-status="rejected"]{color:#b42b42;background:#ffeaee}
