.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#1e293b80;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#475569cc;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.vp-container[data-v-a7b69bfa]{display:flex;flex-direction:column;height:100%;width:100%;background-color:#000;border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;position:relative}.vp-container:hover .vp-title-overlay[data-v-a7b69bfa],.vp-container:hover .vp-nav[data-v-a7b69bfa]{opacity:1}.vp-title-overlay[data-v-a7b69bfa]{position:absolute;top:0;left:0;width:100%;padding:1rem;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);z-index:10;display:flex;align-items:center;justify-content:space-between;opacity:0;box-sizing:border-box;transition:opacity .3s}.vp-title[data-v-a7b69bfa]{color:#fff;font-size:1.125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.4);margin:0}.vp-btn[data-v-a7b69bfa]{padding:.5rem;border-radius:9999px;background-color:#0006;color:#fff;border:none;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s;box-shadow:0 10px 15px -3px #0000001a;display:flex;align-items:center;justify-content:center}.vp-btn[data-v-a7b69bfa]:hover{background-color:#fff3}.vp-btn.large[data-v-a7b69bfa]{padding:.75rem}.vp-btn.nav-btn[data-v-a7b69bfa]{pointer-events:auto}.vp-btn.nav-btn[data-v-a7b69bfa]:hover{transform:scale(1.1)}.vp-nav[data-v-a7b69bfa]{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 1rem;z-index:10;opacity:0;transition:opacity .3s;pointer-events:none}.vp-nav.left[data-v-a7b69bfa]{left:0}.vp-nav.right[data-v-a7b69bfa]{right:0}.vp-wrapper[data-v-a7b69bfa]{flex:1;position:relative;background-color:#000;display:flex;align-items:center;justify-content:center;min-height:0}.vp-error-screen[data-v-a7b69bfa]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#18181b;z-index:20;padding:1.5rem;text-align:center;box-sizing:border-box}.vp-error-screen .vp-error-icon[data-v-a7b69bfa]{color:#ef4444;margin-bottom:.5rem}.vp-error-screen .vp-error-text[data-v-a7b69bfa]{color:#f87171;font-weight:500;margin:0}.vp-error-screen .vp-error-url[data-v-a7b69bfa]{color:#71717a;font-size:.875rem;width:100%;margin-top:1rem;word-break:break-all}.vp-empty-screen[data-v-a7b69bfa]{color:#52525b;display:flex;flex-direction:column;align-items:center}.vp-empty-screen .vp-empty-icon[data-v-a7b69bfa]{margin-bottom:1rem;opacity:.5}.vp-video[data-v-a7b69bfa]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.app-container[data-v-80ba96b1]{display:flex;height:100vh;width:100%;background-color:#0f172a;color:#f1f5f9;overflow:hidden;font-family:ui-sans-serif,system-ui,sans-serif}.sidebar[data-v-80ba96b1]{background-color:#020617;border-right:1px solid #1e293b;display:flex;flex-direction:column;flex-shrink:0;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden;z-index:20;transition:all .3s;width:9rem}.sidebar.sidebar-collapsed[data-v-80ba96b1]{width:60px}.sidebar-header[data-v-80ba96b1]{padding:1rem;border-bottom:1px solid #1e293b;display:flex;align-items:center;justify-content:space-between;background-color:#020617;height:68px;box-sizing:border-box}.sidebar-title[data-v-80ba96b1]{font-size:1.25rem;font-weight:700;background-image:linear-gradient(to right,#60a5fa,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;margin:0}.sidebar-actions[data-v-80ba96b1]{display:flex;align-items:center;gap:.25rem}.sidebar-actions.collapsed-actions[data-v-80ba96b1]{width:100%;justify-content:center}.icon-btn[data-v-80ba96b1]{padding:.5rem;border-radius:9999px;color:#94a3b8;background:transparent;border:none;cursor:pointer;transition:background-color .2s,color .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.icon-btn[data-v-80ba96b1]:hover{background-color:#1e293b;color:#fff}.icon-btn[data-v-80ba96b1]:focus{outline:none}.spin[data-v-80ba96b1]{animation:spin-80ba96b1 1s linear infinite}@keyframes spin-80ba96b1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-content[data-v-80ba96b1]{flex:1;overflow-y:auto;width:100%;padding:.75rem;display:flex;flex-direction:column;gap:.375rem;box-sizing:border-box}.nav-item[data-v-80ba96b1]{width:100%;display:flex;align-items:center;padding:.5rem;border-radius:.75rem;transition:all .2s;border:1px solid transparent;cursor:pointer;box-sizing:border-box;text-align:left;position:relative;background-color:transparent;color:inherit}.nav-item.platform-item[data-v-80ba96b1]{padding:.375rem}.nav-item.collapsed-item[data-v-80ba96b1]{justify-content:center;flex-direction:column}.nav-item.active.fav-active[data-v-80ba96b1]{background-color:#2563eb33;border-color:#3b82f6;box-shadow:0 0 15px #3b82f633;color:#60a5fa}.nav-item.active.hist-active[data-v-80ba96b1]{background-color:#2563eb33;border-color:#3b82f6;box-shadow:0 0 15px #3b82f633;color:#34d399}.nav-item.inactive[data-v-80ba96b1]{background-color:#0f172a80;color:#cbd5e1}.nav-item.inactive[data-v-80ba96b1]:hover{background-color:#1e293b;color:#fff}.nav-item.platform-active[data-v-80ba96b1]{background-color:#4f46e533;border-color:#6366f1;box-shadow:0 0 15px #6366f133}.nav-item.platform-inactive[data-v-80ba96b1]{background-color:transparent}.nav-item.platform-inactive[data-v-80ba96b1]:hover{background-color:#1e293b}.nav-item:hover .nav-icon.icon-inactive[data-v-80ba96b1]{background-color:#334155}.nav-item:hover .fav-toggle-btn[data-v-80ba96b1]{opacity:1}.mb-spacer[data-v-80ba96b1]{margin-bottom:1.25rem}.mb-small[data-v-80ba96b1]{margin-bottom:.25rem}.nav-icon[data-v-80ba96b1]{width:2.25rem;height:2.25rem;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon.icon-fav-active[data-v-80ba96b1]{background-color:#3b82f633;color:#60a5fa}.nav-icon.icon-hist-active[data-v-80ba96b1]{background-color:#10b98133;color:#34d399}.nav-icon.icon-inactive[data-v-80ba96b1]{background-color:#1e293b}.nav-text[data-v-80ba96b1]{margin-left:.75rem;font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-text[data-v-80ba96b1]{text-align:center;padding:1rem;color:#64748b;font-size:.875rem;animation:pulse-80ba96b1 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-80ba96b1{0%,to{opacity:1}50%{opacity:.5}}.section-title[data-v-80ba96b1]{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .5rem .25rem}.divider[data-v-80ba96b1]{width:100%;height:1px;background-color:#1e293b;margin:.75rem 0}.platform-img-wrapper[data-v-80ba96b1]{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.platform-img[data-v-80ba96b1]{width:1.75rem;height:1.75rem;min-width:28px;min-height:28px;max-width:28px;max-height:28px;border-radius:9999px;object-fit:cover;background-color:#1e293b;border:2px solid #334155;margin:0 auto;aspect-ratio:1/1}.fav-badge[data-v-80ba96b1]{position:absolute;bottom:-.25rem;right:-.25rem;background-color:#0f172a;border-radius:9999px;padding:.125rem;display:flex}.fav-icon-small[data-v-80ba96b1],.fav-icon-medium[data-v-80ba96b1],.fav-icon-large[data-v-80ba96b1]{color:#facc15;fill:#facc15}.fav-icon-inactive[data-v-80ba96b1]{color:#94a3b8;fill:transparent}.hist-icon-large[data-v-80ba96b1]{color:#34d399}.text-white[data-v-80ba96b1]{color:#fff}.platform-info[data-v-80ba96b1]{flex:1;min-width:0;margin-left:.75rem;text-align:left}.platform-name[data-v-80ba96b1]{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e2e8f0;margin:0}.platform-desc[data-v-80ba96b1]{font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.fav-toggle-btn[data-v-80ba96b1]{opacity:0;padding:.375rem;border-radius:9999px;transition:all .2s;margin-left:.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.fav-toggle-btn.visible[data-v-80ba96b1]{opacity:1}.fav-toggle-btn[data-v-80ba96b1]:hover{background-color:#334155}.main-area[data-v-80ba96b1]{flex:1;display:flex;flex-direction:column;height:100%;position:relative;min-width:0}.main-bg-gradient[data-v-80ba96b1]{position:absolute;inset:0;background:linear-gradient(to bottom right,#1e3a8a1a,#064e3b1a);pointer-events:none}.top-pane[data-v-80ba96b1]{padding:1rem 1rem .5rem;transition:all .3s;display:flex;flex-direction:column;min-height:0}.top-pane.expanded-top[data-v-80ba96b1]{flex:3}.top-pane.flex-1[data-v-80ba96b1]{flex:1}.bottom-pane[data-v-80ba96b1]{padding:1rem 1rem .5rem;display:flex;flex-direction:column;overflow:hidden;transition:all .3s;min-height:0}.bottom-pane.shrunk-bottom[data-v-80ba96b1]{flex:1.5}.bottom-pane.expanded-bottom[data-v-80ba96b1]{flex:3}.loading-container[data-v-80ba96b1]{flex:1;display:flex;align-items:center;justify-content:center}.spinner-wrapper[data-v-80ba96b1]{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#94a3b8;animation:pulse-80ba96b1 2s cubic-bezier(.4,0,.6,1) infinite}.spinner[data-v-80ba96b1]{width:2rem;height:2rem;border-radius:9999px;border:4px solid transparent;border-top-color:#3b82f6;border-right-color:#3b82f6;animation:spin-80ba96b1 1s linear infinite}.grid-container[data-v-80ba96b1]{flex:1;overflow-y:auto;background-color:#0f172a80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;border:1px solid rgba(30,41,59,.8);box-shadow:inset 0 2px 4px #0000000f;padding:1rem;box-sizing:border-box}.virtual-header[data-v-80ba96b1]{margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #1e293b;display:flex;align-items:center;gap:.75rem}.virtual-title[data-v-80ba96b1]{font-size:1.25rem;font-weight:700;color:#e2e8f0;margin:0}.empty-state[data-v-80ba96b1]{height:100%;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:1.125rem;flex-direction:column;gap:1rem}.empty-icon[data-v-80ba96b1]{opacity:.2}.streamer-grid[data-v-80ba96b1]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.streamer-card[data-v-80ba96b1]{position:relative;cursor:pointer;border-radius:.75rem;overflow:hidden;background-color:#1e293b;transition:all .3s;border:2px solid transparent;display:flex;flex-direction:column}.streamer-card[data-v-80ba96b1]:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #3b82f633,0 8px 10px -6px #3b82f633}.streamer-card:hover .card-img[data-v-80ba96b1]{transform:scale(1.1)}.streamer-card:hover .card-overlay[data-v-80ba96b1]{opacity:.8}.streamer-card:hover .play-overlay[data-v-80ba96b1]{opacity:1}.streamer-card:hover .play-btn[data-v-80ba96b1]{transform:translateY(0)}.streamer-card:hover .card-name[data-v-80ba96b1]{color:#fff}.streamer-card.card-active[data-v-80ba96b1]{border-color:#10b981;box-shadow:0 0 0 4px #10b98133}.streamer-card.card-inactive[data-v-80ba96b1]{border-color:#334155}.streamer-card.card-inactive[data-v-80ba96b1]:hover{border-color:#64748b}.card-img-wrapper[data-v-80ba96b1]{aspect-ratio:3/4;overflow:hidden;position:relative}.card-img[data-v-80ba96b1]{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card-overlay[data-v-80ba96b1]{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.2),transparent);opacity:.6;transition:opacity .3s}.play-overlay[data-v-80ba96b1]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.play-btn[data-v-80ba96b1]{background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.75rem;border-radius:9999px;color:#fff;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(1rem);transition:transform .3s}.card-fav-btn[data-v-80ba96b1]{position:absolute;top:.5rem;right:.5rem;padding:.375rem;border-radius:9999px;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .2s;z-index:10;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.card-fav-btn[data-v-80ba96b1]:hover{background-color:#0009}.card-info[data-v-80ba96b1]{padding:.625rem;text-align:center;color:#cbd5e1;flex:1;display:flex;flex-direction:column;justify-content:center}.card-name[data-v-80ba96b1]{font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.card-time[data-v-80ba96b1]{font-size:10px;color:#64748b;display:block;margin-top:.125rem;font-weight:400;letter-spacing:.025em;text-align:left}.empty-favs[data-v-80ba96b1],.empty-hist[data-v-80ba96b1]{display:flex;flex-direction:column;align-items:center;gap:.75rem}.fav-color[data-v-80ba96b1]{color:#facc15}.hist-color[data-v-80ba96b1]{color:#34d399}.empty-subtext[data-v-80ba96b1]{font-size:.875rem}@media(min-width:640px){.sidebar[data-v-80ba96b1]{width:18rem}.sidebar.sidebar-collapsed[data-v-80ba96b1]{width:72px}.nav-item.platform-item[data-v-80ba96b1]{padding:.5rem}.nav-item.collapsed-item[data-v-80ba96b1]{flex-direction:row}.mb-small[data-v-80ba96b1]{margin-bottom:0}.platform-img[data-v-80ba96b1]{width:2.25rem;height:2.25rem;min-width:36px;min-height:36px;max-width:36px;max-height:36px}.card-name[data-v-80ba96b1]{font-size:.875rem}.top-pane[data-v-80ba96b1],.bottom-pane[data-v-80ba96b1]{padding:1.5rem 1.5rem .5rem}.grid-container[data-v-80ba96b1]{padding:1.25rem}.streamer-grid[data-v-80ba96b1]{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}@media(min-width:768px){.streamer-grid[data-v-80ba96b1]{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1024px){.streamer-grid[data-v-80ba96b1]{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1280px){.streamer-grid[data-v-80ba96b1]{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(min-width:1536px){.streamer-grid[data-v-80ba96b1]{grid-template-columns:repeat(8,minmax(0,1fr))}}