:root{
--pmsyt-unit: 1vw;
--bg:#f7fafc;
--card:#ffffff;
--fg:#1f2937;
--muted:#5b6b7a;
--line:#e6eaf0;
--accent:#00a66b;
--accent-weak:#bff1de;
--ring: rgba(0,166,107,.25);
--rad:10px;
--gap:1rem;
--shadow-s:0 2px 8px rgba(0,0,0,.06);
--shadow-m:0 8px 24px rgba(0,0,0,.08);
--thumb-h:92px;
--background:var(--bg);
--pmsyt-radius-outer: calc(var(--pmsyt-unit) * 1.2);
--pmsyt-radius-inner: calc(var(--pmsyt-unit) * 0.8);
--pmsyt-radius-pill: calc(var(--pmsyt-unit) * 2);
--pmsyt-radius-thumb: calc(var(--pmsyt-unit) * 0.7);
--pmsyt-shadow-main: 0 calc(var(--pmsyt-unit) * 1.2) calc(var(--pmsyt-unit) * 3.5) rgba(0,0,0,0.55);
--pmsyt-shadow-cover: 0 calc(var(--pmsyt-unit) * 1.2) calc(var(--pmsyt-unit) * 3) rgba(0,0,0,0.45);
--pmsyt-shadow-btn: 0 calc(var(--pmsyt-unit) * 0.5) calc(var(--pmsyt-unit) * 1.2) rgba(0,0,0,0.4);
--pmsyt-shadow-btn-strong: 0 calc(var(--pmsyt-unit) * 0.9) calc(var(--pmsyt-unit) * 2.2) rgba(0,0,0,0.6);
--pmsyt-color-bg-main: radial-gradient(circle at 10% 0, #1f2937 0, #050816 55%);
--pmsyt-color-bg-cover-fallback: radial-gradient(circle at 0 0, #111827 0, #020617 55%);
--pmsyt-color-overlay-hover: radial-gradient(circle at 50% 50%, rgba(15,23,42,0.25), transparent 60%);
--pmsyt-color-text-main: #e5e7eb;
--pmsyt-color-text-strong: #f9fafb;
--pmsyt-color-accent: #22c55e;
--pmsyt-color-accent-2: #0ea5e9;
--pmsyt-color-border-soft: rgba(148,163,184,0.5);
--pmsyt-progress-height: calc(var(--pmsyt-unit) * 0.35);
--pmsyt-control-size: calc(var(--pmsyt-unit) * 1.8);
--pmsyt-gap-controls: calc(var(--pmsyt-unit) * 0.6);
--pmsyt-volume-width: calc(var(--pmsyt-unit) * 4.5);
--pmsyt-volume-height: calc(var(--pmsyt-unit) * 0.25);
--pmsyt-font-size-base: calc(var(--pmsyt-unit) * 0.9);
--pmsyt-cover-play-size: calc(var(--pmsyt-unit) * 4.5);
--pmsyt-cover-play-triangle-base: calc(var(--pmsyt-unit) * 1.3);
--pmsyt-cover-play-triangle-height: calc(var(--pmsyt-unit) * 0.9);
}
@media (max-width: 1024px) {
:root{
--pmsyt-unit: 2vw;
}
}
@media (max-width: 480px) {
:root{
--pmsyt-unit: 4vw;
}
}
.card{
background:var(--card);
border:1px solid var(--line);
border-radius:var(--rad);
box-shadow:var(--shadow-s);
}
.ytacf-glare{
position:absolute;
inset:0;
background:linear-gradient(120deg, rgba(255,255,255,.0) 40%, rgba(255,255,255,.35) 60%, rgba(255,255,255,0) 80%);
transform:translateX(-120%);
transition:transform .6s ease;
mix-blend-mode:screen;
pointer-events:none;
}
a:hover .ytacf-glare{
transform:translateX(0);
}
.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
} .ytacf-grid{
display:grid;
grid-template-columns:1fr;
gap:var(--gap);
}
.ytacf-side{
position:relative;
}
.ytacf-list{
display:flex;
flex-direction:column;
gap:.65rem;
padding:.5rem;
overflow:auto;
scroll-behavior:smooth;
scrollbar-width:thin;
}
.ytacf-list::-webkit-scrollbar{
height:10px;
width:10px;
}
.ytacf-list::-webkit-scrollbar-thumb{
background:#dbe3ea;
border-radius:999px;
}
.ytacf-fade{
position:sticky;
bottom:0;
height:26px;
background:linear-gradient(to bottom, rgba(255,255,255,0), var(--card));
border-bottom-left-radius:var(--rad);
border-bottom-right-radius:var(--rad);
pointer-events:none;
}
.ytacf-item{
display:grid;
grid-template-columns:40% 1fr;
gap:.75rem;
align-items:center;
padding:.5rem;
border:1px solid var(--line);
border-radius:8px;
background:#fff;
transition:
transform .12s ease,
box-shadow .12s ease,
border-color .12s ease;
}
.ytacf-item:hover{
transform:translateY(-1px);
box-shadow:var(--shadow-m);
border-color:#d9e1ea;
}
.ytacf-item.is-active{
outline:2px solid var(--accent);
outline-offset:0;
}
.ytacf-thumb{
position:relative;
border-radius:8px;
overflow:hidden;
isolation:isolate;
}
.ytacf-thumb img{
display:block;
width:100%;
height:100%;
object-fit:cover;
aspect-ratio:16/9;
}
.ytacf-badge{
position:absolute;
left:.5rem;
top:.5rem;
background:var(--accent);
color:#fff;
font-weight:800;
font-size:.7rem;
padding:.2rem .5rem;
border-radius:999px;
box-shadow:0 8px 18px rgba(0,166,107,.25);
text-transform:uppercase;
letter-spacing:.25px;
}
.ytacf-meta{
display:flex;
flex-direction:column;
gap:.2rem;
min-width:0;
}
.ytacf-item-title{
color:var(--fg);
font-size:.95rem;
margin:0;
line-height:1.3;
}
.ytacf-item-date{
color:var(--muted);
font-size:.82rem;
}
.ytacf-player-media{
position:relative;
aspect-ratio:16/9;
background:#000;
border-bottom:1px solid var(--line);
}
.ytacf-now{
display:flex;
gap:.75rem;
align-items:center;
justify-content:space-between;
padding:.8rem 1rem;
}
.ytacf-now-title{
color:var(--fg);
font-weight:700;
text-decoration:none;
line-height:1.25;
display:block;
flex:1;
}
.ytacf-now-title:hover{
text-decoration:underline;
}
.ytacf-now-date{
color:var(--muted);
font-size:.9rem;
white-space:nowrap;
margin-left:1rem;
}
@media (min-width:768px){
.ytacf-grid{grid-template-columns:2fr 1fr;}
[data-player]{order:1;}
[data-side]{order:2;}
}
@media (max-width:767.98px){
[data-side]{order:1;}
[data-player]{order:2;}
.ytacf-list{padding-bottom:.25rem;}
} .pmswt-post-header-wrap{
position:relative;
}
.pmswt-post-hero{
position:relative;
background-size:cover;
background-position:center;
color:#fff;
display:flex;
align-items:center;
} .pmswt-post-hero::before,
.pmswt-post-hero::after{
content:"";
position:absolute;
top:0;
bottom:0;
width:80px;
pointer-events:none;
z-index:1;
}
.pmswt-post-hero::before{
left:0;
background:linear-gradient(to right, rgba(0,0,0,.85), transparent);
}
.pmswt-post-hero::after{
right:0;
background:linear-gradient(to left, rgba(0,0,0,.85), transparent);
}
.pmswt-post-hero-overlay{
position:absolute;
inset:0;
}
.pmswt-post-hero-inner{
position:relative;
z-index:2;
max-width:960px;
margin:0 auto;
padding:3rem 1.5rem;
display:flex;
align-items:center;
justify-content:space-between;
gap:2rem;
}
.pmswt-post-hero-main{
max-width:640px;
}
.pmswt-post-hero-cat{
font-size:.8rem;
text-transform:uppercase;
letter-spacing:.08em;
opacity:.9;
margin-bottom:.5rem;
}
.pmswt-post-hero-title{
font-size:clamp(1.8rem,3vw,2.4rem);
line-height:1.2;
margin:0 0 .75rem;
}
.pmswt-post-hero-meta,
.pmswt-post-player-meta{
font-size:.9rem;
opacity:.85;
display:flex;
align-items:center;
gap:.45rem;
}
.pmswt-post-hero-play{
width:96px;
height:96px;
border-radius:50%;
border:2px solid rgba(255,255,255,.85);
background:rgba(0,0,0,.2);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
transition:
transform .15s ease,
box-shadow .15s ease,
background .15s ease;
}
.pmswt-post-hero-play:hover{
transform:translateY(-2px);
box-shadow:0 10px 30px rgba(0,0,0,.35);
background:rgba(0,0,0,.35);
}
.pmswt-post-hero-play-icon{
width:0;
height:0;
border-top:14px solid transparent;
border-bottom:14px solid transparent;
border-left:22px solid #fff;
margin-left:4px;
}
.pmswt-post-player{
margin-top:1.5rem;
}
.pmswt-post-player-frame iframe{
width:100%;
aspect-ratio:16/9;
}
.pmswt-post-player-header{
padding:1rem 0;
}
.pmswt-post-player-title{
font-size:1.4rem;
margin:0 0 .35rem;
}
.pmswt-post-player-title a{
text-decoration:none;
color:inherit;
}
.pmswt-post-player-title a:hover{
text-decoration:underline;
}
.pmswt-is-hidden{
display:none;
} .pmswt-player{
position:relative;
width:100%;
aspect-ratio:16/9;
background:#000;
overflow:hidden;
}
.pmswt-player-inner{
width:100%;
height:100%;
position:relative;
}
.pmswt-player-cover{
position:absolute;
inset:0;
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
transition:opacity .25s ease-out, visibility .25s ease-out;
z-index:2;
}
.pmswt-player-cover--hidden{
opacity:0;
visibility:hidden;
}
.pmswt-player-play{
border:none;
border-radius:999px;
padding:0;
width:72px;
height:72px;
background:rgba(0,0,0,.55);
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
}
.pmswt-player-play-icon{
width:0;
height:0;
border-top:12px solid transparent;
border-bottom:12px solid transparent;
border-left:18px solid #fff;
margin-left:4px;
}
.pmswt-player-iframe-wrap{
position:relative;
width:100%;
height:100%;
z-index:1;
} .pmswt-new-badge{
display:inline-flex;
align-items:center;
padding:.2rem .6rem;
border-radius:999px;
font-size:.7rem;
font-weight:700;
text-transform:uppercase;
letter-spacing:.06em;
}
.pmswt-badge-new{
background:#00a66b;
color:#fff;
}
.pmswt-badge-continue{
background:#111827;
color:#f9fafb;
}  .pmsyt-save-toggle__icon-saved {
display: none;
} .pmsyt-save-toggle[data-saved="1"] .pmsyt-save-toggle__icon-unsaved {
display: none;
}
.pmsyt-save-toggle[data-saved="1"] .pmsyt-save-toggle__icon-saved {
display: inline-flex;
}
.pmsyt-save-toggle__inner {
display: inline-flex;
align-items: center;
gap: var(--pmsyt-save-gap, 8px);
} .pmsyt-save-toggle--icon-left .pmsyt-save-toggle__inner {
flex-direction: row;
}
.pmsyt-save-toggle--icon-right .pmsyt-save-toggle__inner {
flex-direction: row-reverse;
}
.pmsyt-save-toggle--icon-top .pmsyt-save-toggle__inner {
flex-direction: column;
}
.pmsyt-save-toggle--icon-bottom .pmsyt-save-toggle__inner {
flex-direction: column-reverse;
} #pmsyt-continue-root {
min-width: 260px;
max-width: 420px;
max-height: 70vh;
overflow-y: auto;
}
.pmsyt-continue-header {
padding: 8px 12px;
border-bottom: 1px solid rgba(0,0,0,0.06);
}
.pmsyt-continue-header h3 {
font-size: 14px;
margin: 0;
}
#pmsyt-continue-list {
padding: 8px;
}
.pmsyt-empty {
font-size: 13px;
margin: 0;
opacity: 0.7;
} .pmsyt-continue-item {
display: flex;
align-items: flex-start;
gap: 8px;
text-decoration: none;
color: inherit;
border-radius: 8px;
padding: 6px;
margin-bottom: 4px;
transition: background 0.15s ease, transform 0.15s ease;
}
.pmsyt-continue-item:hover {
background: rgba(0,0,0,0.04);
transform: translateY(-1px);
}
.pmsyt-continue-thumb {
flex: 0 0 80px;
border-radius: 6px;
overflow: hidden;
background: #eee;
}
.pmsyt-continue-thumb img {
display: block;
width: 100%;
height: auto;
}
.pmsyt-continue-body {
flex: 1 1 auto;
min-width: 0;
}
.pmsyt-continue-title {
font-size: 13px;
font-weight: 600;
margin: 0 0 4px;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.pmsyt-continue-meta {
font-size: 11px;
opacity: 0.8;
display: flex;
align-items: center;
gap: 6px;
}
.pmsyt-continue-status {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0.04em;
} .pmsyt-channel-stats {
text-decoration: none;
display: inline-block;
}
.pmsyt-channel-stats__inner {
display: flex;
flex-direction: column;
}
.pmsyt-channel-stats__title {
display: block;
}
.pmsyt-channel-stats__metrics {
display: flex;
}
.pmsyt-channel-stats--row .pmsyt-channel-stats__metrics {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.pmsyt-channel-stats--column .pmsyt-channel-stats__metrics {
flex-direction: column;
}
.pmsyt-channel-stats__metric {
display: inline-flex;
align-items: center;
}
.pmsyt-channel-stats__metric-icon {
display: inline-flex;
} .show-video-transcript {
width: 55%;
overflow-y: auto;
max-height: calc(var(--pmsyt-unit) * 7);
box-shadow: var(--shadow-s);
}
.pmsyt-transcript-loaded {
}
.show-video-transcript .pmsyt-transcript-line {
display: flex;
gap: 0.5rem;
cursor: pointer;
transition: background-color 0.15s ease, color 0.15s ease;
}
.show-video-transcript .pmsyt-transcript-line:hover {
background-color: rgba(148, 163, 184, 0.15);
}
.show-video-transcript .pmsyt-transcript-line.is-active {
background-color: rgba(56, 189, 248, 0.25); border-left: 3px solid rgb(56, 189, 248);
}
.show-video-transcript .pmsyt-transcript-time {
flex: 0 0 auto;
font-family: monospace;
opacity: 0.7;
}
.show-video-transcript .pmsyt-transcript-text {
flex: 1 1 auto;
}
@media (max-width: 1024px) {
.show-video-transcript {
width: 100%;
}
}  .pmsyt-history-popup-target .pmsyt-header .pmsyt-wrapper:nth-child(odd) {
display: none!Important;
}