:root{--bg: #eef2f7;--bg-elevated: #ffffff;--surface: #e4eaf2;--border: #d0d8e4;--text: #141a22;--muted: #5c6b7e;--accent: #3d7ea6;--mx-on: #ffffff;--mx-bar: #e8ecf2;--mx-track: rgba(255, 255, 255, .22);--mx-fill: rgba(255, 255, 255, .12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100%;display:flex;flex-direction:column}.topnav{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border);background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{font-weight:900;font-size:1.15rem}.navlinks{display:flex;gap:12px;margin-left:auto}.navlinks a{color:var(--muted);font-weight:700;font-size:.92rem}.navlinks a.active,.navlinks a:hover{color:var(--text)}.page{width:min(960px,100%);margin:0 auto;padding:20px 16px 40px}.page h1{margin:0 0 8px;font-size:1.6rem}.muted{color:var(--muted)}.grid{display:grid;gap:12px;margin-top:16px}.card-row{display:flex;gap:14px;align-items:center;padding:12px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--border)}.card-row:hover{border-color:#b7c4d6}.poster{width:64px;height:90px;border-radius:8px;background:var(--surface);display:grid;place-items:center;color:var(--muted);font-weight:800}.search-input{width:100%;margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;background:var(--accent);color:#fff}.hero{display:flex;gap:16px;margin:16px 0}.hero .poster{width:120px;height:176px}.season-list{display:grid;gap:8px;margin-top:16px}.season-list a{display:flex;justify-content:space-between;padding:12px 14px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border);font-weight:700}.watch-page{height:100vh;background:#000}.stage{position:relative;width:100%;height:100%;background:#000;overflow:hidden;cursor:pointer}.video{width:100%;height:100%;object-fit:contain;background:#000}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000000e0;z-index:5}.overlay .card{max-width:420px;padding:24px;border-radius:16px;background:#141822eb;border:1px solid rgba(255,255,255,.12);text-align:center;color:#fff}.overlay .card button{border:0;border-radius:10px;padding:10px 16px;background:#ffffff24;color:#fff;font-weight:700;cursor:pointer}.hint{font-size:12px!important;margin-top:16px!important;color:#9aa3b5}.chrome{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,transparent 28%,transparent 58%,rgba(0,0,0,.55) 100%);z-index:4}.chrome .top,.chrome .bottom{pointer-events:auto}.chrome .top{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chrome .top strong{flex:1;font-size:14px;color:#fff}.icon-btn,.flat-btn{border:0;background:transparent;color:var(--mx-on);font-weight:700;cursor:pointer;padding:8px;border-radius:8px}.icon-btn:hover,.flat-btn:hover{background:var(--mx-fill)}.chrome .bottom{padding:8px 10px 12px;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:6px}.scrub{width:100%;accent-color:var(--mx-bar)}.transport{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap}.transport .cluster,.transport .center{display:flex;align-items:center;gap:6px}.time{color:#f4f6fbd9;font-variant-numeric:tabular-nums;font-size:12px;min-width:88px}.qual{padding:6px 10px;border-radius:8px;border:0;background:var(--mx-fill);color:#fff;font-weight:700;cursor:pointer}.qual.on{background:#ffffff47}.ep-drawer{position:absolute;right:0;top:0;bottom:0;width:min(320px,90vw);background:#10141cf0;border-left:1px solid rgba(255,255,255,.12);z-index:8;padding:14px;overflow:auto;pointer-events:auto;color:#fff}.ep-drawer h3{margin:0 0 10px}.ep-seasons{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ep-grid{display:flex;flex-wrap:wrap;gap:8px}.ep-grid button{width:44px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#ffffffb3;font-weight:800;cursor:pointer}.ep-grid button.on{color:#fff;border-color:#fff;background:#fff3}
