.Header-module__D5nTzG__header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.Header-module__D5nTzG__logoArea{align-items:center;gap:12px;display:flex}.Header-module__D5nTzG__logoIcon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));width:36px;height:36px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;font-size:18px;display:flex}.Header-module__D5nTzG__logoText{letter-spacing:-.5px;font-size:18px;font-weight:700}.Header-module__D5nTzG__logoText span{color:var(--color-accent)}.Header-module__D5nTzG__actions{align-items:center;gap:10px;display:flex}.Header-module__D5nTzG__btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.Header-module__D5nTzG__btnPrimary{background:var(--color-accent);color:#fff;}.Header-module__D5nTzG__btnPrimary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.Header-module__D5nTzG__btnSecondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);}.Header-module__D5nTzG__btnSecondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.Header-module__D5nTzG__btnAccent{color:var(--color-accent-secondary);background:linear-gradient(135deg,#6c5ce726,#00cec926);border:1px solid #00cec94d;}.Header-module__D5nTzG__btnAccent:hover{border-color:var(--color-accent-secondary);background:linear-gradient(135deg,#6c5ce740,#00cec940)}.Header-module__D5nTzG__fileInput{display:none}.Header-module__D5nTzG__dropdownWrapper{position:relative}.Header-module__D5nTzG__dropdown{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:300px;max-height:420px;box-shadow:var(--shadow-lg);z-index:100;animation:Header-module__D5nTzG__dropdownIn var(--transition-fast) ease;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}@keyframes Header-module__D5nTzG__dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.Header-module__D5nTzG__dropdownHeader{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:12px 16px;font-size:11px;font-weight:600}.Header-module__D5nTzG__dropdownItem{text-align:left;width:100%;transition:background var(--transition-fast);align-items:center;gap:12px;padding:10px 16px;display:flex}.Header-module__D5nTzG__dropdownItem:hover{background:var(--color-bg-hover)}.Header-module__D5nTzG__dropdownIcon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.Header-module__D5nTzG__dropdownText{flex-direction:column;min-width:0;display:flex}.Header-module__D5nTzG__dropdownName{color:var(--color-text-primary);font-size:13px;font-weight:500}.Header-module__D5nTzG__dropdownDesc{color:var(--color-text-muted);font-size:11px}.Header-module__D5nTzG__menuToggle{border-radius:var(--radius-sm);width:36px;height:36px;transition:background var(--transition-fast);justify-content:center;align-items:center;font-size:20px;display:none}.Header-module__D5nTzG__menuToggle:hover{background:var(--color-bg-hover)}@media (max-width:768px){.Header-module__D5nTzG__header{padding:0 16px}.Header-module__D5nTzG__menuToggle{display:flex}.Header-module__D5nTzG__actions .Header-module__D5nTzG__btn span{display:none}.Header-module__D5nTzG__btn{padding:8px 10px}.Header-module__D5nTzG__dropdown{width:260px}}
.Sidebar-module__sTeV3q__sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);width:260px;transition:transform var(--transition-slow);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.Sidebar-module__sTeV3q__sidebarHeader{border-bottom:1px solid var(--color-border);padding:16px}.Sidebar-module__sTeV3q__title{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:12px;font-size:11px;font-weight:600}.Sidebar-module__sTeV3q__groupList{flex:1;padding:8px;overflow-y:auto}.Sidebar-module__sTeV3q__groupItem{border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:13px;display:flex}.Sidebar-module__sTeV3q__groupItem:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.Sidebar-module__sTeV3q__groupItemActive{background:var(--color-accent-glow);color:var(--color-accent-hover);}.Sidebar-module__sTeV3q__groupName{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.Sidebar-module__sTeV3q__groupCount{background:var(--color-bg-primary);color:var(--color-text-muted);border-radius:10px;flex-shrink:0;margin-left:8px;padding:2px 8px;font-size:11px}.Sidebar-module__sTeV3q__stats{border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:center;padding:12px 16px;font-size:12px}.Sidebar-module__sTeV3q__mobileOverlay{display:none}@media (max-width:768px){.Sidebar-module__sTeV3q__sidebar{z-index:50;box-shadow:var(--shadow-lg);position:fixed;top:64px;bottom:0;left:0;transform:translate(-100%)}.Sidebar-module__sTeV3q__sidebarOpen{transform:translate(0)}.Sidebar-module__sTeV3q__mobileOverlay{z-index:40;background:#00000080;display:block;position:fixed;inset:64px 0 0}}
.SearchBar-module__V5Upaa__wrapper{position:relative}.SearchBar-module__V5Upaa__input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-primary);width:100%;color:var(--color-text-primary);transition:all var(--transition-fast);outline:none;padding:10px 14px 10px 38px;font-size:13px}.SearchBar-module__V5Upaa__input::placeholder{color:var(--color-text-muted)}.SearchBar-module__V5Upaa__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.SearchBar-module__V5Upaa__icon{color:var(--color-text-muted);pointer-events:none;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.SearchBar-module__V5Upaa__clear{width:22px;height:22px;color:var(--color-text-muted);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.SearchBar-module__V5Upaa__clear:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}
.Playlist-module__yWbjQa__container{flex-direction:column;flex:1;padding:16px;display:flex;overflow-y:auto}.Playlist-module__yWbjQa__infoBar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.Playlist-module__yWbjQa__infoText{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.Playlist-module__yWbjQa__infoActions{align-items:center;gap:16px;display:flex}.Playlist-module__yWbjQa__cleanBtn{border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.Playlist-module__yWbjQa__cleanBtn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.Playlist-module__yWbjQa__cleanBtn:disabled{opacity:.5;cursor:wait}.Playlist-module__yWbjQa__grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.Playlist-module__yWbjQa__card{border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:12px;padding:12px;display:flex;overflow:hidden}.Playlist-module__yWbjQa__card:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.Playlist-module__yWbjQa__cardActive{border-color:var(--color-accent);background:var(--color-accent-glow);}.Playlist-module__yWbjQa__cardActive:hover{border-color:var(--color-accent-hover)}.Playlist-module__yWbjQa__logo{border-radius:var(--radius-sm);object-fit:contain;background:var(--color-bg-primary);flex-shrink:0;width:44px;height:44px}.Playlist-module__yWbjQa__logoPlaceholder{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-bg-tertiary), var(--color-bg-hover));flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.Playlist-module__yWbjQa__info{flex:1;min-width:0}.Playlist-module__yWbjQa__name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.Playlist-module__yWbjQa__group{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.Playlist-module__yWbjQa__playIcon{color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;font-size:14px}.Playlist-module__yWbjQa__card:hover .Playlist-module__yWbjQa__playIcon,.Playlist-module__yWbjQa__cardActive .Playlist-module__yWbjQa__playIcon{opacity:1;color:var(--color-accent)}.Playlist-module__yWbjQa__empty{height:100%;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.Playlist-module__yWbjQa__emptyIcon{opacity:.5;font-size:48px}.Playlist-module__yWbjQa__emptyText{font-size:15px}.Playlist-module__yWbjQa__pagination{flex-shrink:0;align-items:center;gap:4px;display:flex}.Playlist-module__yWbjQa__pageBtn{border-radius:var(--radius-sm);min-width:36px;height:36px;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0 4px;font-size:13px;font-weight:500;display:flex}.Playlist-module__yWbjQa__pageBtn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.Playlist-module__yWbjQa__pageBtn:disabled{opacity:.3;cursor:not-allowed}.Playlist-module__yWbjQa__pageBtnActive{background:var(--color-accent)!important;color:#fff!important;border-color:var(--color-accent)!important}.Playlist-module__yWbjQa__pageEllipsis{text-align:center;width:28px;color:var(--color-text-muted);font-size:14px}@media (max-width:768px){.Playlist-module__yWbjQa__container{padding:12px}.Playlist-module__yWbjQa__grid{grid-template-columns:1fr;gap:8px}.Playlist-module__yWbjQa__pageBtn{min-width:32px;height:32px;font-size:12px}}
.Player-module__Jgw9WG__player{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);transition:all var(--transition-normal);flex-shrink:0}.Player-module__Jgw9WG__playerInner{align-items:center;gap:16px;min-height:72px;padding:12px 24px;display:flex}.Player-module__Jgw9WG__channelInfo{flex:0 0 220px;align-items:center;gap:12px;min-width:0;display:flex}.Player-module__Jgw9WG__channelLogo{border-radius:var(--radius-sm);object-fit:contain;background:var(--color-bg-primary);flex-shrink:0;width:44px;height:44px}.Player-module__Jgw9WG__channelLogoPlaceholder{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.Player-module__Jgw9WG__channelText{min-width:0}.Player-module__Jgw9WG__channelName{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.Player-module__Jgw9WG__channelGroup{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.Player-module__Jgw9WG__controls{flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.Player-module__Jgw9WG__controlBtn{width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.Player-module__Jgw9WG__controlBtn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.Player-module__Jgw9WG__playBtn{background:var(--color-accent);color:#fff;width:44px;height:44px;font-size:18px;}.Player-module__Jgw9WG__playBtn:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow);transform:scale(1.05)}.Player-module__Jgw9WG__volumeArea{flex:0 0 140px;justify-content:flex-end;align-items:center;gap:8px;display:flex}.Player-module__Jgw9WG__volumeSlider{appearance:none;background:var(--color-bg-hover);cursor:pointer;border-radius:2px;outline:none;width:80px;height:4px}.Player-module__Jgw9WG__volumeSlider::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;width:14px;height:14px;transition:transform var(--transition-fast);border-radius:50%}.Player-module__Jgw9WG__volumeSlider::-webkit-slider-thumb:hover{transform:scale(1.2)}.Player-module__Jgw9WG__volumeSlider::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.Player-module__Jgw9WG__videoContainer{max-height:0;transition:max-height var(--transition-slow);background:#000;position:relative;overflow:hidden}.Player-module__Jgw9WG__videoContainerOpen{max-height:60vh}.Player-module__Jgw9WG__video{width:100%;max-height:60vh;display:block}.Player-module__Jgw9WG__expandBtn{}.Player-module__Jgw9WG__idle{color:var(--color-text-muted);justify-content:center;align-items:center;gap:8px;padding:20px;font-size:14px;display:flex}.Player-module__Jgw9WG__error{color:var(--color-danger);padding:4px 24px 8px;font-size:12px}@media (max-width:768px){.Player-module__Jgw9WG__playerInner{gap:12px;padding:10px 16px}.Player-module__Jgw9WG__channelInfo{flex:0 auto;min-width:0}.Player-module__Jgw9WG__volumeArea{display:none}.Player-module__Jgw9WG__controls{flex:none}}
.DropZone-module__6wV3xa__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:DropZone-module__6wV3xa__fadeIn var(--transition-fast) ease;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes DropZone-module__6wV3xa__fadeIn{0%{opacity:0}to{opacity:1}}.DropZone-module__6wV3xa__dropZone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);text-align:center;width:min(560px,90vw);transition:all var(--transition-normal);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:48px 32px;display:flex}.DropZone-module__6wV3xa__dropZone:hover,.DropZone-module__6wV3xa__dropZoneActive{border-color:var(--color-accent);background:var(--color-bg-tertiary);box-shadow:var(--shadow-glow)}.DropZone-module__6wV3xa__icon{font-size:48px;line-height:1}.DropZone-module__6wV3xa__title{font-size:20px;font-weight:600}.DropZone-module__6wV3xa__subtitle{color:var(--color-text-secondary);max-width:360px;font-size:14px}.DropZone-module__6wV3xa__urlSection{flex-direction:column;gap:12px;width:100%;max-width:420px;margin-top:8px;display:flex}.DropZone-module__6wV3xa__divider{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:12px;font-size:12px;display:flex}.DropZone-module__6wV3xa__divider:before,.DropZone-module__6wV3xa__divider:after{content:"";background:var(--color-border);flex:1;height:1px}.DropZone-module__6wV3xa__urlRow{gap:8px;display:flex}.DropZone-module__6wV3xa__urlInput{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast);outline:none;flex:1;padding:10px 14px;font-size:13px}.DropZone-module__6wV3xa__urlInput::placeholder{color:var(--color-text-muted)}.DropZone-module__6wV3xa__urlInput:focus{border-color:var(--color-accent)}.DropZone-module__6wV3xa__loadBtn{border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;transition:all var(--transition-fast);white-space:nowrap;padding:10px 20px;font-size:13px;font-weight:500}.DropZone-module__6wV3xa__loadBtn:hover{background:var(--color-accent-hover)}.DropZone-module__6wV3xa__loadBtn:disabled{opacity:.5;cursor:not-allowed}.DropZone-module__6wV3xa__closeBtn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:20px;right:20px}.DropZone-module__6wV3xa__closeBtn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.DropZone-module__6wV3xa__error{color:var(--color-danger);font-size:13px}
.page-module__E0kJGG__app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.page-module__E0kJGG__main{flex:1;display:flex;overflow:hidden}.page-module__E0kJGG__welcome{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.page-module__E0kJGG__welcomeContent{text-align:center;max-width:420px}.page-module__E0kJGG__welcomeIcon{margin-bottom:20px;font-size:64px;animation:3s ease-in-out infinite page-module__E0kJGG__float}@keyframes page-module__E0kJGG__float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.page-module__E0kJGG__welcomeTitle{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:28px;font-weight:700}.page-module__E0kJGG__welcomeText{color:var(--color-text-secondary);margin-bottom:28px;font-size:15px;line-height:1.6}.page-module__E0kJGG__welcomeActions{justify-content:center;gap:12px;display:flex}.page-module__E0kJGG__welcomeBtn{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;transition:all var(--transition-fast);align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;display:flex}.page-module__E0kJGG__welcomeBtn:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.page-module__E0kJGG__loadingBar{background:var(--color-bg-tertiary);flex-shrink:0;height:3px;overflow:hidden}.page-module__E0kJGG__loadingProgress{background:linear-gradient(90deg, var(--color-accent), var(--color-accent-secondary));border-radius:2px;width:30%;height:100%;animation:1.2s ease-in-out infinite page-module__E0kJGG__loading}@keyframes page-module__E0kJGG__loading{0%{transform:translate(-100%)}to{transform:translate(400%)}}