[data-drama-theme=midnight]{--dr-bg: #09090b;--dr-bg-soft: #0f0f13;--dr-text: #ece6d8;--dr-text-strong: #f4efe3;--dr-muted: #8c8577;--dr-muted-2: #b7af9c;--dr-accent: #c9a24b;--dr-accent-contrast: #09090b;--dr-primary: #c9a24b;--dr-primary-contrast: #09090b;--dr-shadow-1: none;--dr-shadow-2: none;--dr-mat: 0px;--dr-ticket-lift: none;--dr-accent-soft: rgba(201, 162, 75, .2);--dr-brand: #e5006b;--dr-brand-contrast: #ffffff;--dr-border: rgba(237, 231, 218, .1);--dr-border-strong: rgba(237, 231, 218, .25);--dr-card: rgba(237, 231, 218, .05);--dr-card-hover: rgba(237, 231, 218, .09);--dr-overlay: rgba(9, 9, 11, .9)}[data-drama-theme=whitespace]{--dr-bg: #efebe3;--dr-bg-soft: #fbf9f5;--dr-text: #2e2a22;--dr-text-strong: #1a1712;--dr-muted: #6b6355;--dr-muted-2: #4e4839;--dr-accent: #8a6420;--dr-accent-contrast: #fff;--dr-accent-soft: rgba(138, 100, 32, .15);--dr-brand: #d1005a;--dr-brand-contrast: #ffffff;--dr-primary: #1a1712;--dr-primary-contrast: #ffffff;--dr-border: rgba(26, 23, 18, .1);--dr-border-strong: rgba(26, 23, 18, .26);--dr-card: #ffffff;--dr-card-hover: #fbfaf7;--dr-overlay: rgba(28, 26, 18, .55);--dr-shadow-1: 0 1px 2px rgba(60, 45, 25, .06);--dr-shadow-2: 0 1px 2px rgba(60, 45, 25, .06), 0 10px 24px rgba(60, 45, 25, .1);--dr-mat: 5px;--dr-ticket-lift: drop-shadow(0 1px 1px rgba(60, 45, 25, .07)) drop-shadow(0 8px 14px rgba(60, 45, 25, .1))}:where([data-drama-theme]){--dr-ease-out: cubic-bezier(.23, 1, .32, 1);--dr-ease-in-out: cubic-bezier(.77, 0, .175, 1);--dr-press: .16s}.drama-root{background:var(--dr-bg);color:var(--dr-text);font-family:var(--font-pingFang);min-height:100dvh;--dr-topnav: 0px;--dr-tabbar: 52px}@media(min-width:768px){.drama-root{--dr-topnav: calc(4rem + 1px) }}.drama-root ::selection{background:var(--dr-accent);color:var(--dr-accent-contrast)}.drama-reels{scrollbar-width:none;overscroll-behavior-y:contain}.drama-reels::-webkit-scrollbar{display:none}@keyframes drama-swipe-bob{0%,to{transform:translateY(4px)}50%{transform:translateY(-6px)}}.drama-swipe-bob{animation:drama-swipe-bob 1.8s var(--dr-ease-in-out) infinite}@media(prefers-reduced-motion:reduce){.drama-swipe-bob{animation:none}}@keyframes drama-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.drama-rise{animation:drama-rise .26s var(--dr-ease-out) both}@media(prefers-reduced-motion:reduce){.drama-rise{animation:none}}@keyframes drama-speed-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.drama-speed-pill{animation:drama-speed-in .16s var(--dr-ease-out) both}@media(prefers-reduced-motion:reduce){.drama-speed-pill{animation:none}}.drama-rail{scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.drama-rail::-webkit-scrollbar{display:none}.drama-rail>ul>li{scroll-snap-align:start}.drama-toast{background:var(--dr-bg-soft)!important;border:1px solid var(--dr-accent)!important;color:var(--dr-text-strong)!important;box-shadow:0 8px 24px var(--dr-overlay)!important;font-family:var(--font-pingFang)!important}.drama-toast--error{border-color:#d9534f!important;color:var(--dr-text-strong)!important}.dr-ticket{--dr-ticket-r: 9px;--dr-ticket-stub: 44px;--dr-ticket-y: calc(100% - var(--dr-ticket-stub));--dr-ticket-line: var(--dr-border);--dr-ticket-radius: 18px;position:relative;overflow:hidden;border-radius:var(--dr-ticket-radius);background:var(--dr-ticket-line);filter:var(--dr-ticket-lift, none);transition:background-color var(--dr-press) var(--dr-ease-out);-webkit-mask-image:radial-gradient(circle at 0 var(--dr-ticket-y),#0000 var(--dr-ticket-r),#000 calc(var(--dr-ticket-r) + .5px)),radial-gradient(circle at 100% var(--dr-ticket-y),#0000 var(--dr-ticket-r),#000 calc(var(--dr-ticket-r) + .5px));mask-image:radial-gradient(circle at 0 var(--dr-ticket-y),#0000 var(--dr-ticket-r),#000 calc(var(--dr-ticket-r) + .5px)),radial-gradient(circle at 100% var(--dr-ticket-y),#0000 var(--dr-ticket-r),#000 calc(var(--dr-ticket-r) + .5px));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.dr-ticket:before{content:"";position:absolute;inset:1px;z-index:0;border-radius:calc(var(--dr-ticket-radius) - 1px);background:var(--dr-bg-soft);-webkit-mask-image:radial-gradient(circle at -1px calc(var(--dr-ticket-y) + 1px),#0000 calc(var(--dr-ticket-r) + 1px),#000 calc(var(--dr-ticket-r) + 1.5px)),radial-gradient(circle at calc(100% + 1px) calc(var(--dr-ticket-y) + 1px),#0000 calc(var(--dr-ticket-r) + 1px),#000 calc(var(--dr-ticket-r) + 1.5px));mask-image:radial-gradient(circle at -1px calc(var(--dr-ticket-y) + 1px),#0000 calc(var(--dr-ticket-r) + 1px),#000 calc(var(--dr-ticket-r) + 1.5px)),radial-gradient(circle at calc(100% + 1px) calc(var(--dr-ticket-y) + 1px),#0000 calc(var(--dr-ticket-r) + 1px),#000 calc(var(--dr-ticket-r) + 1.5px));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.dr-ticket__perf{position:absolute;right:calc(var(--dr-ticket-r) + 4px);bottom:var(--dr-ticket-stub);left:calc(var(--dr-ticket-r) + 4px);border-top:1px dashed var(--dr-border-strong);transition:border-color var(--dr-press) var(--dr-ease-out)}.dr-ticket-card:hover .dr-ticket,.dr-ticket-card:focus-visible .dr-ticket{--dr-ticket-line: var(--dr-accent)}.dr-ticket-card:hover .dr-ticket__perf,.dr-ticket-card:focus-visible .dr-ticket__perf{border-color:var(--dr-accent)}.drama-dialog{color:var(--dr-text);box-shadow:var(--dr-shadow-2)}.drama-dialog [data-slot=dialog-close]{color:var(--dr-muted)}.drama-dialog [data-slot=dialog-close]:hover{color:var(--dr-text-strong)}.drama-root .dr-title{position:relative;padding-bottom:6px}.drama-root .dr-title:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:1px;background:var(--dr-accent)}.drama-root .dr-rank{-webkit-text-stroke:1.5px var(--dr-accent);color:transparent;font-variant-numeric:tabular-nums;letter-spacing:.02em}@media(min-width:1024px){.drama-root .dr-rank{-webkit-text-stroke-width:2px}}.drama-root .dr-rank-glass__step{position:absolute;inset:0}.drama-root .dr-rank-glass__step--soft{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(to top,#000 0 55%,rgb(0 0 0 / .35) 80%,transparent 100%);mask-image:linear-gradient(to top,#000 0 55%,rgb(0 0 0 / .35) 80%,transparent 100%)}.drama-root .dr-rank-glass__step--mid{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(to top,#000 0 34%,rgb(0 0 0 / .3) 62%,transparent 82%);mask-image:linear-gradient(to top,#000 0 34%,rgb(0 0 0 / .3) 62%,transparent 82%)}.drama-root .dr-rank-glass__step--deep{-webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%);-webkit-mask-image:linear-gradient(to top,#000 0 16%,rgb(0 0 0 / .28) 40%,transparent 62%);mask-image:linear-gradient(to top,#000 0 16%,rgb(0 0 0 / .28) 40%,transparent 62%)}.drama-root .dr-rank-glass__wash{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .5) 0%,rgb(0 0 0 / .34) 30%,rgb(0 0 0 / .12) 58%,transparent 84%)}.drama-root .dr-rank-on-art{color:#fff;-webkit-text-stroke:1px var(--dr-accent);text-shadow:0 2px 8px rgb(0 0 0 / .6);font-variant-numeric:tabular-nums;letter-spacing:.02em}.drama-root video::cue{font-family:inherit;font-size:15px;line-height:1.35;color:#fff;background:#0000008c}.drama-root .drama-stage video::cue{font-size:17px}@media(min-width:640px){.drama-root .drama-stage video::cue{font-size:19px}}