:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080d19;color:#f5f7ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% 0%,#16253f 0%,transparent 45%),#080d19}button,select{font:inherit}button{cursor:pointer}.app{width:min(1240px,100%);margin:auto;padding:16px clamp(12px,3vw,36px)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:13px 4px 24px}.brand{color:#f2c46e;font-size:1.8rem;text-decoration:none;font-weight:900;letter-spacing:.05em;display:flex;align-items:center;gap:12px}.brand span{color:#f5f7ff;font-size:1rem;letter-spacing:.15em}.topright{font-size:.67rem;font-weight:800;letter-spacing:.28em;color:#b8bdd1}.dot{color:#e6b96e;padding:0 7px}.player-section{border:1px solid #29354f;border-radius:22px;overflow:hidden;background:#0e1524;box-shadow:0 22px 100px #0007}.stage{position:relative;width:100%;aspect-ratio:16/9;min-height:260px;background:#03060c;overflow:hidden}.stage video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.status{position:absolute;bottom:64px;left:20px;max-width:65%;background:rgba(3,8,17,.82);border:1px solid #3a4764;border-radius:10px;padding:9px 12px;font-size:.81rem;line-height:1.45;color:#e7eaf2;pointer-events:none;transition:opacity .2s}.status:empty{opacity:0}.inside-toggle{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:8px;border:1px solid #edc778a6;border-radius:999px;background:#0a1120e6;box-shadow:0 4px 20px #0007;color:#fff;padding:9px 14px;font-weight:750;letter-spacing:.03em;z-index:3}.inside-toggle:hover,.inside-toggle[aria-expanded=true]{background:#f3ca7d;color:#09101f}.info-circle{border:1.5px solid currentColor;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-style:italic;font-weight:800}.inside-panel{position:absolute;inset:0 0 0 auto;z-index:4;width:min(380px,100%);background:linear-gradient(160deg,rgba(12,20,37,.98),rgba(5,10,20,.98));border-left:1px solid #3e5270;display:flex;flex-direction:column;box-shadow:-18px 0 60px #0008;backdrop-filter:blur(22px)}.inside-panel[hidden]{display:none}.inside-header{display:flex;align-items:start;justify-content:space-between;padding:24px 25px 14px;border-bottom:1px solid #34435c}.inside-header small{font-size:.66rem;letter-spacing:.2em;color:#d6b773}.inside-header h2{margin:4px 0 0;font-size:2rem;font-weight:800}.star{color:#f1c77b}.close-inside{border:1px solid #4f5b72;background:#17233b;color:#fff;border-radius:50%;height:33px;width:33px}.inside-content{overflow-y:auto;min-height:0;padding:14px 24px 26px;font-size:.88rem;line-height:1.5}.inside-content h3{font-size:.78rem;color:#e9c679;letter-spacing:.06em;text-transform:uppercase;margin:24px 0 10px}.inside-content p{color:#c1cbdc;margin:10px 0}.person-list{display:grid;gap:8px}.person{display:flex;gap:12px;align-items:center;padding:8px 10px;border:1px solid #32435a;border-radius:12px;background:#ffffff07}.avatar{height:37px;width:37px;flex:0 0 37px;border-radius:50%;display:grid;place-items:center;background:#38445b;color:#f0d4a1;font-weight:750}.person strong{display:block;font-size:.82rem}.person small{color:#aebbd0;font-size:.76rem}.scene-note{background:#ad803321;border-left:3px solid #d5ac60;padding:10px 13px;color:#f2e2c7;border-radius:4px}.player-controls{padding:23px 28px;display:flex;justify-content:space-between;gap:25px;align-items:center}.main-description{flex:1}.eyebrow{color:#d1ac64;font-size:.68rem;letter-spacing:.17em;font-weight:800}.main-description h1{font-size:clamp(1.2rem,2.6vw,2.1rem);margin:5px 0 3px}.main-description p{margin:0;color:#bbc8db;max-width:550px;font-size:.9rem}.setting-controls{display:flex;gap:12px;align-items:center}.setting-controls label{display:grid;gap:7px;color:#bdc6d9;font-size:.75rem}.setting-controls select{width:210px;max-width:42vw;background:#141f32;border:1px solid #394761;color:#f0f3fb;padding:10px;border-radius:9px}.setting-controls select:disabled{opacity:.65}.help{margin:0;padding:0 28px 24px;color:#95a3bb;font-size:.78rem}.app footer{display:flex;justify-content:space-between;gap:15px;margin:26px 4px;color:#8d9cba;font-size:.8rem}.app footer a{color:#d5b773;text-decoration:none}@media(max-width:760px){.stage{aspect-ratio:16/10;min-height:230px}.player-controls{flex-direction:column;align-items:stretch;padding:21px 18px}.setting-controls{display:grid;grid-template-columns:1fr 1fr}.setting-controls select{max-width:100%;width:100%;font-size:.8rem}.inside-panel{top:13%;left:0;right:0;bottom:0;width:100%;border-left:0;border-top:1px solid #637492;border-radius:20px 20px 0 0}.inside-header{padding:14px 20px 11px}.inside-header h2{font-size:1.5rem}.inside-content{padding:8px 20px 16px}.inside-toggle{top:12px;right:12px;padding:7px 12px}.status{bottom:45px;left:10px;font-size:.73rem;max-width:88%}.help{padding:0 18px 20px}.app footer{flex-wrap:wrap}.topbar{padding-bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.native-handoff{margin:0 28px 20px;border:1px solid #5b6479;background:#172336;border-radius:12px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.83rem;color:#d4dbea}.native-handoff[hidden]{display:none}.native-handoff a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:750;background:#ecc378;color:#111827;border-radius:9px;padding:10px 15px}.native-handoff a:hover{background:#ffdd9c}@media(max-width:760px){.native-handoff{margin:0 18px 18px}.native-handoff a{width:100%}}

