.ycc-root{aspect-ratio:16/9;width:100%;position:relative}.ycc{color:#eef8f8;isolation:isolate;background:#061316;border-radius:20px;outline:none;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #67e8eb2e,0 40px 90px -40px #063a47a8,0 18px 40px -24px #000000b0;container-type:inline-size}.ycc:focus-visible{box-shadow:0 0 0 2px #dcf7f6,0 40px 90px -40px #063a47a8}.ycc-stage{position:absolute;inset:0;container-type:inline-size}.ycc-backdrop,.ycc-scene,.ycc-frame{width:100%;height:100%;position:absolute;inset:0}.ycc-scene{transform-origin:50% 45%;will-change:transform, opacity}.ycc-scene-inner{transform-origin:50% 88%;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.ycc-scene-inner[data-headline]{transform:scale(.86)}@media (prefers-reduced-motion:reduce){.ycc-scene-inner{transition:none}}.ycc-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ycc-overlay{pointer-events:none;position:absolute;inset:0}.ycc-backdrop{pointer-events:none}.ycc:after{content:"";pointer-events:none;z-index:1;mix-blend-mode:normal;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#020708cc 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.ycc-label{letter-spacing:-.01em;white-space:normal;text-wrap:balance;line-height:1.16;position:absolute}.ycc-f-sans{font-family:var(--font-sans)}.ycc-f-heading{font-family:var(--font-heading);letter-spacing:-.025em}.ycc-f-mono{font-family:var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums}.ycc-f-serif{font-family:var(--font-display-serif), Georgia, serif;letter-spacing:0;font-style:italic}.ycc-track{text-transform:uppercase;letter-spacing:.16em}.ycc-title{line-height:1.04}.ycc-chip{white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:.38em .85em;line-height:1.1;display:inline-block}.ycc-screen{z-index:2;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:84%;font:800 clamp(11px, 1.9cqw, 30px)/1.2 var(--font-heading);letter-spacing:-.01em;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071a1eb3;border-radius:999px;padding:.35em .9em;position:absolute;top:4.2%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 0 1px #67e8eb40}.ycc-captions{z-index:3;pointer-events:none;width:min(88%,1100px);transition:bottom .25s var(--sx-ease,ease);justify-content:center;display:flex;position:absolute;bottom:5.5%;left:50%;transform:translate(-50%)}.ycc:not(.is-idle) .ycc-captions{bottom:17%}.ycc-captions p{text-align:center;text-wrap:balance;font:600 clamp(12px, 2.05cqw, 30px)/1.38 var(--font-sans);color:#b5d6d8a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:ycc-cap-in .35s var(--sx-ease,ease) both;background:#040b0db8;border-radius:12px;margin:0;padding:.45em .85em;box-shadow:inset 0 0 0 1px #ffffff12}.ycc-captions span{transition:color .18s linear}.ycc-captions span.is-lit{color:#fff}.ycc-captions span.is-em{color:#f4c76acc}.ycc-captions span.is-em.is-lit{color:#f4c76a}@keyframes ycc-cap-in{0%{opacity:0;transform:translateY(6px)}}.ycc-poster{z-index:4;cursor:pointer;color:inherit;text-align:left;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:radial-gradient(34% 44%,#040b0db3,#0000 75%),linear-gradient(#040b0d33 0%,#040b0d80 60%,#040b0de6 100%);border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.ycc-poster-meta{gap:.5cqw;display:grid;position:absolute;bottom:8%;left:4.5%;right:30%}.ycc-poster-kicker{font:700 clamp(9px, 1.15cqw, 15px)/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#67e8eb}.ycc-poster-title{font:800 clamp(16px, 3.3cqw, 46px)/1.05 var(--font-heading);letter-spacing:-.03em;color:#fff;text-wrap:balance}.ycc-poster-hook{font:500 clamp(11px, 1.55cqw, 20px)/1.4 var(--font-sans);color:#b5d6d8;text-wrap:pretty}.ycc-poster-foot{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:28%;display:flex;position:absolute;bottom:8%;right:4.5%}.ycc-pill{font:600 clamp(9px, 1.05cqw, 13px)/1 var(--font-mono);color:#dcf7f6;white-space:nowrap;background:#ffffff14;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f}.ycc-pill--gold{color:#f4c76a;background:#f4c76a1f;box-shadow:inset 0 0 0 1px #f4c76a55}.ycc-bigplay{aspect-ratio:1;color:#03201f;width:clamp(52px,8.5cqw,104px);transition:transform .3s var(--sx-ease,ease);background:linear-gradient(135deg,#fff,#b0faf4);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 0 8px #67e8eb26,0 20px 50px -10px #67e8ebaa}.ycc-bigplay:after{content:"";animation:ycc-ring 2.2s var(--sx-ease,ease) infinite;border:2px solid #67e8eb;border-radius:50%;position:absolute;inset:-8px}.ycc-poster:hover .ycc-bigplay{transform:scale(1.06)}@keyframes ycc-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@media (prefers-reduced-motion:reduce){.ycc-bigplay:after{animation:none}}@container (max-width:520px){.ycc-poster-hook,.ycc-poster-foot{display:none}.ycc-poster-meta{right:6%}}.ycc-hit{z-index:2;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.ycc.is-idle,.ycc.is-idle .ycc-hit{cursor:none}.ycc-unmute{z-index:5;font:700 clamp(10px, 1.2cqw, 14px)/1 var(--font-sans);color:#03201f;animation:ycc-cap-in .5s .6s var(--sx-ease,ease) both;background:#dcf7f6;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex;position:absolute;top:5%;right:3%;box-shadow:0 10px 30px -10px #67e8eb}.ycc-end{z-index:5;text-align:center;animation:ycc-cap-in .5s var(--sx-ease,ease) both;background:radial-gradient(60% 70%,#0f2e34e6,#040b0df2);place-content:center;justify-items:center;gap:10px;padding:6%;display:grid;position:absolute;inset:0}.ycc-end-kicker{font:700 clamp(9px, 1.1cqw, 13px)/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#f4c76a}.ycc-end-title{font:800 clamp(16px, 3cqw, 40px)/1.1 var(--font-heading);letter-spacing:-.03em;text-wrap:balance;max-width:22ch}.ycc-end-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.ycc-btn,.ycc-end-actions a{min-height:40px;font:700 clamp(11px, 1.3cqw, 15px)/1 var(--font-sans);color:#eef8f8;background:#ffffff14;border-radius:999px;align-items:center;gap:8px;padding:0 16px;transition:background .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff26}.ycc-btn:hover,.ycc-end-actions a:hover{background:#ffffff24}.ycc-end-actions .ycc-btn--primary{color:#03201f;background:linear-gradient(135deg,#fff,#b0faf4);box-shadow:0 12px 30px -12px #67e8eb}.ycc-controls{z-index:6;transition:opacity .3s var(--sx-ease,ease), transform .3s var(--sx-ease,ease);background:linear-gradient(#0000,#02070899 45%,#020708e6);padding:22px 14px 10px;position:absolute;bottom:0;left:0;right:0}.ycc.is-idle .ycc-controls,.ycc-controls.is-hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.ycc-scrub{cursor:pointer;touch-action:none;align-items:center;gap:3px;height:16px;display:flex}.ycc-seg{background:#ffffff2e;border-radius:4px;flex-basis:0;height:4px;transition:height .15s;position:relative;overflow:hidden}.ycc-scrub:hover .ycc-seg{height:7px}.ycc-seg>i{transform-origin:0;background:linear-gradient(90deg,#dcf7f6,#67e8eb);position:absolute;inset:0}.ycc-seg.has-chapter:before{content:"";z-index:1;background:#f4c76a;width:2px;position:absolute;top:0;bottom:0;left:0}.ycc-bar{align-items:center;gap:4px;min-width:0;margin-top:4px;display:flex}.ycc-icon,.ycc-speed{color:#b5d6d8;border-radius:10px;place-items:center;min-width:34px;height:34px;padding:0 6px;transition:background .2s,color .2s;display:inline-grid}.ycc-icon:hover,.ycc-speed:hover{color:#fff;background:#ffffff17}.ycc-icon.is-on{color:#fff}.ycc-icon:focus-visible,.ycc-speed:focus-visible,.ycc-btn:focus-visible{outline-offset:1px;outline:2px solid #dcf7f6}.ycc-speed{font:700 12px/1 var(--font-mono)}.ycc-time{font:600 12px/1 var(--font-mono);color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:4px}.ycc-time span{color:#9dbcbf}.ycc-chapter{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 12px/1 var(--font-sans);color:#b5d6d8;margin-left:10px;overflow:hidden}.ycc-chapter:before{content:"•";color:#f4c76a;margin-right:8px}.ycc-menu{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071a1ef2;border-radius:14px;min-width:min(250px,80cqw);max-height:max(90px,56.25cqw - 70px);padding:6px;position:absolute;bottom:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 0 0 1px #67e8eb33,0 20px 50px -20px #000}.ycc-menu button{text-align:left;width:100%;font:600 13px/1.3 var(--font-sans);color:#dcf7f6;border-radius:9px;align-items:baseline;gap:10px;padding:8px 10px;display:flex}.ycc-menu button:hover,.ycc-menu button.is-on{background:#67e8eb1f}.ycc-menu button span{font:700 11px/1 var(--font-mono);color:#f4c76a}.ycc-menu button em{font:500 11px/1 var(--font-mono);color:#9dbcbf;margin-left:auto;font-style:normal}@container (max-width:560px){.ycc-chapter,.ycc-speed{display:none}.ycc-controls{padding:16px 8px 6px}.ycc-icon{min-width:30px;height:30px}}.ycc.is-floating{aspect-ratio:16/9;z-index:70;width:min(400px,100vw - 32px);height:auto;animation:ycc-float-in .35s var(--sx-ease,ease) both;border-radius:16px;position:fixed;inset:auto 16px 16px auto;box-shadow:0 0 0 1px #67e8eb55,0 30px 70px -20px #000c}@keyframes ycc-float-in{0%{opacity:0;transform:translateY(20px)scale(.96)}}.ycc.is-floating .ycc-chapter,.ycc.is-floating .ycc-speed,.ycc.is-floating .ycc-screen,.ycc.is-floating .ycc-chapters{display:none}.ycc-float-close{z-index:7;color:#fff;background:#020708b3;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;right:8px}@media (max-width:640px){.ycc.is-floating{inset:auto 10px calc(10px + env(safe-area-inset-bottom) + 64px) auto;width:min(260px,100vw - 20px)}}.ycc.is-theater,.ycc:fullscreen{z-index:100;box-shadow:none;background:#000;border-radius:0;place-items:center;display:grid;position:fixed;inset:0}.ycc.is-theater .ycc-stage,.ycc:fullscreen .ycc-stage{aspect-ratio:16/9;width:min(100vw,177.78vh);position:relative;inset:auto;container-type:inline-size}.ycc:fullscreen .ycc-controls,.ycc.is-theater .ycc-controls{padding-left:max(14px,50vw - 88.89vh + 14px);padding-right:max(14px,50vw - 88.89vh + 14px)}.ycc-loading{background:radial-gradient(60% 70% at 25% 20%,#063a4755,#0000 70%),#061316;border-radius:20px;box-shadow:0 0 0 1px #67e8eb2e}
