:root{font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;color:#e8eeeb;background:#0b1117;font-synthesis:none;color-scheme:dark;--mint: #a2f3cf;--muted: #94a79d;--surface: #121d23;--line: #23312f}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,.button-link{cursor:pointer;border:0;background:#18272a;color:inherit;border-radius:9px;padding:10px 14px;font-size:13px;line-height:1.4;min-height:38px}button:hover,.button-link:hover{background:#263d35;color:#c5ffe3}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}.primary{background:var(--mint);color:#112b20}.primary:hover{background:#c6ffe5;color:#112b20}.site-header{height:76px;display:flex;align-items:center;gap:16px;padding:0 32px;max-width:1680px;margin:auto}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-icon{font-size:29px;color:var(--mint)}.brand>span:last-child{font-size:21px;letter-spacing:-.6px}.brand b{font-size:12px;color:var(--mint);margin-left:7px;letter-spacing:1px}.header-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.header-actions button{background:transparent}.header-actions button:hover{background:#1e322b}.layout{display:grid;gap:28px 36px;padding:18px 32px 40px;max-width:1680px;margin:auto;align-items:start;grid-template-columns:minmax(0,1fr) 350px}.is-exploring{grid-template-areas:"explore channels"}.is-watching{grid-template-areas:"player channels" "explore channels";grid-template-rows:auto 1fr}.watch{grid-area:player;min-width:0;scroll-margin-top:16px}.explore{grid-area:explore;min-width:0;overflow:hidden;scroll-margin-top:16px}.explore-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.explore h1{font-size:27px;line-height:1.4;letter-spacing:-.6px;font-weight:550;margin:10px 0}.explore h2{font-size:16px;font-weight:500;margin:0}.explore-heading p{font-size:13px;color:var(--muted);margin:8px 0}.explore-heading button{background:transparent;color:var(--muted);flex-shrink:0}.resume{margin:16px 0 4px;background:#203b2e;color:#c2fadd;max-width:100%;text-align:left;overflow-wrap:anywhere}.view-switch{display:flex;gap:4px;width:max-content;background:#142127;border-radius:10px;padding:4px;margin:18px 0 4px}.view-switch button{background:transparent;color:var(--muted);font-size:12px;min-height:34px}.active{background:#294638!important;color:#c1ffdf!important}.world{display:flex;align-items:center;justify-content:center;min-height:350px}.globe{width:100%;overflow:hidden}.map-placeholder{display:flex;align-items:center;justify-content:center;gap:12px;min-height:350px;color:var(--muted);font-size:13px}.map-note,.directory-count{color:var(--muted);font-size:11px;line-height:1.8}.map-note{margin:2px 0 12px}.directory-count{margin:12px 0 0}.flat-map{width:100%;display:block;border-radius:12px;background:#101c24}.flat-map g[role=button]{cursor:pointer}.flat-map circle{stroke:#183b36;stroke-width:2}.country-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:460px;overflow:auto;width:100%;padding:8px 0}.country-grid button{text-align:left;background:#152228;min-height:62px}.country-grid small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.compact{padding-top:17px;border-top:1px solid var(--line)}.compact .world,.compact .map-placeholder{min-height:230px}.compact .flat-map,.compact .country-grid{max-height:280px}.compact .map-note{margin-bottom:0}.compact .view-switch{margin:12px 0 0}.channels{grid-area:channels;background:var(--surface);border-radius:16px;padding:18px;display:flex;flex-direction:column;position:sticky;top:16px;height:calc(100dvh - 104px);min-height:460px;max-height:1050px;min-width:0;scroll-margin-top:16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.panel-heading h2{font-size:17px;font-weight:550;margin:0}.text-button{background:transparent;color:var(--mint);padding:4px 6px;font-size:12px;min-height:32px}input,select{width:100%;min-width:0;border:1px solid transparent;background:#1a2a2f;border-radius:8px;padding:11px 12px;color:#e1ece5;outline:none;font-size:13px;min-height:42px}select{cursor:pointer}input:focus,select:focus{border-color:#7cb497}.channels>input,.channels>select{margin-bottom:9px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filters label{min-width:0}.channel-tabs{display:flex;align-items:center;gap:3px;margin:17px 0 11px}.channel-tabs button{padding:8px;font-size:12px;background:transparent;white-space:nowrap}.channel-tabs .random{margin-left:auto}.result-summary{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:12px}.result-summary small{display:block}.channel-list{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#395548 transparent}.channel{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:transparent;padding:13px 9px;border-radius:10px;margin-bottom:3px}.channel.selected{background:#254334;box-shadow:inset 3px 0 var(--mint)}.logo{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;background:#e9f0eb;color:#235b43;border-radius:9px;overflow:hidden;font-size:12px;font-weight:650}.logo img{width:100%;height:100%;object-fit:contain;padding:5px}.channel-copy{min-width:0;flex:1}.channel b{font-size:13px;font-weight:550;display:block;overflow-wrap:anywhere;line-height:1.5}.channel small{display:block;color:#a1b6a9;font-size:10px;line-height:1.65;margin-top:3px}.channel-arrow{color:#809f8d;font-size:12px}.selected-label{color:var(--mint);font-size:10px;flex-shrink:0}.watch-heading{display:flex;align-items:center;gap:12px;margin:0 0 16px}.watch-heading>div{min-width:0}.watch h1{font-size:24px;line-height:1.4;letter-spacing:-.5px;font-weight:550;margin:0;overflow-wrap:anywhere}.watch-heading p{font-size:12px;color:var(--muted);line-height:1.7;margin:5px 0 0}.watch-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.watch-actions button,.watch-actions .button-link{background:transparent;color:#bdd1c3}.watch-actions button[aria-pressed=true]{color:var(--mint);background:#203b2e}.player-placeholder{aspect-ratio:16/9;display:grid;place-items:center;background:#020608;color:var(--muted);border-radius:12px;font-size:13px}.player-screen{position:relative;background:#020608;border-radius:12px;overflow:hidden;aspect-ratio:16/9}.player-screen video{width:100%;height:100%;display:block;background:#020608;object-fit:contain}.player-screen:fullscreen{border-radius:0;width:100%;height:100%;aspect-ratio:auto}.player-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#03090bd9;padding:24px;text-align:center;font-size:13px}.loading-overlay{pointer-events:none;inset:0 0 48px;background:#03090b70}.failed-overlay p{max-width:420px;margin:0;color:#b6cbbd;line-height:1.8}.failed-overlay strong{font-weight:550;font-size:19px}.play-start{border-radius:999px;padding:15px 25px;background:var(--mint);color:#112b20;font-size:16px}.player-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.playback-state{font-size:12px;color:var(--muted);margin:0;line-height:1.8;flex:1;min-width:120px}.playback-state.error{color:#e8bdad}.live-dot{width:6px;height:6px;display:inline-block;background:var(--mint);border-radius:50%;margin-right:7px}.player-controls{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.player-controls button{font-size:11px;padding:7px 9px;background:transparent;min-height:34px}.player-controls select{font-size:11px;max-width:120px;min-height:34px;padding:7px}.control-notice{color:var(--muted);font-size:12px}.technical-details{font-size:11px;color:#91a99a;margin-top:15px;line-height:1.8}.technical-details summary{cursor:pointer;width:max-content;padding:4px 0}.technical-details dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:6px 12px;max-width:720px}.technical-details dt{color:#a4b7aa}.technical-details dd{margin:0;overflow-wrap:anywhere}.technical-details p{max-width:720px;margin:8px 0}.tools{display:flex;gap:8px;margin:10px 0}.tools button{font-size:12px}.empty{padding:26px 12px;color:var(--muted);font-size:13px;line-height:1.8}.empty h3{color:#cadbd0;font-size:15px;font-weight:500;margin:8px 0}.list-loading{padding:3px 5px}.skeleton{height:66px;background:linear-gradient(90deg,#1a2b2d,#223936,#1a2b2d);background-size:200% 100%;border-radius:10px;margin-bottom:9px;animation:shimmer 1.6s linear infinite}.spinner{display:inline-block;width:20px;height:20px;flex-shrink:0;border:2px solid #5c7c6b;border-top-color:var(--mint);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}.login-dialog{width:min(420px,calc(100vw - 32px));border:0;border-radius:18px;background:#16252a;color:#e8eeeb;padding:32px;box-shadow:0 20px 100px #0009}.login-dialog::backdrop{background:#020609ba;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.login-dialog h2{font-size:21px;font-weight:550;line-height:1.5;margin:10px 0}.login-dialog p{font-size:13px;line-height:1.8;color:#a2b7a8}.login-dialog label{display:block;font-size:12px;margin:22px 0 8px}.login-dialog form button{width:100%;margin-top:14px}.dialog-close{position:absolute;right:12px;top:10px;font-size:22px;background:transparent}.notice{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);background:#294538;color:#def7e7;padding:13px 16px;border-radius:12px;box-shadow:0 10px 50px #0007;display:flex;align-items:center;gap:16px;z-index:30;font-size:13px;line-height:1.7}.notice span{overflow-wrap:anywhere;min-width:0}.notice button{background:transparent;font-size:20px;padding:2px;min-height:30px}footer{max-width:1680px;margin:auto;padding:20px 32px 30px;display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap;color:#849c8e;font-size:11px}footer button{padding:0;background:transparent;font-size:11px;min-height:30px}footer small{width:100%;font-size:10px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1400px){.layout{grid-template-columns:minmax(0,1fr) 380px;gap:28px 46px}}@media(max-width:1000px){.site-header{padding:0 22px}.layout{padding:14px 22px 32px;gap:24px;grid-template-columns:minmax(0,1fr) 310px}.channels{padding:15px}.channel{gap:9px;padding:12px 7px}.country-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.explore h1{font-size:22px}.header-actions button{padding:9px 10px}.watch h1{font-size:21px}}@media(max-width:700px){.site-header{height:auto;min-height:66px;padding:12px 16px;flex-wrap:wrap;gap:6px 10px}.brand>span:last-child{font-size:18px}.brand-icon{font-size:24px}.header-actions{gap:2px}.header-actions button{font-size:11px;min-height:40px;padding:8px}.header-actions button:nth-child(2){display:none}.layout{display:grid;grid-template-columns:minmax(0,1fr);padding:8px 14px 25px;gap:18px}.is-exploring{grid-template-areas:"explore" "channels"}.is-watching{grid-template-areas:"player" "explore" "channels";grid-template-rows:auto auto auto}.explore h1{font-size:21px;margin:5px 0}.explore-heading{gap:5px}.explore-heading p{font-size:12px}.explore-heading button{font-size:12px;padding:8px}.explore .directory-count{margin-top:10px}.resume{font-size:12px;margin-top:10px}.world,.map-placeholder,.globe{min-height:280px}.view-switch{margin-top:12px}.country-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:350px}.country-grid button{padding:10px 8px;font-size:12px}.compact .world{min-height:220px}.channels{position:static;height:auto;max-height:none;min-height:0;padding:16px;border-radius:13px}.channel-list{overflow:visible}.channel{min-height:75px}.channel-tabs button{font-size:12px;min-height:40px;padding:8px 10px}.result-summary{margin-bottom:9px}.watch-heading{margin-bottom:12px}.watch h1{font-size:20px}.watch-heading p{font-size:11px}.watch .logo{width:38px;height:38px}.watch-actions{gap:3px;margin-top:10px}.watch-actions button,.button-link{font-size:12px;min-height:40px;padding:8px 10px}.player-screen{border-radius:9px}.player-overlay{padding:18px;font-size:12px;gap:10px}.failed-overlay strong{font-size:16px}.failed-overlay p{font-size:11px;line-height:1.6}.failed-overlay .primary{font-size:12px;min-height:36px;padding:8px 12px}.player-bar{gap:3px;margin-top:8px}.playback-state{min-width:100%;font-size:11px}.player-controls{width:100%;justify-content:flex-end}.player-controls button{min-height:40px;font-size:12px}.technical-details{margin-top:7px}.technical-details dl{grid-template-columns:105px minmax(0,1fr);gap:6px}.technical-details summary{padding:8px 0}.watch{scroll-margin-top:10px}.compact{padding-top:16px}footer{padding:12px 18px 25px;gap:8px 18px}.notice{bottom:16px;font-size:12px}.login-dialog{padding:25px}.login-dialog h2{font-size:20px}}@media(max-width:360px){.site-header{gap:5px}.header-actions button{font-size:10px;padding:7px}.brand>span:last-child{font-size:16px}.brand b{font-size:10px;margin-left:4px}.channel-tabs button{padding:8px;font-size:11px}.layout{padding-inline:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}