/* ── CSS custom properties (default / dark skin) ─────────────────────────── */
.xp-player{
  --xp-bg:#000;
  --xp-accent:#e00;
  --xp-ctrl-to:rgba(0,0,0,.85);
  --xp-btn-fg:#fff;
  --xp-btn-hover:rgba(255,255,255,.18);
  --xp-progress-track:rgba(255,255,255,.3);
  --xp-buffer:rgba(255,255,255,.4);
  --xp-vol-track:rgba(255,255,255,.4);
  --xp-menu-bg:rgba(15,15,15,.95);
  --xp-menu-fg:#ccc;
  --xp-status-bg:rgba(0,0,0,.72);
  --xp-big-play-bg:rgba(0,0,0,.45);
  --xp-big-play-border:rgba(255,255,255,.9);
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:var(--xp-bg);overflow:hidden;
  font-family:Arial,Helvetica,sans-serif;
  -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none
}
.xp-player video{width:100%;height:100%;display:block;cursor:pointer;object-fit:contain}
.xp-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}
.xp-big-play{pointer-events:all;background:var(--xp-big-play-bg);border:3px solid var(--xp-big-play-border);border-radius:50%;width:72px;height:72px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;padding:0}
.xp-big-play:hover{background:rgba(0,0,0,.8)}
.xp-big-play svg{width:32px;height:32px;fill:var(--xp-btn-fg);margin-left:4px}
.xp-hidden{display:none!important}
.xp-status{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:var(--xp-status-bg);color:var(--xp-btn-fg);padding:8px 18px;border-radius:5px;font-size:13px;white-space:nowrap;pointer-events:none}
.xp-controls{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(var(--xp-ctrl-to)));background:linear-gradient(transparent,var(--xp-ctrl-to));padding:28px 10px 10px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.xp-player:hover .xp-controls,.xp-player.xp-paused .xp-controls{opacity:1}
.xp-progress{height:5px;background:var(--xp-progress-track);border-radius:3px;cursor:pointer;margin-bottom:8px;position:relative;-webkit-transition:height .15s;transition:height .15s}
.xp-progress:hover{height:7px}
.xp-progress-buffer{position:absolute;top:0;left:0;height:100%;background:var(--xp-buffer);border-radius:3px;pointer-events:none;z-index:1}
.xp-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--xp-accent);border-radius:3px;pointer-events:none;z-index:2}
.xp-progress-thumb{position:absolute;top:50%;left:0;width:13px;height:13px;background:var(--xp-accent);border-radius:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;pointer-events:none;-webkit-transition:opacity .2s;transition:opacity .2s}
.xp-progress:hover .xp-progress-thumb{opacity:1}
.xp-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}
.xp-btn{background:none;border:none;color:var(--xp-btn-fg);cursor:pointer;padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:3px;-ms-flex-negative:0;flex-shrink:0}
.xp-btn:hover{background:var(--xp-btn-hover)}
.xp-btn svg{width:20px;height:20px;fill:var(--xp-btn-fg)}
.xp-vol-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}
.xp-vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:70px;height:4px;background:var(--xp-vol-track);border-radius:2px;outline:none;cursor:pointer}
.xp-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--xp-btn-fg);cursor:pointer}
.xp-vol-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--xp-btn-fg);border:none;cursor:pointer}
.xp-vol-slider::-ms-thumb{width:13px;height:13px;border-radius:50%;background:var(--xp-btn-fg);border:none;cursor:pointer}
.xp-time{color:var(--xp-btn-fg);font-size:12px;white-space:nowrap;margin-left:4px}
.xp-spacer{-webkit-box-flex:1;-ms-flex:1;flex:1}
.xp-menu{position:relative}
.xp-menu-list{position:absolute;bottom:36px;right:0;background:var(--xp-menu-bg);border-radius:4px;padding:4px 0;display:none;min-width:72px;z-index:10}
.xp-menu.xp-open .xp-menu-list{display:block}
.xp-menu-item{display:block;padding:7px 14px;color:var(--xp-menu-fg);font-size:12px;cursor:pointer;white-space:nowrap;text-align:center}
.xp-menu-item:hover{background:rgba(255,255,255,.1);color:var(--xp-btn-fg)}
.xp-menu-item.xp-active{color:var(--xp-btn-fg);font-weight:700}.xp-menu-item.xp-active::before{content:'✓ '}
.xp-speed-btn{min-width:34px;font-size:12px}
#xp-speed-list{grid-template-columns:1fr 1fr;min-width:120px}
.xp-menu.xp-open #xp-speed-list{display:grid}
.xp-preview{position:absolute;top:0;left:0;right:0;bottom:0;background-size:contain;background-repeat:no-repeat;background-position:center}
.xp-scrub-tip{position:absolute;background:rgba(0,0,0,.85);border-radius:3px;padding:2px;pointer-events:none;z-index:20;transform:translateX(-50%)}
.xp-scrub-tip img{display:block}
.xp-scrub-tip span{display:block;color:var(--xp-btn-fg);font-size:11px;text-align:center;padding:2px 0}
.xp-ctrl-autohide{opacity:1;-webkit-transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,transform .4s}
.xp-ctrl-autohide.xp-ctrl-hidden{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}
/* TV / touch: нет hover — показывать панель управления всегда (если не включён авто-скрытие через tv=1) */
@media(hover:none){.xp-player:not(.xp-ctrl-autohide) .xp-controls{opacity:1}.xp-player:not(.xp-ctrl-autohide) .xp-progress-thumb{opacity:1}}
#xp-ad-container{position:absolute;top:0;left:0;right:0;bottom:0;display:none;z-index:5}
#xp-ad-click-el{position:absolute;top:0;left:0;right:0;bottom:0;z-index:6;cursor:pointer;display:none;pointer-events:auto}
#xp-ad-click-guard{position:absolute;top:0;left:0;right:0;bottom:0;z-index:8;cursor:pointer;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}
/* force native IMA countdown visible and placed bottom-left */
#xp-ad-container [class*="countdown"],
#xp-ad-container .ima-countdown-div{
	display:block!important;
	visibility:visible!important;
	opacity:1!important;
	left:10px!important;
	right:auto!important;
	bottom:10px!important;
	top:auto!important;
}
.xp-ad-pause-icon{background:rgba(0,0,0,.45);border:3px solid rgba(255,255,255,.9);border-radius:50%;width:72px;height:72px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}
.xp-ad-pause-icon svg{width:32px;height:32px;fill:#fff;margin-left:4px}
.xp-seek-indicator{position:absolute;top:0;bottom:0;width:30%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;z-index:4;opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}
.xp-seek-left{left:0;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.35)),to(transparent));background:linear-gradient(to right,rgba(0,0,0,.35),transparent)}
.xp-seek-right{right:0;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.35)),to(transparent));background:linear-gradient(to left,rgba(0,0,0,.35),transparent)}
.xp-seek-fade{opacity:0}
.xp-seek-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}
.xp-seek-arrow{font-size:28px;color:#fff;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.9)}
.xp-seek-secs{font-size:13px;color:#fff;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.9)}
/* right-click protection overlay */
.xp-rcm-overlay{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;pointer-events:none;opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}
.xp-rcm-overlay.xp-rcm-fade{opacity:0}
.xp-rcm-spinner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.xp-rcm-boob{width:56px;height:50px;border:2px solid #fff;border-top:none;border-radius:0 0 38px 38px;position:relative;-ms-flex-negative:0;flex-shrink:0}
.xp-rcm-boob::after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#ff9999;bottom:11px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.xp-rcm-boob.xp-rcm-l{-webkit-animation:xpBounceL .76s cubic-bezier(.36,.07,.19,.97) infinite;animation:xpBounceL .76s cubic-bezier(.36,.07,.19,.97) infinite;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}
.xp-rcm-boob.xp-rcm-r{-webkit-animation:xpBounceR .76s cubic-bezier(.36,.07,.19,.97) infinite;animation:xpBounceR .76s cubic-bezier(.36,.07,.19,.97) infinite;-webkit-animation-delay:.38s;animation-delay:.38s;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}
.xp-rcm-boob.xp-rcm-l::after{-webkit-animation:xpNipple .76s ease-in-out infinite;animation:xpNipple .76s ease-in-out infinite}
.xp-rcm-boob.xp-rcm-r::after{-webkit-animation:xpNipple .76s ease-in-out infinite;animation:xpNipple .76s ease-in-out infinite;-webkit-animation-delay:.38s;animation-delay:.38s}
@-webkit-keyframes xpBounceL{0%{-webkit-transform:rotate(12deg) translateY(0) scaleY(1) scaleX(1);transform:rotate(12deg) translateY(0) scaleY(1) scaleX(1)}20%{-webkit-transform:rotate(16deg) translateY(11px) scaleY(.8) scaleX(1.16);transform:rotate(16deg) translateY(11px) scaleY(.8) scaleX(1.16)}38%{-webkit-transform:rotate(8deg) translateY(-6px) scaleY(1.14) scaleX(.9);transform:rotate(8deg) translateY(-6px) scaleY(1.14) scaleX(.9)}54%{-webkit-transform:rotate(13deg) translateY(4px) scaleY(.92) scaleX(1.06);transform:rotate(13deg) translateY(4px) scaleY(.92) scaleX(1.06)}68%{-webkit-transform:rotate(11deg) translateY(-2px) scaleY(1.04) scaleX(.98);transform:rotate(11deg) translateY(-2px) scaleY(1.04) scaleX(.98)}82%{-webkit-transform:rotate(12deg) translateY(1px) scaleY(.99) scaleX(1.01);transform:rotate(12deg) translateY(1px) scaleY(.99) scaleX(1.01)}100%{-webkit-transform:rotate(12deg) translateY(0) scaleY(1) scaleX(1);transform:rotate(12deg) translateY(0) scaleY(1) scaleX(1)}}
@keyframes xpBounceL{0%{transform:rotate(12deg) translateY(0) scaleY(1) scaleX(1)}20%{transform:rotate(16deg) translateY(11px) scaleY(.8) scaleX(1.16)}38%{transform:rotate(8deg) translateY(-6px) scaleY(1.14) scaleX(.9)}54%{transform:rotate(13deg) translateY(4px) scaleY(.92) scaleX(1.06)}68%{transform:rotate(11deg) translateY(-2px) scaleY(1.04) scaleX(.98)}82%{transform:rotate(12deg) translateY(1px) scaleY(.99) scaleX(1.01)}100%{transform:rotate(12deg) translateY(0) scaleY(1) scaleX(1)}}
@-webkit-keyframes xpBounceR{0%{-webkit-transform:rotate(-12deg) translateY(0) scaleY(1) scaleX(1);transform:rotate(-12deg) translateY(0) scaleY(1) scaleX(1)}20%{-webkit-transform:rotate(-16deg) translateY(11px) scaleY(.8) scaleX(1.16);transform:rotate(-16deg) translateY(11px) scaleY(.8) scaleX(1.16)}38%{-webkit-transform:rotate(-8deg) translateY(-6px) scaleY(1.14) scaleX(.9);transform:rotate(-8deg) translateY(-6px) scaleY(1.14) scaleX(.9)}54%{-webkit-transform:rotate(-13deg) translateY(4px) scaleY(.92) scaleX(1.06);transform:rotate(-13deg) translateY(4px) scaleY(.92) scaleX(1.06)}68%{-webkit-transform:rotate(-11deg) translateY(-2px) scaleY(1.04) scaleX(.98);transform:rotate(-11deg) translateY(-2px) scaleY(1.04) scaleX(.98)}82%{-webkit-transform:rotate(-12deg) translateY(1px) scaleY(.99) scaleX(1.01);transform:rotate(-12deg) translateY(1px) scaleY(.99) scaleX(1.01)}100%{-webkit-transform:rotate(-12deg) translateY(0) scaleY(1) scaleX(1);transform:rotate(-12deg) translateY(0) scaleY(1) scaleX(1)}}
@keyframes xpBounceR{0%{transform:rotate(-12deg) translateY(0) scaleY(1) scaleX(1)}20%{transform:rotate(-16deg) translateY(11px) scaleY(.8) scaleX(1.16)}38%{transform:rotate(-8deg) translateY(-6px) scaleY(1.14) scaleX(.9)}54%{transform:rotate(-13deg) translateY(4px) scaleY(.92) scaleX(1.06)}68%{transform:rotate(-11deg) translateY(-2px) scaleY(1.04) scaleX(.98)}82%{transform:rotate(-12deg) translateY(1px) scaleY(.99) scaleX(1.01)}100%{transform:rotate(-12deg) translateY(0) scaleY(1) scaleX(1)}}
@-webkit-keyframes xpNipple{0%,100%{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:.9}50%{-webkit-transform:translateX(-50%) scale(1.35);transform:translateX(-50%) scale(1.35);opacity:1}}
@keyframes xpNipple{0%,100%{transform:translateX(-50%) scale(1);opacity:.9}50%{transform:translateX(-50%) scale(1.35);opacity:1}}
.xp-rcm-label{color:rgba(255,255,255,.6);font-size:12px;letter-spacing:.15em;font-family:'Courier New',monospace;text-transform:uppercase;white-space:nowrap}
/* ── Clock spinner ─────────────────────────────────────────────────── */
.xp-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;z-index:10;pointer-events:none}
.xp-clock{position:relative;width:72px;height:72px;border-radius:50%;background:rgba(0,0,0,.45);border:3px solid rgba(255,255,255,.9);animation:xpClockPulse .9s cubic-bezier(.4,0,.2,1) infinite}
@keyframes xpClockPulse{0%,100%{border-color:rgba(255,255,255,.9)}50%{border-color:rgba(255,255,255,.2)}}
.xp-ticks{position:absolute;inset:0;border-radius:50%}
.xp-ticks::before{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.5) 0deg,rgba(255,255,255,.5) 1.5deg,transparent 1.5deg,transparent 6deg);mask-image:radial-gradient(circle,transparent 87%,black 88%);-webkit-mask-image:radial-gradient(circle,transparent 87%,black 88%)}
.xp-ticks::after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.95) 0deg,rgba(255,255,255,.95) 4deg,transparent 4deg,transparent 30deg);mask-image:radial-gradient(circle,transparent 78%,black 79%);-webkit-mask-image:radial-gradient(circle,transparent 78%,black 79%)}
.xp-clock::after{content:'';position:absolute;width:5px;height:5px;background:rgba(255,255,255,.9);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}
.xp-hand{position:absolute;bottom:50%;left:50%;transform-origin:bottom center;display:flex;flex-direction:column;align-items:center}
.xp-penis{display:flex;flex-direction:column;align-items:center;position:relative}
.xp-glans{width:var(--xw);height:calc(var(--xw)*.75);background:var(--xc);border-radius:calc(var(--xw)/2) calc(var(--xw)/2) 30% 30%;position:relative;box-shadow:0 -1px 4px rgba(0,0,0,.3)}
.xp-glans::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:110%;height:2px;background:rgba(0,0,0,.2);border-radius:2px}
.xp-shaft{width:calc(var(--xw)*.72);height:var(--xl);background:linear-gradient(90deg,rgba(0,0,0,.1) 0%,transparent 30%,rgba(255,255,255,.08) 60%,transparent 100%),var(--xc);border-radius:1px}
.xp-balls{display:flex;gap:2px;margin-top:-2px}
.xp-ball{width:calc(var(--xw)*.52);height:calc(var(--xw)*.52);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--xc) 70%,white),var(--xc));border-radius:50%}
.xp-hand-minute{--xc:rgba(255,255,255,.9);--xw:6px;--xl:18px;z-index:6;animation:xpSpinMin .9s cubic-bezier(.4,0,.2,1) infinite}
@keyframes xpSpinMin{0%{transform:translateX(-50%) rotate(0deg)}8%{transform:translateX(-50%) rotate(15deg)}18%{transform:translateX(-50%) rotate(25deg)}100%{transform:translateX(-50%) rotate(360deg)}}
.xp-hand-hour{--xc:rgba(255,255,255,.65);--xw:9px;--xl:10px;z-index:5;animation:xpSpinHr 12s linear infinite}
.xp-hand-hour .xp-ball{width:calc(var(--xw)*.9);height:calc(var(--xw)*.9)}
@keyframes xpSpinHr{from{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(360deg)}}
.xp-spinner-text{color:rgba(255,255,255,.75);font-size:10px;letter-spacing:.35em;text-transform:uppercase;font-family:'Courier New',monospace}
@media(max-width:500px){.xp-big-play{width:clamp(44px,14.4vw,72px);height:clamp(44px,14.4vw,72px)}.xp-big-play svg{width:clamp(20px,6.4vw,32px);height:clamp(20px,6.4vw,32px)}.xp-clock{width:clamp(44px,14.4vw,72px);height:clamp(44px,14.4vw,72px)}.xp-spinner{gap:clamp(8px,2.8vw,14px)}}
.xp-no-clock .xp-clock{display:none}
/* ── Button tooltips ────────────────────────────────────────── */
.xp-tooltip{position:absolute;background:rgba(0,0,0,.85);color:#fff;font-size:11px;padding:4px 8px;border-radius:3px;white-space:nowrap;pointer-events:none;z-index:30;opacity:0;-webkit-transition:opacity .15s;transition:opacity .15s;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.xp-tooltip.xp-tooltip-on{opacity:1}
/* ── Action buttons: Избранные / Смотреть позже (desktop only) ────── */
.xp-actions{display:none;position:absolute;top:10px;left:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:2px;z-index:4;pointer-events:none;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
@media(hover:hover){.xp-actions{display:-webkit-box;display:-ms-flexbox;display:flex}}
.xp-player:hover .xp-actions,.xp-player.xp-paused .xp-actions{opacity:1}
.xp-action-btn{background:none;border:none;cursor:pointer;padding:5px 6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;border-radius:4px;pointer-events:auto;text-decoration:none;outline:none;-webkit-transition:background .15s;transition:background .15s}
.xp-action-btn:hover{background:rgba(0,0,0,.4)}
.xp-action-btn[disabled]{opacity:.5;cursor:default;pointer-events:none}
.xp-action-btn svg{width:22px;height:22px;fill:rgba(255,255,255,.72);-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.85));filter:drop-shadow(0 1px 2px rgba(0,0,0,.85));-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill .15s;transition:fill .15s}
.xp-action-btn:hover svg{fill:#fff}
.xp-action-btn .xp-icon-on{display:none}
.xp-action-btn.xp-active .xp-icon-off{display:none}
.xp-action-btn.xp-active .xp-icon-on{display:block}
/* 1st button (Избранные) — красный */
.xp-actions .xp-action-btn:first-child.xp-active svg{fill:#e44}
.xp-actions .xp-action-btn:first-child:hover svg{fill:#ff7777}
.xp-actions .xp-action-btn:first-child.xp-active:hover svg{fill:#ff4444}
/* 2nd button (Смотреть позже) — золотой */
.xp-actions .xp-action-btn:nth-child(2).xp-active svg{fill:#f5c50a}
.xp-actions .xp-action-btn:nth-child(2):hover svg{fill:#ffe066}
.xp-actions .xp-action-btn:nth-child(2).xp-active:hover svg{fill:#ffd000}
/* Hover label */
.xp-action-label{font-size:12px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.9);max-width:0;overflow:hidden;margin-left:0;-webkit-transition:max-width .2s,margin-left .2s;transition:max-width .2s,margin-left .2s}
.xp-action-btn:hover .xp-action-label{max-width:160px;margin-left:5px}
/* Post-click message */
.xp-actions-msg{font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);white-space:nowrap;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;pointer-events:none;margin-top:2px;margin-left:6px}
.xp-actions-msg.xp-msg-on{opacity:1}
/* ── Skin switcher button ──────────────────────────────────── */
.xp-skin-btn svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.xp-skin-btn:hover svg{transform:rotate(30deg)}
.xp-player[data-xp-skin="neon"] .xp-skin-btn svg{fill:#00f0ff;filter:drop-shadow(0 0 4px #00f0ff)}