*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body,:root{background:#141414;color:#fff}header{height:56px;padding:0 16px;display:flex;align-items:center;background:#000}.logo{color:#e50914;font-size:22px;font-weight:700}.hero{height:260px;background:linear-gradient(to top,#141414 10%,transparent 60%),linear-gradient(to right,#141414 15%,transparent 60%),url(https://picsum.photos/800/500?blur=2) center/cover;padding:110px 16px 0;background-size:cover}.hero h1{font-size:28px;mix-blend-mode:difference}.meta{font-size:13px;color:#bbb;mix-blend-mode:difference;margin:6px 0}.buttons{display:flex;gap:10px;margin-top:12px}.btn{flex:1;padding:10px;border:none;border-radius:4px;font-weight:600}.play{background:#fff;color:#000}.info{background:#333;color:#fff}.content{padding:16px}.tabs{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px}.tab.active{border-bottom:2px solid #e50914;padding-bottom:6px}.episode{display:flex;gap:10px;margin-bottom:14px;color:#fff;text-decoration:none}.episode__thumb{width:120px;height:68px;background:url(https://picsum.photos/300/200) center/cover;border-radius:4px}.episode__desc{flex:1;text-overflow:ellipsis;overflow:hidden}.ep-title{font-weight:700;font-size:14px;color:#fff;text-decoration:none}.ep-desc{font-size:12px;color:#aaa;margin-top:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.duration{font-size:11px;color:#777}:root{--overlay-bg: rgba(0, 0, 0, .5);--sheet-bg: #ffffff;--sheet-text: #000000;--handle-bg: #ccc;--option-bg: #f3f3f3;--option-hover-bg: #e0e0e0;--cancel-bg: #e74c3c;--cancel-text: #ffffff;--sheet-shadow: 0 -8px 30px rgba(0,0,0,.6)}@media(prefers-color-scheme:dark){:root{--overlay-bg: rgba(0, 0, 0, .75);--sheet-bg: #121212;--sheet-text: #ffffff;--handle-bg: #333;--option-bg: #1f1f1f;--option-hover-bg: #2a2a2a;--cancel-bg: #2b2b2b;--cancel-text: #aaa;--sheet-shadow: 0 -10px 30px rgba(0,0,0,.7)}}.mobile-selector__overlay{position:fixed;inset:0;background:var(--overlay-bg);z-index:1000}.mobile-selector__sheet{position:fixed;bottom:0;left:0;right:0;background:var(--sheet-bg);color:var(--sheet-text);border-radius:16px 16px 0 0;padding:12px;z-index:1001;box-shadow:var(--sheet-shadow)}.mobile-selector__handle{width:40px;height:4px;background:var(--handle-bg);border-radius:2px;margin:8px auto 16px}.mobile-selector__options{display:flex;flex-direction:column;gap:10px}.mobile-selector__option{padding:14px;border-radius:10px;border:none;background:var(--option-bg);color:var(--sheet-text);font-size:16px;transition:background .15s ease;text-decoration:none;text-align:center}.mobile-selector__option:hover{background:var(--option-hover-bg)}.mobile-selector__cancel{margin-top:12px;padding:14px;width:100%;border:none;background:var(--cancel-bg);color:var(--cancel-text);border-radius:10px;font-size:15px}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%)}