.danceflix-app{--bg:#09090b;--panel:#17171c;--text:#fff;--muted:#b3b3bd;--accent:#e50914;background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}.dfx-header{height:68px;display:flex;align-items:center;gap:28px;padding:0 4vw;position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(8,8,10,.98),rgba(8,8,10,.86));backdrop-filter:blur(12px)}.dfx-brand{font-weight:900;letter-spacing:.08em;font-size:24px;color:var(--accent)}.dfx-header nav{display:flex;gap:8px}.dfx-header button{background:transparent;border:0;color:#ddd;padding:8px 10px;cursor:pointer}.dfx-header button.active,.dfx-header button:hover{color:#fff}.dfx-tools{margin-left:auto;display:flex;align-items:center;gap:14px}.dfx-tools input{width:min(340px,28vw);background:#111116;border:1px solid #34343d;color:#fff;border-radius:5px;padding:9px 12px}.dfx-balance{font-size:13px;color:#d6d6dd;white-space:nowrap}.dfx-hero{min-height:58vh;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:7vh 6vw}.dfx-hero>div{max-width:680px;padding-bottom:4vh}.dfx-kicker{font-size:12px;letter-spacing:.18em;color:#ddd}.dfx-hero h1{font-size:clamp(36px,6vw,78px);line-height:.98;margin:12px 0 18px}.dfx-hero p{font-size:clamp(15px,1.7vw,21px);line-height:1.55;color:#eee}.dfx-play{margin-top:14px;border:0;border-radius:5px;background:#fff;color:#111;font-weight:800;padding:12px 22px;cursor:pointer}.dfx-main{padding:8px 0 60px}.dfx-row{padding:0 4vw;margin:28px 0}.dfx-row h2{font-size:21px;margin:0 0 11px}.dfx-scroller{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 0 16px;scroll-snap-type:x proximity;scrollbar-width:thin}.dfx-card{flex:0 0 clamp(190px,19vw,300px);cursor:pointer;scroll-snap-align:start;transition:transform .2s ease}.dfx-card:hover{transform:scale(1.035)}.dfx-thumb{aspect-ratio:16/9;background:#222 center/cover no-repeat;border-radius:6px;position:relative;box-shadow:0 8px 25px rgba(0,0,0,.28)}.dfx-lock{position:absolute;left:9px;bottom:9px;background:rgba(0,0,0,.76);padding:5px 8px;border-radius:4px;font-size:12px}.dfx-card-meta{padding:8px 2px}.dfx-card-meta h3{font-size:14px;margin:0 0 4px;color:#fff}.dfx-card-meta p{font-size:12px;margin:0;color:var(--muted)}.dfx-modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;padding:24px}.dfx-modal.open{display:flex}.dfx-modal-card{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#111116;border-radius:10px;position:relative;box-shadow:0 28px 100px rgba(0,0,0,.65)}.dfx-close{position:absolute;right:12px;top:10px;z-index:3;border:0;width:36px;height:36px;border-radius:50%;font-size:28px;line-height:30px;background:rgba(0,0,0,.75);color:#fff;cursor:pointer}.dfx-player-wrap{aspect-ratio:16/9;background:#000}.dfx-player-wrap iframe{width:100%;height:100%;border:0}.dfx-detail{padding:24px 26px 30px}.dfx-detail h2{font-size:30px;margin:0 0 8px}.dfx-meta{color:#b7b7bf;font-size:13px;margin-bottom:16px}.dfx-detail p{line-height:1.6;color:#e3e3e6}.dfx-unlock{border:0;background:var(--accent);color:#fff;border-radius:5px;padding:12px 18px;font-weight:800;cursor:pointer}.dfx-empty{padding:40px;color:#aaa}@media(max-width:760px){.dfx-header{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 18px;gap:10px}.dfx-header nav{order:3;width:100%;overflow:auto}.dfx-tools{margin-left:auto}.dfx-tools input{width:38vw}.dfx-balance{display:none}.dfx-hero{min-height:52vh;padding:5vh 20px}.dfx-row{padding:0 18px}.dfx-card{flex-basis:72vw}.dfx-hero h1{font-size:42px}}
.dfx-series-hero{height:min(38vh,330px);background-size:cover;background-position:center;border-radius:10px 10px 0 0}.dfx-episodes{display:grid;gap:8px;margin-top:20px}.dfx-episode{width:100%;display:grid;grid-template-columns:150px 1fr;gap:14px;text-align:left;align-items:center;background:#1b1b21;color:#fff;border:1px solid #2b2b32;border-radius:7px;padding:8px;cursor:pointer}.dfx-episode:hover{background:#23232a}.dfx-episode-thumb{display:block;aspect-ratio:16/9;background:center/cover no-repeat;border-radius:5px}.dfx-episode b{display:block}.dfx-episode small{display:block;color:#aaa;margin-top:5px}@media(max-width:600px){.dfx-episode{grid-template-columns:95px 1fr}}
.dfx-fullscreen{border:1px solid #3a3a43!important;border-radius:5px!important;padding:8px 10px!important;background:#16161c!important;color:#fff!important;white-space:nowrap}.danceflix-app:fullscreen,.danceflix-app.dfx-native-fullscreen{width:100vw;height:100vh;overflow:auto;background:#09090b}.danceflix-app.dfx-fullscreen-fallback{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:2147483000!important;overflow:auto!important;margin:0!important;border-radius:0!important}.dfx-body-locked{overflow:hidden!important}.danceflix-standalone{margin:0!important;background:#09090b!important}.dfx-single-app{min-height:100vh}.dfx-single-main{max-width:1200px;margin:0 auto;padding:30px 4vw 60px}.dfx-single-content{background:#111116;border-radius:10px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.45)}@media(max-width:900px){.dfx-fullscreen{font-size:0}.dfx-fullscreen:after{content:'⛶';font-size:17px}.dfx-tools{gap:8px}}
/* Hub embed mode: the plugin owns the full iframe viewport. */
html:has(body.danceflix-embed-mode),body.danceflix-embed-mode{margin:0!important;padding:0!important;width:100%!important;min-height:100%!important;background:#09090b!important}
body.danceflix-embed-mode .danceflix-app{min-height:100vh;width:100%;margin:0!important;border-radius:0!important}

/* Hub responsive bridge */
html.dfx-embedded,html.dfx-embedded body{height:auto!important;min-height:0!important;overflow:hidden!important}
body.danceflix-embed-mode .danceflix-app,.dfx-embedded .danceflix-app{min-height:var(--dfx-embed-min-height,680px)!important;height:auto!important;overflow:visible!important}
body.danceflix-embed-mode .dfx-hero,.dfx-embedded .dfx-hero{min-height:clamp(430px,56vw,720px)}
.dfx-modal.dfx-embedded-modal{position:absolute!important;left:0!important;right:0!important;bottom:auto!important;min-height:320px}
.dfx-credit-status{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin:16px 0 12px;padding:11px 13px;border:1px solid #303038;border-radius:7px;background:#17171d;color:#ddd;font-size:13px}
.dfx-credit-status strong{color:#fff;font-size:15px}.dfx-credit-source{display:block;width:100%;color:#8f8f9b;margin-top:3px}.dfx-credit-warning{margin:0 0 13px;padding:10px 12px;border-radius:7px;background:#2a1c1d;border:1px solid #693236;color:#ffbfc2;font-size:13px}.dfx-unlock-message{min-height:22px;margin-top:12px;color:#ffb8bb;font-size:13px;line-height:1.45}.dfx-unlock:disabled{opacity:.58;cursor:wait}
.dfx-toast{position:fixed;right:22px;bottom:22px;z-index:2147483600;max-width:min(430px,calc(100vw - 44px));padding:12px 16px;border-radius:8px;background:#202027;color:#fff;border:1px solid #393944;box-shadow:0 18px 55px rgba(0,0,0,.42);opacity:0;transform:translateY(10px);transition:.2s ease;font-size:14px}.dfx-toast.show{opacity:1;transform:none}.dfx-toast.error{border-color:#74383c;background:#2a1719}.dfx-toast.success{border-color:#34684b;background:#14231a}

/* v0.3.0.3: Hub modal safe-area fix.
 * The modal/player must never cover or touch the Danceflix sticky header.
 * The JS computes the visible Hub viewport; these rules keep the card inside
 * that safe area without changing player, credits, or modal DOM structure. */
.dfx-modal.dfx-embedded-modal{align-items:flex-start!important;justify-content:center!important;padding:0 24px!important;box-sizing:border-box!important}
.dfx-modal.dfx-embedded-modal .dfx-modal-card{max-height:100%!important;margin:0 auto!important;overflow:auto!important}
@media(max-width:760px){.dfx-modal.dfx-embedded-modal{padding:0 14px!important}}