.tv-bookmark-unlock{width:min(360px,calc(100% - 28px));padding:0;border:1px solid #42383d;border-radius:22px;background:#191518;color:#fafafa;box-shadow:0 20px 70px #0009;max-height:calc(100dvh - 28px);overflow:auto;box-sizing:border-box;font-family:inherit}.tv-bookmark-unlock::backdrop{background:#000b}.tv-bookmark-unlock>div{padding:24px 20px 16px}.tv-bookmark-unlock h2{font-size:21px;line-height:1.3;margin:0 0 18px}.tv-bookmark-unlock button{font:inherit;width:100%;min-height:49px;padding:12px 10px;border:0;border-radius:26px;background:#ed4984;color:#fff;font-weight:700;cursor:pointer;line-height:1.4}.tv-bookmark-unlock button:disabled{opacity:.55;cursor:default}.tv-bookmark-unlock button:focus-visible{outline:2px solid #fff;outline-offset:3px}.tv-bookmark-unlock .tv-bookmark-unlock__cancel{margin-top:7px;min-height:44px;background:transparent;color:#bbb;font-weight:400}.tv-bookmark-unlock__status{font-size:12px;line-height:1.5;color:#c8bcb6;margin:10px 0 0}.tv-bookmark-unlock__status:empty{display:none}
/* These decorative diagrams are browser instructions, not browser UI controls. */
.tv-bookmark-guide{border:1px solid #3a3338;background:#242025;border-radius:12px;padding:14px 12px;margin-bottom:20px}.tv-bookmark-guide__browser{height:38px;display:flex;align-items:center;gap:8px;border:1px solid #51454d;border-radius:8px;background:#151316;padding:5px 8px;font-size:12px;color:#bbb}.tv-bookmark-guide__address{flex:1;background:#302a31;border-radius:4px;padding:3px 6px}.tv-bookmark-guide__target{display:grid;place-items:center;width:25px;height:25px;border:2px solid #ed4984;border-radius:6px;font-size:20px;line-height:1;color:#fff}.tv-bookmark-guide__menu{width:fit-content;max-width:100%;margin:9px 0 18px auto;border:1px solid #51454d;border-radius:8px;background:#302a30;padding:7px}.tv-bookmark-guide__selection{display:block;border:1px solid #ed4984;border-radius:5px;padding:8px 10px;background:#49303d;font-size:12px;line-height:1.4;color:#fff}.tv-bookmark-unlock__hint{list-style:none;counter-reset:bookmark-step;margin:0;padding:0;font-size:13px;line-height:1.5}.tv-bookmark-unlock__hint li{display:flex;gap:8px;align-items:flex-start;margin-top:10px}.tv-bookmark-unlock__hint li:before{counter-increment:bookmark-step;content:counter(bookmark-step);display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;border-radius:50%;background:#ed4984;color:#fff;font-size:11px}

/* The offer occupies the existing paywall card, ahead of the paid route. */
.tv-bookmark-card .tv-bookmark-options{width:100%;margin-top:20px}
.tv-bookmark-card .tv-bookmark-options button{display:block;width:100%;min-height:48px;padding:12px 8px;border-radius:26px;font-weight:700;font-size:14px;line-height:1.4}
.tv-bookmark-card .tv-bookmark-options__free{background:var(--drama-player-accent,#ed4984);color:#fff}
.tv-bookmark-card .tv-bookmark-options__paid{background:#ead2a1;color:#211c18}
.tv-bookmark-card .tv-bookmark-options button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.tv-bookmark-card .tv-bookmark-options button:disabled{opacity:.55;cursor:default}
.tv-bookmark-card .tv-bookmark-options__note{font-size:11px;line-height:1.5;color:#b9b9b9;margin:10px 0 0}
.tv-bookmark-card .tv-bookmark-options__or{display:flex;align-items:center;gap:12px;font-size:11px;color:#999;margin:18px 0}
.tv-bookmark-options__or:before,.tv-bookmark-options__or:after{content:'';height:1px;background:#343434;flex:1}
.tv-bookmark-card .tv-bookmark-options__status{font-size:12px;color:#ddd;line-height:1.5;margin-top:10px}
.tv-bookmark-options__status:empty{display:none}
.my-drama-v1 .drama-player__paywall:has(.tv-bookmark-card){padding:12px;z-index:7}
.drama-player__paywall-card.tv-bookmark-card{max-height:100%;overflow-y:auto;background:rgba(14,14,14,.96);padding:24px 20px}
@media(max-width:959px){.my-drama-v1 .drama-player__paywall:has(.tv-bookmark-card){padding:60px 12px 88px;z-index:5}}

.tv-bookmark-card .drama-player__paywall-icon{flex-shrink:0}