:root{font-family:Arial Narrow,Arial,sans-serif;color:#f8fafc;background:radial-gradient(circle at top,rgba(14,165,233,.18),transparent 38%),linear-gradient(135deg,#020617,#111827,#1f2937);line-height:1.4;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{overflow:hidden}button{font:inherit}.player-shell,.player-state,.media-stage{width:100vw;height:100vh}.player-shell{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f172a99,#020617eb),radial-gradient(circle at center,rgba(56,189,248,.18),transparent 48%)}.player-shell__controls{position:absolute;right:24px;bottom:24px;z-index:6;opacity:1;transition:opacity .22s ease}.player-shell__controls--idle{opacity:.12}.player-shell__icon-button{width:56px;height:56px;border:1px solid rgba(148,163,184,.4);border-radius:18px;background:#0f172ab8;color:#f8fafc;font-size:28px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-shell__icon-button:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.player-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center}.player-state--centered{background:linear-gradient(180deg,#0f172acc,#020617f2),radial-gradient(circle at center,rgba(251,146,60,.16),transparent 42%)}.player-state__eyebrow,.player-overlay__eyebrow{margin:0;color:#38bdf8;font-size:13px;letter-spacing:.22em;text-transform:uppercase}.player-state__title,.player-overlay__title{margin:0;max-width:860px;font-size:clamp(32px,4vw,72px);line-height:.95;overflow-wrap:anywhere}.player-state__text,.player-overlay__text{margin:0;max-width:720px;color:#e2e8f0e0;font-size:clamp(16px,2vw,24px)}.player-state__button,.player-overlay__button{border:0;border-radius:999px;padding:14px 24px;background:linear-gradient(90deg,#38bdf8,#0ea5e9);color:#020617;font-weight:700;cursor:pointer}.player-overlay__button--secondary{border:1px solid rgba(148,163,184,.35);background:#0f172ab8;color:#f8fafc}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#020617b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5}.player-overlay__panel{display:flex;flex-direction:column;gap:16px;max-width:840px;padding:clamp(24px,4vw,48px);border:1px solid rgba(148,163,184,.2);border-radius:28px;background:linear-gradient(180deg,#0f172aeb,#0f172ab8);box-shadow:0 32px 80px #0f172a73}.player-overlay__actions{display:flex;flex-wrap:wrap;gap:12px}.media-stage{position:relative;overflow:hidden;background:#000}.media-stage__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transform:translateZ(0);transition:opacity .55s ease,transform .55s ease}.media-stage__media{width:100%;height:100%;object-fit:cover;display:block;background:#000}.media-stage__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,rgba(56,189,248,.18),transparent 42%),linear-gradient(180deg,#0f172af0,#020617)}.media-stage__fallback-card{max-width:820px;padding:clamp(28px,4vw,56px);border:1px solid rgba(148,163,184,.24);border-radius:28px;background:#0f172ab8;text-align:center;box-shadow:0 24px 60px #02061766}.media-stage__fallback-eyebrow{margin:0 0 12px;color:#38bdf8;font-size:13px;letter-spacing:.22em;text-transform:uppercase}.media-stage__fallback-title{margin:0;color:#f8fafc;font-size:clamp(32px,5vw,72px);line-height:.95}.media-stage__fallback-text{margin:16px 0 0;color:#e2e8f0e0;font-size:clamp(16px,2vw,24px)}.media-stage--active-primary .media-stage__layer--primary,.media-stage--active-secondary .media-stage__layer--secondary{z-index:2;opacity:1;transform:translateZ(0)}.media-stage--active-primary .media-stage__layer--secondary,.media-stage--active-secondary .media-stage__layer--primary{z-index:1}.media-stage--fade.media-stage--active-primary .media-stage__layer--secondary,.media-stage--fade.media-stage--active-secondary .media-stage__layer--primary,.media-stage--fade.media-stage--transitioning.media-stage--active-primary .media-stage__layer--primary,.media-stage--fade.media-stage--transitioning.media-stage--active-secondary .media-stage__layer--secondary{opacity:0}.media-stage--fade.media-stage--transitioning.media-stage--active-primary .media-stage__layer--secondary,.media-stage--fade.media-stage--transitioning.media-stage--active-secondary .media-stage__layer--primary{opacity:1;z-index:3}.media-stage--slide .media-stage__layer--primary,.media-stage--slide .media-stage__layer--secondary{opacity:1}.media-stage--slide.media-stage--active-primary .media-stage__layer--secondary,.media-stage--slide.media-stage--active-secondary .media-stage__layer--primary{transform:translate3d(100%,0,0)}.media-stage--slide.media-stage--transitioning.media-stage--active-primary .media-stage__layer--primary{transform:translate3d(-100%,0,0)}.media-stage--slide.media-stage--transitioning.media-stage--active-primary .media-stage__layer--secondary{transform:translateZ(0);z-index:3}.media-stage--slide.media-stage--transitioning.media-stage--active-secondary .media-stage__layer--secondary{transform:translate3d(-100%,0,0)}.media-stage--slide.media-stage--transitioning.media-stage--active-secondary .media-stage__layer--primary{transform:translateZ(0);z-index:3}.media-stage--slide-up .media-stage__layer--primary,.media-stage--slide-up .media-stage__layer--secondary{opacity:1}.media-stage--slide-up.media-stage--active-primary .media-stage__layer--secondary,.media-stage--slide-up.media-stage--active-secondary .media-stage__layer--primary{transform:translate3d(0,100%,0)}.media-stage--slide-up.media-stage--transitioning.media-stage--active-primary .media-stage__layer--primary{transform:translate3d(0,-100%,0)}.media-stage--slide-up.media-stage--transitioning.media-stage--active-primary .media-stage__layer--secondary{transform:translateZ(0);z-index:3}.media-stage--slide-up.media-stage--transitioning.media-stage--active-secondary .media-stage__layer--secondary{transform:translate3d(0,-100%,0)}.media-stage--slide-up.media-stage--transitioning.media-stage--active-secondary .media-stage__layer--primary{transform:translateZ(0);z-index:3}@media(max-width:768px){.player-shell__controls{right:16px;bottom:16px}.player-state,.player-overlay{padding:20px}}