@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&display=swap');
:root{--bg:#070d16;--violet:#89dfe9;--pink:#a797e8;--muted:#9baabf;--glass:linear-gradient(125deg,#b7deff0b,#91aed303)}
.ambient{background:radial-gradient(ellipse at 90% 20%,#1f748a22,transparent 55%),radial-gradient(ellipse at 5% 70%,#53468812,transparent 50%)}
.header{background:linear-gradient(#060d18ed,#070d1600)}
.header>.brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:39px;letter-spacing:-1.5px;position:relative;padding:12px 15px;isolation:isolate}
.header>.brand:after{content:'';position:absolute;inset:0;border-radius:22px;border:1px solid #7be7ed35;box-shadow:0 0 15px #74dce014;pointer-events:none;animation:brand-glow 5s ease-in-out infinite}
.header>.brand:before{content:'';position:absolute;width:5px;height:5px;background:#a2f6ff;border-radius:50%;left:12%;top:0;box-shadow:0 0 12px #8eefff;animation:brand-trail 7s ease-in-out infinite;pointer-events:none}
.brand-mark{color:#94e1ef;filter:drop-shadow(0 0 10px #71defa45)}.brand-animes{font-family:Outfit,sans-serif;font-size:9px;letter-spacing:6px;color:#adbed2}
.btn{background:linear-gradient(115deg,#a7ebec,#88b7f4);color:#061a29;box-shadow:0 8px 35px #5ba4c81c;border-radius:12px}.btn.secondary{color:#e4efff;background:#a3c7ff09;border-color:#bddcff25}
.control{background:#101b2a;color:#e3efff}.avatar{background:linear-gradient(130deg,#315b73,#252844);border-color:#90dded40}
.hero{isolation:isolate}.hero:before{background:linear-gradient(90deg,#070d16fa 2%,#070d16c7 42%,#070d1630),linear-gradient(0deg,var(--bg),transparent 70%)}
.live-hero .hero-art{filter:blur(14px) saturate(.65) brightness(.65);transform:scale(1.06);object-position:center 35%}.hero-poster{position:absolute;right:12%;top:18%;height:62%;width:26%;object-fit:cover;object-position:top;border-radius:22px;box-shadow:0 30px 90px #0009;border:1px solid #d4f4ff30;z-index:-1;transform:rotate(3deg)}
.live-hero .hero-copy{max-width:58%;width:720px}.live-hero h1{font-size:clamp(32px,4vw,62px);line-height:1.08;letter-spacing:-1.8px;text-wrap:balance}.hero-controls{position:absolute;left:5%;bottom:100px;display:flex;align-items:center;gap:16px;color:#a8bbd0;font-size:12px}.hero-arrow,.hero-toggle{border:1px solid #c0e4ff29;background:#0e1d2eaa;backdrop-filter:blur(12px);border-radius:50%;width:37px;height:37px}.hero-toggle{border-radius:20px;width:auto;padding:0 16px;font-size:11px}
.poster{border-radius:16px;background:#101c2b}.card .badge{background:#071322bf}.section-head h2{font-weight:600}.progress-track{height:3px;background:#ffffff19;border-radius:4px;overflow:hidden;margin-top:10px}.progress-track>span{height:100%;display:block;background:linear-gradient(90deg,#70e1df,#aa9cee)}.resume-info{font-size:11px!important;color:#91c3d9!important;margin-top:7px!important}.resume-tip{color:#a7d6e7!important}.skip-tools{display:flex;gap:10px;flex-wrap:wrap;padding:14px 0;align-items:center}.skip-tools small{color:var(--muted);font-size:12px}.skip-tools .btn{padding:9px 14px;font-size:12px}.player-shell{box-shadow:0 20px 75px #0005}.glass-strip{background:linear-gradient(110deg,#5594af16,#8276bf09)}
@keyframes brand-glow{50%{border-color:#a59be96b;box-shadow:0 0 22px #70cae324}}@keyframes brand-trail{50%{left:87%;background:#b4a7ff;box-shadow:0 0 15px #b4a7ff}}
@media(max-width:700px){.header>.brand{font-size:32px;padding:8px}.header .brand-mark{font-size:28px}.brand-animes{font-size:8px;letter-spacing:5px}.live-hero{min-height:660px;padding-bottom:165px}.live-hero .hero-copy{max-width:100%}.live-hero h1{font-size:34px;max-width:95%}.hero-poster{right:7%;top:15%;height:34%;width:35%;opacity:.5;z-index:-2}.live-hero:before{background:linear-gradient(0deg,#070d16 10%,#070d16c4 58%,#070d1644)}.hero-controls{bottom:100px;left:6%}.header nav{background:#0d1c2beb}.hero-copy>p{max-width:90%}.hero-art{opacity:.7}}
.live-hero{height:min(760px,88vh);min-height:600px;align-items:flex-end;padding-bottom:165px}
.live-hero .hero-art{filter:none;transform:none;object-fit:cover;object-position:center;opacity:1;width:100%;height:100%}
.live-hero:before{background:linear-gradient(90deg,#070d16dd 0%,#070d1666 48%,#070d1605 80%),linear-gradient(0deg,#070d16 0%,#070d16a8 18%,transparent 65%)}
.live-hero .hero-copy{max-width:64%;width:760px;text-shadow:0 3px 25px #0008}
.hero-poster{display:none}
@media(max-width:700px){.live-hero{height:78vh;min-height:610px;padding-bottom:155px}.live-hero .hero-copy{max-width:100%}.live-hero .hero-art{object-position:60% center}.live-hero:before{background:linear-gradient(0deg,#070d16 2%,#070d16b8 45%,#070d1622 90%)}.live-hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.header>.brand:before,.header>.brand:after{animation:none}}
/* Per-provider diagnostics stay below playback, including on narrow screens. */
.provider-status{margin:20px 0;padding:18px;border:1px solid #ffffff18;border-radius:16px;background:#101b2baa;color:#b8c8d8;font-size:.9rem}.provider-status summary{cursor:pointer;color:#dcecf7}.provider-status li{margin:10px 0}.provider-status p{max-width:75ch;line-height:1.6}.player-tools{flex-wrap:wrap}