:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f7f7;font-synthesis:none;text-rendering:optimizelegibility;background:#080808;font-family:Segoe UI Variable Display,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:#080808;width:100%;min-width:720px;height:100%;margin:0;overflow:hidden}button{font:inherit}.receiver-shell{isolation:isolate;background:#080808;width:100vw;height:100dvh;position:relative;overflow:hidden}.receiver-shell--cursor-hidden,.receiver-shell--cursor-hidden *{cursor:none!important}.receiver-player,.receiver-player iframe{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.receiver-player{z-index:1;visibility:visible;opacity:1;pointer-events:none}.receiver-player--active{pointer-events:auto}.tv-browser{z-index:2;visibility:hidden;opacity:0;background:radial-gradient(circle at 78% 4%,#ff003314,#0000 24%),#0b0b0b;grid-template-columns:clamp(86px,7vw,112px) minmax(0,1fr);display:grid;position:absolute;inset:0}.tv-browser--active{visibility:visible;opacity:1}.tv-sidebar{z-index:4;background:#090909f0;border-right:1px solid #ffffff14;flex-direction:column;align-items:center;height:100dvh;padding:clamp(24px,3vh,42px) 12px;display:flex;position:relative;box-shadow:18px 0 60px #0000004d}.tv-logo{color:#f03;place-items:center;width:58px;height:48px;font-size:38px;display:grid}.tv-sidebar nav{flex-direction:column;justify-content:center;gap:clamp(5px,1vh,12px);width:100%;height:100%;display:flex}.tv-nav-item{color:#9f9f9f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:clamp(64px,8.5vh,88px);padding:8px 6px;transition:color .16s,background .16s,transform .16s;display:flex;position:relative}.tv-nav-item svg{font-size:clamp(23px,2vw,30px)}.tv-nav-item img{object-fit:cover;border-radius:50%;width:30px;height:30px}.tv-nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(10px,.85vw,13px);font-weight:650;overflow:hidden}.tv-nav-item.is-active{color:#fff}.tv-nav-item.is-focused{color:#101010;background:#f3f3f3;border-color:#ffffffe0;transform:scale(1.04);box-shadow:0 12px 32px #0000005c}.tv-stage{scrollbar-width:none;height:100dvh;position:relative;overflow-y:auto}.tv-stage::-webkit-scrollbar{display:none}.tv-topbar{z-index:3;background:linear-gradient(#0b0b0bfa,#0b0b0bd6 72%,#0000);justify-content:space-between;align-items:center;min-height:clamp(78px,10vh,104px);padding:14px clamp(24px,3vw,52px);display:flex;position:sticky;top:0}.tv-topbar__actions{align-items:center;gap:12px;display:flex}.tv-fullscreen-button{color:#111;cursor:pointer;background:#f2f2f2;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:780;display:inline-flex}.tv-fullscreen-button:active{transform:scale(.98)}.tv-kicker{color:#ff3153;letter-spacing:.17em;font-size:clamp(9px,.8vw,12px);font-weight:800}.tv-topbar h1{color:#fff;letter-spacing:-.04em;margin:3px 0 0;font-size:clamp(25px,2.4vw,40px);font-weight:730}.tv-connection{color:#aaa;background:#191919d6;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:9px;min-height:38px;padding:0 15px;font-size:clamp(11px,.9vw,14px);font-weight:650;display:inline-flex}button.tv-connection{cursor:pointer}button.tv-connection:hover,button.tv-connection:focus-visible{color:#fff;border-color:#ffffff5c}.tv-connection>span{background:#777;border-radius:50%;width:8px;height:8px}.tv-connection.is-connected{color:#e8e8e8}.tv-connection.is-connected>span{background:#3fd482;box-shadow:0 0 0 4px #3fd48221}.tv-home{padding:0 clamp(24px,3vw,52px) 72px}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tv-search{padding:0 clamp(28px,4vw,70px) 72px}.tv-search__form{background:#171717;border:2px solid #fff3;border-radius:18px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:72px;padding:8px 9px 8px 20px;display:grid;box-shadow:0 22px 58px #00000052}.tv-search__form:focus-within{border-color:#fff}.tv-search__form>svg{color:#b8b8b8;font-size:27px}.tv-search__form input{color:#fff;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:clamp(18px,1.7vw,27px)}.tv-search__form input::placeholder{color:#717171}.tv-search__form button{color:#111;cursor:pointer;background:#f2f2f2;border:0;border-radius:12px;min-height:54px;padding:0 24px;font-weight:800}.tv-search__form button:disabled{color:#696969;cursor:not-allowed;background:#2c2c2c}.tv-search__heading{justify-content:space-between;align-items:end;margin:38px 0 18px;display:flex}.tv-search__heading span{color:#ff3153;letter-spacing:.12em;font-size:11px;font-weight:800}.tv-search__heading h2{letter-spacing:-.04em;margin:6px 0 0;font-size:clamp(24px,2.5vw,42px)}.tv-search__heading>strong{color:#858585;font-size:13px}.tv-search__message{color:#8c8c8c;text-align:center;background:#141414;border:1px solid #292929;border-radius:18px;place-items:center;min-height:180px;display:grid}.tv-search__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,32px);padding:4px 5px 30px;display:grid}.tv-recommendations-head{justify-content:space-between;align-items:flex-end;gap:24px;margin:8px 0 10px;display:flex}.tv-recommendations-head>div{min-width:0}.tv-recommendations-head span{color:#ff3153;letter-spacing:.14em;font-size:11px;font-weight:850}.tv-recommendations-head h2{letter-spacing:-.045em;margin:5px 0 0;font-size:clamp(28px,3vw,50px);line-height:1}.tv-recommendations-head p{color:#8e8e8e;margin:9px 0 0;font-size:clamp(11px,1vw,15px)}.tv-recommendations-head button{color:#fff;cursor:pointer;background:#252525;border:2px solid #0000;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 20px;font-weight:760;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.tv-recommendations-head button:hover,.tv-recommendations-head button.is-focused{color:#111;background:#f4f4f4;border-color:#fff;transform:scale(1.035)}.tv-recommendations-head button:disabled{cursor:wait;opacity:.72}.tv-recommendations-head svg{font-size:20px}.tv-recommendations-head svg.is-spinning{animation:.8s linear infinite recommendation-refresh-spin}@keyframes recommendation-refresh-spin{to{transform:rotate(360deg)}}.tv-account-strip{background:#171717;border:1px solid #ffffff17;border-radius:14px;justify-content:space-between;align-items:center;min-height:74px;margin:22px 0 30px;padding:14px 18px 14px 22px;display:flex}.tv-account-strip>div{flex-direction:column;display:flex}.tv-account-strip strong{color:#f1f1f1;font-size:clamp(13px,1.1vw,17px)}.tv-account-strip span{color:#8f8f8f;margin-top:4px;font-size:clamp(10px,.9vw,13px)}.tv-account-strip button,.tv-empty button{color:#111;cursor:pointer;background:#f1f1f1;border:0;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 17px;font-weight:750;display:inline-flex}.tv-row{margin-top:clamp(28px,4vh,46px)}.tv-row--featured{margin-top:18px}.tv-row h2{letter-spacing:-.03em;margin:0 0 15px;font-size:clamp(24px,2.2vw,36px);font-weight:700}.tv-row__rail{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(340px,34vw);grid-auto-flow:column;gap:clamp(16px,1.6vw,28px);padding:8px 10px 30px;display:grid;overflow-x:auto}.tv-row--featured .tv-row__rail{grid-auto-columns:minmax(480px,42vw);gap:clamp(24px,2.2vw,38px)}.tv-row--featured .tv-card>strong{min-height:2.5em;margin:15px 16px 0;font-size:clamp(21px,1.8vw,29px);line-height:1.22}.tv-row--featured .tv-card>span:last-child{margin:7px 16px 16px;font-size:clamp(14px,1.15vw,18px)}.tv-row--featured .tv-card__play{width:72px;height:72px;font-size:26px}.tv-row__rail::-webkit-scrollbar{display:none}.tv-card{color:#fff;text-align:left;cursor:pointer;scroll-snap-align:start;background:0 0;border:3px solid #0000;border-radius:13px;flex-direction:column;min-width:0;padding:0;transition:border-color .15s,background .15s,transform .15s;display:flex}.tv-card.is-focused{color:#111;background:#f1f1f1;border-color:#fff;transform:scale(1.018);box-shadow:0 18px 46px #00000070}.tv-card__image{aspect-ratio:16/9;background:#242424;border-radius:9px;display:block;position:relative;overflow:hidden}.tv-card__image img{object-fit:cover;width:100%;height:100%}.tv-card__image small{color:#fff;background:#000000d6;border-radius:5px;padding:3px 6px;font-size:11px;font-weight:700;position:absolute;bottom:8px;right:8px}.tv-card__play{color:#fff;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b8;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.tv-card.is-focused .tv-card__play{opacity:1}.tv-card>strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin:11px 11px 0;font-size:clamp(13px,1.15vw,17px);line-height:1.3;display:-webkit-box;overflow:hidden}.tv-card>span:last-child{color:#999;text-overflow:ellipsis;white-space:nowrap;margin:4px 11px 12px;font-size:clamp(10px,.9vw,13px);overflow:hidden}.tv-card.is-focused>span:last-child{color:#555}.tv-empty{text-align:center;place-items:center;min-height:calc(100dvh - 150px);padding:40px;display:grid}.tv-empty>div>svg{color:#555;font-size:56px}.tv-empty h2{margin:18px 0 8px;font-size:clamp(30px,3vw,52px)}.tv-empty p{color:#888;margin:0 0 24px}.pairing-panel{z-index:8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#121212f0;border:1px solid #ffffff29;border-radius:18px;grid-template-columns:minmax(210px,290px) auto;gap:28px;width:min(650px,100vw - 180px);padding:22px;display:grid;position:fixed;bottom:clamp(28px,4vw,64px);right:clamp(28px,4vw,70px);box-shadow:0 28px 90px #000000ad}.pairing-panel__copy{align-self:center}.pairing-panel__copy>span{color:#ff4161;letter-spacing:.12em;font-size:11px;font-weight:800}.pairing-panel__copy h2{letter-spacing:-.04em;margin:7px 0 8px;font-size:clamp(22px,2vw,31px)}.pairing-panel__copy p{color:#999;margin:0;font-size:13px;line-height:1.5}.pairing-panel__connect{align-items:center;gap:18px;display:flex}.pairing-qr{background:#fff;border-radius:11px;flex:none;width:138px;height:138px;padding:7px;display:grid;overflow:hidden}.pairing-qr img{width:100%;height:100%}.pairing-qr__loading{background:#ddd}.pairing-panel__connect>div:last-child{flex-direction:column;display:flex}.pairing-panel__connect span{color:#8d8d8d;font-size:11px}.pairing-panel__connect strong{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.1em;margin-top:5px;font-size:24px}.pairing-error button{cursor:pointer;border:0;border-radius:9px;min-height:40px;padding:0 14px}.playback-overlay{z-index:5;opacity:0;pointer-events:none;background:linear-gradient(#0000,#00000094 42%,#000000f0);flex-direction:column;justify-content:flex-end;min-height:min(44vh,430px);padding:90px clamp(36px,5vw,78px) clamp(34px,5vh,62px);transition:opacity .26s,transform .26s;display:flex;position:fixed;inset:auto 0 0;transform:translateY(18px)}.playback-overlay--visible{opacity:1;transform:translateY(0)}.playback-overlay__copy>span{color:#ff3153;letter-spacing:.1em;font-size:13px;font-weight:800}.playback-overlay h1{letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap;max-width:1100px;margin:8px 0 5px;font-size:clamp(30px,4vw,64px);overflow:hidden}.playback-overlay p{color:#aaa;margin:0 0 25px;font-size:clamp(14px,1.4vw,20px)}.playback-progress{background:#ffffff4d;border-radius:999px;width:100%;height:5px;overflow:hidden}.playback-progress__fill{border-radius:inherit;background:#f03;height:100%;display:block}.playback-overlay__hint{color:#777;margin-top:15px;font-size:12px}.receiver-alert{z-index:10;color:#ffdce2;background:#2d080ff2;border:1px solid #ff315361;border-radius:12px;gap:12px;width:min(620px,100vw - 64px);padding:16px 20px;display:flex;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}button:focus-visible{outline-offset:3px;outline:3px solid #ff3153}@media (height<=720px){.tv-sidebar{padding-block:16px}.tv-nav-item{min-height:58px}.tv-recommendations-head button{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}