.csd-player{border-radius:var(--r-md,18px);color:#fff;background:#0a0a0a;border:0;width:min(1100px,100vw - 32px,177.778vh - 302.222px);max-width:none;height:fit-content;max-height:calc(100vh - 32px);margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.csd-player::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d1}.csd-player[open]{animation:csd-pop .35s var(--ease)}@keyframes csd-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}.csd-player-head{align-items:center;gap:14px;padding:14px 16px 14px 20px;display:flex}.csd-player-head b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.csd-player-n{font-family:var(--mono);color:#9a9a9a;font-size:12px}.csd-player button{width:40px;height:40px;font:inherit;color:#fff;cursor:pointer;background:0 0;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background-color .2s,border-color .2s;display:inline-flex}.csd-player button:hover{color:#0a0a0a;background:#fff;border-color:#fff}.csd-player-x{font-size:22px!important}.csd-player-frame{aspect-ratio:16/9;background:#000;position:relative}.csd-player-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.csd-player-foot{justify-content:space-between;align-items:center;gap:16px;padding:12px 16px 14px 20px;display:flex}.csd-player-nav{gap:8px;display:inline-flex}.csd-player-foot a{color:#fff;text-underline-offset:3px;margin-left:auto;font-size:13px;font-weight:700;text-decoration:underline}@media (max-width:700px){.csd-player{border-radius:0;width:100vw}}@media (prefers-reduced-motion:reduce){.csd-player[open]{animation:none}}