.my-drama-v1{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:16px 16px 48px;color:#fff}.my-drama-v1 *,.my-drama-v1 *::before,.my-drama-v1 *::after{box-sizing:border-box}.my-drama-v1 [hidden]{display:none !important}.my-drama-v1[data-view=list] .my-drama-v1__watch,.my-drama-v1[data-view=watch] .my-drama-v1__list{display:none}.my-drama-v1__head{margin-bottom:20px}.my-drama-v1__title{margin:0;font-size:28px;font-weight:800;line-height:1.2}.my-drama-v1__desc{margin:8px 0 0;font-size:15px;opacity:.75}.my-drama-v1__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px}@media(min-width: 640px){.my-drama-v1__grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 960px){.my-drama-v1__grid{grid-template-columns:repeat(5, minmax(0, 1fr));gap:18px}}.my-drama-v1__card{display:flex;flex-direction:column;gap:6px;min-width:0;color:inherit;text-decoration:none}.my-drama-v1__card.is-skeleton{aspect-ratio:5/7;background:hsla(0,0%,100%,.06);border-radius:14px}.my-drama-v1__cover{position:relative;display:block;overflow:hidden;aspect-ratio:5/7;background:hsla(0,0%,100%,.06);border-radius:14px}.my-drama-v1__cover img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.my-drama-v1__cover video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}.my-drama-v1__cover video.is-playing{opacity:1}.my-drama-v1__count{position:absolute;bottom:8px;right:8px;padding:3px 6px;color:#fff;font-size:10px;font-weight:600;background:rgba(0,0,0,.65);border-radius:8px}.my-drama-v1__card.is-skeleton{min-height:0;animation:drama-skeleton 1.5s ease-in-out infinite alternate}.my-drama-v1__card.is-skeleton:nth-child(n+3){display:none}@media(min-width: 640px){.my-drama-v1__card.is-skeleton:nth-child(3){display:block}}@media(min-width: 960px){.my-drama-v1__card.is-skeleton:nth-child(n+3){display:block}}@keyframes drama-skeleton{to{background:hsla(0,0%,100%,.12)}}@media(prefers-reduced-motion: reduce){.my-drama-v1__card.is-skeleton{animation:none}}.my-drama-v1__name{overflow:hidden;font-size:15px;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:40px;line-height:20px;white-space:normal}.my-drama-v1__meta{font-size:12px;opacity:.65}.my-drama-v1__status{display:flex;flex-direction:column;gap:12px;align-items:center;padding:48px 0;text-align:center}.my-drama-v1__status p{margin:0;opacity:.8}.my-drama-v1__retry{min-height:40px;padding:0 20px;color:#fff;cursor:pointer;background:none;border:1px solid hsla(0,0%,100%,.5);border-radius:20px}.my-drama-v1__watch{display:flex;flex-direction:column;align-items:center}.my-drama-v1__back{display:inline-flex;gap:4px;align-items:center;align-self:flex-start;min-height:36px;margin-bottom:8px;color:inherit;font-size:14px;text-decoration:none;opacity:.8}.my-drama-v1__back svg{width:18px;height:18px}.my-drama-v1__back:hover{opacity:1}@media(min-width: 768px){.my-drama-v1__back{align-self:center;width:min(100%,(100svh - 150px)*9/16)}}.my-drama-v1__player{--drama-player-max-h: calc(100svh - 150px);--drama-player-accent: var(--primary-color, #ff3d7f);width:100%}.my-drama-v1__player:empty{width:min(100%,(100svh - 150px)*9/16);aspect-ratio:9/16;background:#000;border-radius:16px}@media(max-width: 767px){.my-drama-v1[data-view=watch]{padding:4px 0 24px}.my-drama-v1__back{margin-left:12px}.my-drama-v1__player{--drama-player-max-h: calc(100svh - 110px);--drama-player-radius: 12px}.my-drama-v1__player:empty{width:min(100%,(100svh - 110px)*9/16);border-radius:12px}body:has(.my-drama-v1[data-view=watch]) .my-foo-view-v1{display:none}}.my-drama-v1__tags{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 16px}.my-drama-v1__tags::-webkit-scrollbar{display:none}.my-drama-v1__tags button{flex:0 0 auto;min-height:36px;padding:0 20px;font-size:14px;border:1px solid #444;border-radius:24px;background:#191919;color:#ddd;cursor:pointer}.my-drama-v1__tags button[aria-pressed=true]{background:#fff;color:#111;border-color:#fff}@media(min-width: 960px){.my-drama-v1__tags{justify-content:center;gap:12px}.my-drama-v1__tags button{min-width:88px;min-height:44px;padding:0 24px;background:hsla(0,0%,100%,.035);border-color:hsla(0,0%,100%,.12);color:#aaa9af;font-size:15px;font-weight:500;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.025);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background 160ms ease,color 160ms ease,border-color 160ms ease}.my-drama-v1__tags button:hover{background:hsla(0,0%,100%,.09);border-color:hsla(0,0%,100%,.18);color:#eee}.my-drama-v1__tags button:focus-visible{outline:2px solid #ff8caf;outline-offset:3px}.my-drama-v1__tags button[aria-pressed=true]{background:#fff;color:#111;border-color:#fff;font-weight:700;box-shadow:none}.my-drama-v1__tags .my-drama-v1__tag-skeleton{height:44px}}@media(prefers-reduced-motion: reduce){.my-drama-v1__tags button{transition:none}}.my-drama-v1__watch-layout{width:100%}.my-drama-v1__details{display:none}@media(min-width: 960px){.my-drama-v1__player{--drama-player-max-h: calc(100svh - 180px)}.my-drama-v1__watch-layout{display:grid;grid-template-columns:minmax(0, 1fr) minmax(320px, 0.85fr);gap:48px;align-items:start}.my-drama-v1__back{align-self:flex-start;width:auto}.my-drama-v1__details{display:block;min-width:0;padding:20px 0;max-height:calc(100svh - 150px);overflow-y:auto}.my-drama-v1__details h1{font-size:32px;margin:0 0 20px}.my-drama-v1__details h2{font-size:20px;margin:28px 0 16px}.my-drama-v1__summary{white-space:pre-wrap;line-height:1.7;color:#bbb;overflow-wrap:anywhere}.my-drama-v1__episode-grid{display:grid;grid-template-columns:repeat(auto-fill, 64px);gap:10px}.my-drama-v1__episode{position:relative;width:64px;height:64px;padding:0;color:#fff;background:#222;border:1px solid #444;border-radius:10px;cursor:pointer}.my-drama-v1__subtitle{display:flex;gap:16px;align-items:center;margin-top:28px}.my-drama-v1__subtitle select{min-height:44px;min-width:140px;color:#fff;background:#222;border:1px solid #555;border-radius:8px;padding:0 12px}}.my-drama-v1__episode-content{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:17px;font-weight:600}.my-drama-v1__episode-status{position:absolute;top:5px;right:5px;display:flex;color:#8a8a8a}.my-drama-v1__episode-status svg{width:14px;height:14px}.my-drama-v1__episode.is-locked{color:#aaa}.my-drama-v1__episode.is-unlocked .my-drama-v1__episode-status{color:#7ee0b1}.my-drama-v1__episode.is-current{color:#ff7ba6;border:2px solid #ff3d7f;background:#38212a;box-shadow:0 0 0 2px rgba(255,61,127,.12)}.my-drama-v1__episode:focus-visible{outline:2px solid #fff;outline-offset:3px}.my-drama-v1__equalizer{display:inline-flex;align-items:flex-end;gap:2px;width:10px;height:13px}.my-drama-v1__equalizer i{width:2px;height:100%;background:currentColor;border-radius:1px;transform-origin:bottom;transform:scaleY(0.5)}.my-drama-v1__equalizer i:nth-child(2){transform:scaleY(1)}.my-drama-v1__equalizer i:nth-child(3){transform:scaleY(0.7)}.my-drama-v1__episode.is-playing .my-drama-v1__equalizer i{animation:my-drama-equalizer .85s ease-in-out infinite alternate}.my-drama-v1__episode.is-playing .my-drama-v1__equalizer i:nth-child(2){animation-delay:-0.35s}.my-drama-v1__episode.is-playing .my-drama-v1__equalizer i:nth-child(3){animation-delay:-0.6s}@keyframes my-drama-equalizer{from{transform:scaleY(0.25)}to{transform:scaleY(1)}}@media(prefers-reduced-motion: reduce){.my-drama-v1__episode.is-playing .my-drama-v1__equalizer i{animation:none}}@media(min-width: 960px){.my-drama-v1__player .drama-player__top{display:none}}.my-drama-v1__tag-skeleton{display:inline-block;width:76px;height:38px;background:#222;border-radius:22px}@media(min-width: 960px){.my-drama-v1__watch{max-width:1120px;margin:0 auto}.my-drama-v1__watch-layout{grid-template-columns:minmax(0, 1.25fr) minmax(0, 0.85fr);gap:32px}.my-drama-v1__back{margin-left:max(0px,(59.5% - (100svh - 180px)*9/16)/2)}.my-drama-v1__details{padding:18px 0}.my-drama-v1__details h1{font-size:28px}.my-drama-v1.is-modal-open .my-drama-v1__watch{display:flex;position:fixed;inset:0;max-width:none;margin:0;padding:5vh 4vw;justify-content:center;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);z-index:10000}.my-drama-v1.is-modal-open .my-drama-v1__watch-layout{width:min(1320px,92vw);height:90svh;padding:32px;align-items:center;border:1px solid #333;border-radius:22px;background:#111;grid-template-columns:minmax(0, 1.3fr) minmax(0, 0.8fr);gap:32px}.my-drama-v1.is-modal-open .my-drama-v1__back{display:none}.my-drama-v1.is-modal-open .my-drama-v1__player{--drama-player-max-h:calc(90svh - 64px)}.my-drama-v1.is-modal-open .my-drama-v1__details{max-height:calc(90svh - 96px)}.my-drama-v1__modal-close{position:absolute;top:calc(5vh + 10px);right:calc((100vw - min(1320px,92vw))/2 + 10px);z-index:2;display:grid;place-items:center;width:40px;height:40px;background:#282828;border:1px solid #555;border-radius:50%;color:#fff;cursor:pointer}.my-drama-v1__modal-close svg{width:22px;height:22px}}@media(max-width: 959px){html:has(.my-drama-v1[data-view=watch]),body:has(.my-drama-v1[data-view=watch]){overflow:hidden !important;overscroll-behavior:none;height:100%}.my-drama-v1[data-view=watch]{padding-bottom:0}.my-drama-v1[data-view=watch] .my-drama-v1__watch{position:fixed;inset:0;background:#090909;z-index:20;overscroll-behavior:none}.my-drama-v1[data-view=watch] .my-drama-v1__player{--drama-player-max-h:100dvh;--drama-player-radius:0;height:100%}body:has(.my-drama-v1[data-view=watch]) .my-header{display:none}.my-drama-v1[data-view=watch] .my-drama-v1__back{display:none}.my-drama-v1[data-view=watch] .my-drama-v1__watch-layout{height:100%}.my-drama-v1[data-view=watch] .drama-player__stage{width:100%;height:100%;aspect-ratio:auto;border-radius:0}.my-drama-v1[data-view=watch] .my-drama-v1__player:empty{width:100%;height:100%;aspect-ratio:auto;border-radius:0}body:has(.my-drama-v1) .my-foo-view-v1>button{display:none}.my-drama-v1 .drama-player__top{display:flex;gap:8px;align-items:center;padding:calc(8px + env(safe-area-inset-top, 0px)) 12px 30px}.my-drama-v1 .drama-player__title{flex:1;min-width:0}.my-drama-v1 .drama-player__series{font-size:15px}.my-drama-v1 .drama-player__ep{margin-left:auto;font-size:11px}}.my-drama-v1__player-back{display:none}.my-drama-v1__feedback-menu{width:100%;color:inherit;cursor:pointer}@media(max-width: 959px){.my-drama-v1__grid{gap:22px 12px}.my-drama-v1__name{font-size:14px}.my-drama-v1__player-back{display:grid;place-items:center;flex:0 0 32px;height:44px;color:#fff;pointer-events:auto}.my-drama-v1__player-back svg{width:22px;height:22px}}@media(min-width: 960px){.my-drama-v1 .drama-player__stage:not(:fullscreen):not(:-webkit-full-screen) .drama-player__btn--list{display:none}}.my-drama-v1 .drama-player__btn{flex-direction:row;background:rgba(0,0,0,0) !important;border-radius:6px;gap:6px}.my-drama-v1 .drama-player__btn svg{width:22px;height:22px}.my-drama-v1 .drama-player__bottom{padding:32px 16px calc(16px + env(safe-area-inset-bottom, 0px))}.my-drama-v1 .drama-player__btn-text{font-weight:400;font-size:11px}