.next-episode{display:inline-block;border:1px solid #4f6380;background:#15253c;color:#ead0a0;padding:12px;border-radius:9px;text-decoration:none;cursor:pointer;font-size:.78rem}.next-episode[hidden]{display:none}.overview.spoilers-hidden{filter:blur(7px);user-select:none}

.subtitle-overlay{position:absolute;left:7%;right:7%;bottom:13%;text-align:center;pointer-events:none;white-space:pre-line;font-size:clamp(.95rem,2.2vw,1.5rem);font-weight:650;color:#fff;line-height:1.35;text-shadow:0 2px 5px #000,0 0 12px #000,2px 2px 0 #000;z-index:2}.subtitle-overlay:empty{display:none}

/* X-Ray is a collapsible information drawer BELOW the video.
   It never intercepts touch, remote or keyboard events over the player,
   and never touches audio/subtitle/transport APIs. */
.xray-toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;
 padding:12px clamp(15px,3vw,28px);border-bottom:1px solid #29354f;background:#101a2b}
.xray-toolbar p{margin:0;color:#9baec9;font-size:.73rem}
.xray-toolbar .inside-toggle{position:static;z-index:auto;box-shadow:none;
 flex:0 0 auto;min-height:41px}
.player-section>.inside-panel{position:static;inset:auto;z-index:auto;width:100%;
 max-height:400px;overflow:hidden;box-shadow:none;backdrop-filter:none;
 border-left:0;border-bottom:1px solid #34435c;
 background:linear-gradient(150deg,#142237,#0c1524)}
.player-section>.inside-panel[hidden]{display:none}
.player-section>.inside-panel .inside-content{max-height:315px}
@media(max-width:760px){.xray-toolbar{padding:9px 14px}
 .xray-toolbar p{font-size:.67rem}
 .player-section>.inside-panel{top:auto;left:auto;right:auto;bottom:auto;
   border-top:0;border-radius:0;max-height:350px}}