/* Tube membership and account panels. */
.tube-club-invite{text-align:center;padding:24px;max-width:480px;margin:auto}
.tube-club-invite>.i{width:52px;height:52px;color:#e52335}
.tube-club-invite h3{font-size:24px;line-height:1.4;margin:18px 0 10px}
.tube-club-invite p{line-height:1.8;margin:12px 0}
.tube-club-invite button{margin:12px auto;display:flex;justify-content:center}
.tb-sub>.i{display:block;flex-shrink:0;width:21px;height:21px;transform-origin:50% 15%}
.tb-sub>.chv{width:16px;height:16px;margin-inline-start:-2px}
.r2-pop.lv-pop .r2-menu{width:310px}
@keyframes tube-bell-ring{0%,75%,100%{transform:rotate(0)}80%,90%{transform:rotate(15deg)}85%,95%{transform:rotate(-15deg)}}
@keyframes tube-sub-glow{0%,100%{box-shadow:0 0 0 0 rgba(229,35,53,0)}50%{box-shadow:0 0 0 5px rgba(229,35,53,.13)}}
@media(prefers-reduced-motion:no-preference){
 .tb-sub[aria-pressed="false"]>.i{animation:tube-bell-ring 5s ease-in-out 3}
 .tb-sub[aria-pressed="false"]{animation:tube-sub-glow 3s ease-in-out 3}
 .card .thumb img{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
 .card:hover .thumb img{transform:scale(1.035)}
 .tube-sub-row,.tube-notif{animation:tube-enter .35s ease both}
 .tb-sub,.pw-pill,.tab{transition:transform .2s,background-color .2s,box-shadow .2s}
 .tb-sub:active,.pw-pill:active{transform:scale(.96)}
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:tube-leave .16s ease both}
 ::view-transition-new(root){animation:tube-enter .25s ease both}
}
@keyframes tube-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes tube-leave{to{opacity:0;transform:translateY(-5px)}}
#tube-bell{position:relative}.tube-badge{position:absolute;top:0;inset-inline-end:0;background:#d91d35;color:#fff;border-radius:20px;min-width:17px;font:700 11px Heebo,sans-serif}
.tube-has-new{position:relative}.tube-has-new:after{content:'';display:block;position:absolute;inset-inline-end:6px;top:6px;width:7px;height:7px;border-radius:50%;background:#d91d35}
.tube-members{max-width:1000px;margin:auto;padding-block:24px}
.tube-sub-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:20px 0;border-bottom:1px solid var(--line,#ddd)}
.tube-sub-row>a{font-size:19px;font-weight:700;flex:1}
.tube-sub-row select{font:inherit;padding:8px;border-radius:10px;background:var(--paper,#fff);color:var(--ink,#222)}
.tube-pref-form{display:grid;gap:18px;padding:20px;max-width:560px;margin:auto;line-height:1.8}
.tube-pref-form label{display:flex;align-items:center;gap:12px}.tube-pref-form input{width:20px;height:20px;accent-color:#d91d35}
.tube-notif{display:grid;gap:8px;padding:18px;border-bottom:1px solid var(--line,#ddd)}
.tube-notif.unread{border-inline-start:3px solid #d91d35;background:rgba(229,35,53,.05)}
.tube-notif time,.tube-notif small{font-size:12px;opacity:.7}.tube-notif a{font-size:17px;line-height:1.6}
@media(max-width:639px){.tube-sub-row{align-items:flex-start;flex-direction:column}}
/* The bell panel on a phone fills the screen outside its popover box, so it carries the surface itself. */
@media(max-width:639px){.r2-pop .np{background:var(--up);z-index:1}}
/* "שלי" (chat #8293): the lists of a member, the gate of a guest, and the two buttons of the watch page. */
.me-chips{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:16px}
.me-chip .me-n{min-width:22px;height:22px;padding-inline:7px;border-radius:11px;display:inline-grid;place-items:center;background:var(--bg);color:var(--ink-2);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;margin-inline-start:2px}
.me-total{display:inline-block;margin-inline-start:4px;padding-inline:10px;border-radius:12px;background:var(--panel);color:var(--ink-2);font-size:13px;font-weight:600;line-height:24px;font-variant-numeric:tabular-nums;white-space:nowrap}
.me-hint{display:flex;align-items:center;gap:12px;max-width:760px;margin-block:2px 6px;padding:16px 18px;border-radius:16px;background:var(--panel);color:var(--ink-2);font-size:15px;line-height:1.55}
.me-hint>.i{width:22px;height:22px;flex:none;color:var(--teal-text)}
.me-hint b{color:var(--ink);font-weight:600}
.me-empty>.i{width:30px;height:30px;padding:17px;box-sizing:content-box;border-radius:50%;background:var(--panel);color:var(--ink-2);margin-block-end:16px}
.me-empty p{max-width:46ch;margin-inline:auto;line-height:1.6}
.me-grid{margin-block-start:14px}
.card-rm{color:var(--ink-2)}
.card-rm:hover{color:var(--ink)}
/* the gate: three real videos fanned out, each tagged with the list it would wait in */
.me-art{min-height:300px}
.me-art .me-tile{grid-area:1/1;position:relative;z-index:1;width:min(62%,290px);aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--thumb-bg);box-shadow:0 22px 40px -18px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.14)}
.me-art .me-tile img{width:100%;height:100%;object-fit:cover;position:static}
.me-art .t1{z-index:3;transform:translateY(16%)}
.me-art .t2{z-index:2;width:min(50%,232px);transform:translate(-30%,-42%) rotate(-7deg)}
.me-art .t3{width:min(50%,232px);transform:translate(32%,-36%) rotate(6deg)}
.me-tag{position:absolute;inset-block-start:8px;inset-inline-start:8px;display:inline-flex;align-items:center;gap:5px;height:26px;padding-inline:8px 10px;border-radius:13px;background:rgba(8,12,18,.74);color:#fff;font:600 12px/1 var(--f-ui);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.me-tag .i{width:14px;height:14px}
.me-art .t3 .me-tag .i{fill:currentColor}
@media(prefers-reduced-motion:no-preference){
 .me-art .me-tile{animation:me-fan .8s cubic-bezier(.2,.8,.2,1) both}
 .me-art .t2{animation-delay:.08s}
 .me-art .t3{animation-delay:.16s}
}
@keyframes me-fan{from{opacity:0;transform:translateY(22%) scale(.94)}}
[data-me-none][hidden],.me-home[hidden]{display:none!important}
/* the watch page: the saved place on the poster; "נשמר" draws its check, it does not fill it */
.pw-player .pw-prog{height:5px}
.pw-player.is-started .pw-prog{display:none}
html.pw-on #pw-later[aria-pressed=true] .i{fill:none}
@media(max-width:639px){
 .me-hint{margin-inline:var(--edge)}
 .me-art{min-height:220px}
 .me-art .t1{width:58%}
 .me-art .t2,.me-art .t3{width:46%}
}

/* הידברוTube: a promo of the house before the video (chat #8293), watch.js prPlay */
html.pw-on .pw-player.is-promo .pw-bigplay,html.pw-on .pw-player.is-promo .pw-prog{opacity:0;pointer-events:none;visibility:hidden}
.pw-promo{position:absolute;inset:0;z-index:4;background:#05080c;color:#fff;outline:0;-webkit-tap-highlight-color:transparent}
.pw-promo [hidden]{display:none!important}
html.pw-on .pw-promo video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#05080c;cursor:pointer}
.pw-promo .pp-spin{position:absolute;inset:0;margin:auto;width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,255,255,.22);border-block-start-color:#fff;animation:pp-spin .8s linear infinite;pointer-events:none}
.pw-promo.is-on .pp-spin{display:none}
@keyframes pp-spin{to{transform:rotate(360deg)}}
.pw-promo .pp-tag,.pw-promo .pp-snd,.pw-promo .pp-skip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:rgba(5,8,12,.64);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pw-promo .pp-tag{inset-block-start:12px;inset-inline-start:12px;height:28px;padding-inline:11px 12px;font-size:12.5px;font-weight:600;pointer-events:none}
.pw-promo .pp-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}
.pw-promo .pp-left{font-weight:500;opacity:.78;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.pw-promo .pp-left:empty{display:none}
.pw-promo .pp-snd{inset-block-start:10px;inset-inline-end:10px;height:36px;min-width:36px;justify-content:center;padding-inline:9px;font-size:13px;font-weight:600}
.pw-promo .pp-snd .i{width:18px;height:18px}
.pw-promo .pp-snd span{display:none}
.pw-promo .pp-snd.is-muted{padding-inline:11px 14px;background:#fff;color:#10161d}
.pw-promo .pp-snd.is-muted span{display:inline}
.pw-promo .pp-resume{position:absolute;inset:0;margin:auto;z-index:2;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(8,20,33,.58)}
.pw-promo .pp-resume .i{width:30px;height:30px;fill:currentColor;stroke:none;margin-inline-start:-3px}
.pw-promo .pp-cta{position:absolute;z-index:2;inset-block-end:18px;inset-inline-start:12px;display:inline-flex;align-items:center;gap:7px;height:40px;padding-inline:18px 15px;border-radius:20px;background:var(--accent);color:#fff;font-size:14.5px;font-weight:700;text-decoration:none;box-shadow:0 10px 24px -12px rgba(231,15,87,.95)}
.pw-promo .pp-cta .i{width:16px;height:16px}
.pw-promo .pp-cta:hover{filter:brightness(1.08)}
.pw-promo .pp-skip{inset-block-end:16px;inset-inline-end:12px;height:44px;padding-inline:16px;font-size:13.5px;font-weight:500;border:1px solid rgba(255,255,255,.26);color:rgba(255,255,255,.9);cursor:default}
.pw-promo .pp-skip.is-on{padding-inline:18px 12px;background:#fff;color:#10161d;font-size:15px;font-weight:700;border-color:#fff;cursor:pointer}
.pw-promo .pp-skip.is-on:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.pw-promo .pp-skip .i{width:18px;height:18px}
.pw-promo .pp-bar{z-index:2;height:4px}
.pw-promo .pp-bar i{width:0;transition:width .3s linear}
@media(max-width:639px){
 .pw-promo .pp-tag{inset-block-start:8px;inset-inline-start:8px;height:26px;font-size:12px}
 .pw-promo .pp-snd{inset-block-start:6px;inset-inline-end:6px;height:32px;min-width:32px}
 .pw-promo .pp-cta{inset-block-end:12px;inset-inline-start:8px;height:34px;padding-inline:14px 12px;font-size:13.5px}
 .pw-promo .pp-skip{inset-block-end:11px;inset-inline-end:8px;height:36px;padding-inline:12px;font-size:12.5px}
 .pw-promo .pp-skip.is-on{padding-inline:14px 10px;font-size:14px}
 .pw-promo .pp-resume{width:56px;height:56px}
}
@media(prefers-reduced-motion:reduce){.pw-promo .pp-spin{animation-duration:2.4s}.pw-promo .pp-bar i{transition:none}}