.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:100;gap:1rem;box-shadow:0 1px 2px #0000000d;width:100%;min-width:100vw}.navbar-left{display:flex;align-items:center;gap:1rem;min-width:-moz-fit-content;min-width:fit-content}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;border-radius:50%;color:#030303;transition:background-color .2s ease;padding:0}.hamburger-btn:hover{background-color:#f0f0f0}.hamburger-icon{width:24px;height:24px}.navbar-logo{display:flex;align-items:center;gap:.5rem}.logo-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease}.logo-btn:hover{background-color:#f0f0f0}.logo-play{font-size:1.5rem;color:#f1425d;font-weight:700}.logo-text{font-size:1.25rem;font-weight:700;color:#030303;white-space:nowrap}.navbar-center{flex:1;max-width:500px;position:relative}.search-wrapper{display:flex;align-items:center;border:1px solid #ccc;border-radius:24px;background:#f9f9f9;overflow:hidden;transition:box-shadow .2s ease}.search-wrapper:focus-within{border-color:#1f1f1f;box-shadow:0 1px 6px #0000001a}.search-input{flex:1;border:none;background:transparent;padding:.75rem 1rem;font-size:1rem;outline:none;color:#030303}.search-input::-moz-placeholder{color:#999}.search-input::placeholder{color:#999}.search-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;color:#030303;transition:background-color .2s ease}.search-btn:hover{background-color:#f0f0f0}.search-icon{width:20px;height:20px}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e5e5;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 8px 16px #0000001a;z-index:10;max-height:400px;overflow-y:auto;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{display:flex;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;cursor:pointer;color:#030303;text-align:left;font-size:.95rem;transition:background-color .2s ease}.suggestion-item:hover{background-color:#f0f0f0}.suggestion-item.loading{cursor:default;justify-content:center;gap:.5rem;color:#666}.suggestion-icon{width:18px;height:18px;color:#999;flex-shrink:0}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #1f1f1f;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar-right{display:flex;align-items:center;gap:1rem}.create-wrapper,.user-wrapper{position:relative}.create-btn,.user-avatar-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;border-radius:50%;color:#030303;transition:background-color .2s ease;padding:0}.create-btn:hover,.user-avatar-btn:hover{background-color:#f0f0f0}.create-icon{width:24px;height:24px}.user-avatar-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.user-avatar-placeholder{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:1.1rem}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 8px 24px #0000001f;min-width:280px;z-index:1000;animation:slideDown .2s ease;margin-top:.5rem}.create-dropdown{min-width:300px}.dropdown-item{display:flex;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;cursor:pointer;color:#030303;text-align:left;font-size:.95rem;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f0f0f0}.dropdown-item>div{flex:1}.dropdown-title{font-weight:500;margin-bottom:.25rem}.dropdown-desc{font-size:.85rem;color:#606060}.dropdown-icon{width:24px;height:24px;color:#606060;flex-shrink:0}.dropdown-divider{height:1px;background:#e5e5e5;margin:.25rem 0}.user-info{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #e5e5e5}.user-info-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.user-info-text{flex:1}.user-full-name{font-weight:500;color:#030303;margin-bottom:.25rem}.user-username{font-size:.85rem;color:#606060}.delete-account-btn{color:#dc2626}.delete-account-btn:hover{background-color:#fee2e2}.logout-btn{color:#f1425d}.logout-btn:hover{background-color:#ffe9ee}@media (max-width: 768px){.navbar-container{padding:.5rem .75rem;flex-wrap:wrap}.navbar-center{max-width:none;order:3;width:100%;margin-top:.5rem}.logo-text{display:none}.navbar-center{max-width:none}.search-wrapper{width:100%}}@media (max-width: 480px){.navbar-container{padding:.5rem}.search-input::-moz-placeholder{font-size:.9rem}.search-input::placeholder{font-size:.9rem}.dropdown-menu{min-width:260px}.dropdown-desc{display:none}.user-info{flex-direction:column;text-align:center}}@media (prefers-color-scheme: dark){.navbar-container{background:#212121;border-bottom-color:#303030;color:#fff}.hamburger-btn,.logo-btn,.search-btn,.create-btn,.user-avatar-btn{color:#fff}.hamburger-btn:hover,.logo-btn:hover,.search-btn:hover,.create-btn:hover,.user-avatar-btn:hover{background-color:#303030}.logo-text{color:#fff}.search-input{background:#303030;color:#fff}.search-input::-moz-placeholder{color:#999}.search-input::placeholder{color:#999}.search-wrapper{background:#303030;border-color:#404040}.search-wrapper:focus-within{border-color:#fff}.dropdown-menu,.suggestions-dropdown{background:#212121;border-color:#303030}.dropdown-item:hover,.suggestion-item:hover{background-color:#303030}.dropdown-item{color:#fff}.dropdown-desc,.suggestion-item.loading,.suggestion-icon{color:#999}.dropdown-divider{background:#303030}.user-full-name{color:#fff}.user-username{color:#999}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:40;animation:fadeIn .2s ease}@media (max-width: 768px){.sidebar-overlay{display:block}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{width:260px;background:#fff;border-right:1px solid #e5e5e5;height:100vh;overflow-y:auto;position:fixed;left:0;top:56px;transition:width .28s ease,transform .3s ease,background-color .28s ease,border-color .28s ease;z-index:50;box-shadow:0 2px 4px #0000001a}.sidebar-expanded-content{min-width:260px;opacity:1;transition:opacity .18s ease}.sidebar-rail-nav{display:none}.sidebar.sidebar-collapsed{width:80px;overflow:hidden;background:#0f0f0f;border-right-color:#0f0f0f;box-shadow:none}.sidebar.sidebar-collapsed .sidebar-expanded-content{opacity:0;pointer-events:none}.sidebar.sidebar-collapsed .sidebar-rail-nav{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.35rem 0}.sidebar-rail-item{width:80px;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;border:0;border-radius:0;background:transparent;color:#f1f1f1;cursor:pointer;font-size:.72rem;font-weight:600;line-height:1.1;text-align:center;transition:background-color .2s ease,color .2s ease}.sidebar-rail-item:hover{background:#272727}.sidebar-rail-item.active{background:#272727;color:#fff;border-radius:8px;margin:0 .25rem;width:72px}.sidebar-rail-icon{width:29px;height:29px;flex-shrink:0}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:280px;top:56px}.sidebar.sidebar-open{transform:translate(0)}.sidebar.sidebar-collapsed{width:280px;background:#fff;border-right-color:#e5e5e5;box-shadow:0 2px 4px #0000001a}.sidebar.sidebar-collapsed .sidebar-expanded-content{opacity:1;pointer-events:auto}.sidebar.sidebar-collapsed .sidebar-rail-nav{display:none}}.sidebar-section{padding:1rem 0;border-bottom:1px solid #e5e5e5}.sidebar-section:last-child{border-bottom:none}.sidebar-section-title{padding:0 1.5rem;font-size:.875rem;font-weight:600;text-transform:uppercase;color:#606060;margin-bottom:.75rem;letter-spacing:.05em}.sidebar-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease}.sidebar-section-toggle:hover{background-color:#f0f0f0}.toggle-icon{width:20px;height:20px;color:#606060;transition:transform .3s ease}.toggle-icon.open{transform:rotate(180deg)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:#030303;text-align:left;cursor:pointer;border-radius:8px;font-size:.95rem;transition:background-color .2s ease,color .2s ease;font-weight:500}.sidebar-item:hover{background-color:#f0f0f0}.sidebar-item.active{background-color:#f0f0f0;color:#f1425d}.sidebar-item.active .sidebar-icon{color:#f1425d}.sidebar-icon{width:24px;height:24px;color:#606060;flex-shrink:0;transition:color .2s ease}.sidebar-item:hover .sidebar-icon{color:#030303}.subscriptions-list{padding:.5rem .75rem}.subscription-item{gap:.75rem;font-size:.9rem}.subscription-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-size:1.25rem;flex-shrink:0;font-weight:700;overflow:hidden;color:#fff}.subscription-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.subscription-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscriptions-state{padding:.75rem 1rem;color:#606060;font-size:.9rem;line-height:1.35}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width: 1024px){.sidebar{width:240px}.sidebar-expanded-content{min-width:240px}.sidebar.sidebar-collapsed{width:80px}}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:56px;height:calc(100vh - 56px);z-index:50}.sidebar-expanded-content{min-width:280px}.sidebar-section-title{padding:0 1.5rem}}@media (prefers-color-scheme: dark){.sidebar{background:#212121;border-right-color:#303030}.sidebar.sidebar-collapsed{background:#0f0f0f;border-right-color:#0f0f0f}.sidebar-section{border-bottom-color:#303030}.sidebar-section-title{color:#999}.sidebar-section-toggle:hover{background-color:#303030}.toggle-icon{color:#999}.sidebar-item{color:#fff}.sidebar-item:hover{background-color:#303030}.sidebar-item.active{background-color:#303030;color:#f1425d}.sidebar-icon{color:#999}.sidebar-item:hover .sidebar-icon{color:#fff}.sidebar-item.active .sidebar-icon{color:#f1425d}.subscriptions-state{color:#999}.sidebar::-webkit-scrollbar-thumb{background:#404040}.sidebar::-webkit-scrollbar-thumb:hover{background:#555}}.video-card{display:flex;flex-direction:column;cursor:pointer;transition:transform .2s ease;border-radius:8px;overflow:hidden}.video-card:hover{transform:translateY(-4px)}.video-thumbnail-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#e5e5e5;border-radius:8px;overflow:hidden;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.video-thumbnail-img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease}.video-card:hover .video-thumbnail-img{transform:scale(1.05)}.video-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:2rem}.video-thumbnail-placeholder svg{width:60px;height:60px}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;z-index:10}.video-card:hover .video-overlay{opacity:1}.play-icon{width:56px;height:56px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:all .2s ease}.video-card:hover .play-icon{background:#fff;transform:scale(1.1)}.play-icon svg{width:24px;height:24px;color:#f1425d;margin-left:2px}.video-duration{position:absolute;bottom:8px;right:8px;background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;z-index:20;min-width:40px;text-align:center}.video-card-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.video-info-header{display:flex;gap:.75rem;align-items:flex-start;position:relative}.channel-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);-o-object-fit:cover;object-fit:cover;flex-shrink:0;cursor:pointer;transition:opacity .2s ease}.channel-avatar:hover{opacity:.8}.video-text-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.video-title{font-size:.95rem;font-weight:500;color:#030303;margin:0;padding:0;border:none;background:none;cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;transition:color .2s ease}.video-title:hover{color:#606060}.video-channel-link{font-size:.85rem;color:#606060;margin:0;padding:0;border:none;background:none;cursor:pointer;text-align:left;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-channel-link:hover{color:#030303}.video-stats{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#606060}.stat-separator{margin:0 .25rem}.video-menu-btn{position:absolute;top:0;right:0;width:36px;height:36px;padding:0;border:none;background:transparent;color:#030303;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.video-card:hover .video-menu-btn{opacity:1}.video-menu-btn:hover{background:#0000001a}.video-menu-btn svg{width:20px;height:20px}@media (max-width: 900px){.video-title{font-size:.9rem;-webkit-line-clamp:2}.channel-avatar{width:32px;height:32px}.video-channel-link{font-size:.8rem}.video-stats{font-size:.75rem}}@media (max-width: 640px){.video-card,.video-card:hover{transform:none}.video-thumbnail-img{transform:none!important}.video-title{font-size:.85rem;-webkit-line-clamp:2}.video-channel-link{font-size:.75rem}.video-stats{font-size:.7rem}.video-menu-btn{display:none}}@media (prefers-color-scheme: dark){.video-thumbnail-wrapper{background:#303030}.video-title{color:#fff}.video-title:hover{color:#ccc}.video-channel-link,.video-stats{color:#999}.video-channel-link:hover,.video-menu-btn{color:#fff}.video-menu-btn:hover{background:#ffffff1a}}.home-container{display:flex;flex-direction:column;height:100vh;width:100vw;background:#fff;overflow:hidden}.home-layout{display:flex;flex:1;overflow:hidden;width:100%}.home-main{flex:1;overflow-y:auto;overflow-x:hidden;margin-left:260px;padding:0;background:#fff;transition:margin-left .3s ease;width:100%}.home-main.home-main-collapsed{margin-left:80px}@media (max-width: 1024px){.home-main{margin-left:240px}.home-main.home-main-collapsed{margin-left:80px}}@media (max-width: 768px){.home-main,.home-main.home-main-collapsed{margin-left:0}}.filter-section{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e5e5;padding:.75rem 0;z-index:10;box-shadow:0 1px 2px #0000000d}.filter-buttons{display:flex;gap:.5rem;padding:0 1rem;overflow-x:auto;scroll-behavior:smooth}.filter-buttons::-webkit-scrollbar{height:4px}.filter-buttons::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.filter-btn{padding:.5rem 1rem;background:#f0f0f0;border:1px solid transparent;border-radius:16px;cursor:pointer;font-size:.9rem;font-weight:500;color:#030303;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:-moz-fit-content;min-width:fit-content}.filter-btn:hover{background:#e5e5e5}.filter-btn.active{background:#030303;color:#fff;border-color:#030303}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:1.5rem;auto-rows:max-content}@media (max-width: 1400px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 900px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;padding:1rem}}@media (max-width: 640px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;padding:.75rem}}.video-card-skeleton{display:flex;flex-direction:column;gap:.75rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.skeleton-thumbnail{width:100%;padding-bottom:56.25%;background:#e5e5e5;border-radius:8px;position:relative}.skeleton-content{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.skeleton-title{height:16px;background:#e5e5e5;border-radius:4px;width:100%}.skeleton-channel{height:12px;background:#e5e5e5;border-radius:4px;width:60%}.skeleton-meta{height:12px;background:#e5e5e5;border-radius:4px;width:80%}.error-container{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;min-height:400px;color:#606060}.error-icon{font-size:3rem;margin-bottom:1rem}.error-container h2{color:#030303;margin-bottom:.5rem;font-size:1.5rem}.error-container p{margin-bottom:1.5rem;color:#999}.retry-btn{padding:.75rem 1.5rem;background:#f1425d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background .2s ease}.retry-btn:hover{background:#e03a52}.empty-container{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;min-height:400px;color:#606060}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-container h2{color:#030303;margin-bottom:.5rem;font-size:1.5rem}.empty-container p{color:#999}@media (max-width: 768px){.filter-section{padding:.5rem 0}.filter-buttons{padding:0 .75rem}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (prefers-color-scheme: dark){.home-container,.home-main{background:#212121}.filter-section{background:#212121;border-bottom-color:#303030}.filter-btn{background:#303030;color:#fff}.filter-btn:hover{background:#404040}.filter-btn.active{background:#fff;color:#030303}.skeleton-thumbnail,.skeleton-title,.skeleton-channel,.skeleton-meta{background:#303030}.error-container,.empty-container{color:#999}.error-container h2,.empty-container h2{color:#fff}}.login-wrapper{min-height:100vh;width:100vw;background-color:#0a0a0a;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-container{width:100%;max-width:400px;background-color:#111;padding:2rem}.login-header{text-align:center;margin-bottom:2rem}.login-icon{font-size:2.25rem;font-weight:700;color:#dc2626;margin-bottom:.5rem}.login-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#9ca3af}.login-error{background-color:#ef444433;color:#f87171;padding:1rem;border-radius:.375rem;margin-bottom:1.5rem;font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1rem;background-color:#111;padding:2rem;border-radius:.375rem;border:1px solid #1a1a1a}.login-form-group{display:flex;flex-direction:column}.login-form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.login-form-input{width:100%;padding:.5rem 1rem;background-color:#1a1a1a;color:#fff;border:1px solid #262626;border-radius:.375rem;font-size:.875rem;outline:none;transition:border-color .2s ease}.login-form-input:focus{border-color:#dc2626}.login-submit-btn{width:100%;padding:.5rem;background-color:#dc2626;color:#fff;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-top:1.5rem;font-size:.875rem}.login-submit-btn:hover:not(:disabled){background-color:#b91c1c}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-footer{text-align:center;margin-top:1rem}.login-footer-text{color:#9ca3af;font-size:.875rem}.login-footer-link{color:#dc2626;text-decoration:none;font-weight:600}.login-footer-link:hover{text-decoration:underline}.register-wrapper{min-height:100vh;width:100vw;background-color:#0a0a0a;display:flex;align-items:center;justify-content:center;padding:1.5rem}.register-container{width:100%;max-width:500px;background-color:#111;padding:2rem}.register-header{text-align:center;margin-bottom:2rem}.register-icon{font-size:2.25rem;font-weight:700;color:#dc2626;margin-bottom:.5rem}.register-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.register-subtitle{color:#9ca3af}.register-error{background-color:#ef444433;color:#f87171;padding:1rem;border-radius:.375rem;margin-bottom:1.5rem;font-size:.875rem}.register-form{display:flex;flex-direction:column;gap:1rem;background-color:#111;padding:2rem;border-radius:.375rem;border:1px solid #1a1a1a;max-height:24rem;overflow-y:auto}.register-form-group{display:flex;flex-direction:column}.register-form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.register-form-input{width:100%;padding:.5rem 1rem;background-color:#1a1a1a;color:#fff;border:1px solid #262626;border-radius:.375rem;font-size:.875rem;outline:none;transition:border-color .2s ease}.register-form-input:focus{border-color:#dc2626}.register-file-success{font-size:.75rem;color:#4ade80;margin-top:.25rem}.register-submit-btn{width:100%;padding:.5rem;background-color:#dc2626;color:#fff;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-top:1.5rem;font-size:.875rem}.register-submit-btn:hover:not(:disabled){background-color:#b91c1c}.register-submit-btn:disabled{opacity:.5;cursor:not-allowed}.register-footer{text-align:center;margin-top:1rem}.register-footer-text{color:#9ca3af;font-size:.875rem}.register-footer-link{color:#dc2626;text-decoration:none;font-weight:600}.register-footer-link:hover{text-decoration:underline}.watch-shell{--watch-bg: #0f0f0f;--watch-surface: #1b1b1b;--watch-surface-soft: #242424;--watch-surface-hover: #2f2f2f;--watch-border: #343434;--watch-text: #f1f1f1;--watch-muted: #aaa;--watch-red: #ff3b4f;--watch-blue: #8ecfff;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--watch-bg);color:var(--watch-text)}.watch-shell .navbar-container{position:relative;min-width:0;height:64px;flex-shrink:0;background:var(--watch-bg);border-bottom:0;box-shadow:none;color:var(--watch-text)}.watch-shell .hamburger-btn,.watch-shell .logo-btn,.watch-shell .search-btn,.watch-shell .create-btn,.watch-shell .user-avatar-btn{color:var(--watch-text)}.watch-shell .hamburger-btn:hover,.watch-shell .logo-btn:hover,.watch-shell .search-btn:hover,.watch-shell .create-btn:hover,.watch-shell .user-avatar-btn:hover{background:var(--watch-surface-soft)}.watch-shell .logo-text{color:var(--watch-text)}.watch-shell .search-wrapper{background:#121212;border-color:#303030}.watch-shell .search-input{color:var(--watch-text);background:#121212}.watch-shell .search-btn{background:var(--watch-surface);border-left:1px solid #303030}.watch-shell .dropdown-menu,.watch-shell .suggestions-dropdown{background:var(--watch-surface);border-color:var(--watch-border)}.watch-shell .dropdown-item,.watch-shell .suggestion-item{color:var(--watch-text)}.watch-shell .dropdown-item:hover,.watch-shell .suggestion-item:hover{background:var(--watch-surface-hover)}.watch-content{display:grid;grid-template-columns:minmax(0,1fr) 504px;gap:20px;flex:1;min-height:0;overflow-y:auto;padding:16px 20px 32px}.watch-primary{min-width:0}.watch-player-frame{position:relative;width:100%;aspect-ratio:16 / 8.25;min-height:360px;overflow:hidden;border-radius:14px;background:#000}.watch-react-player{position:absolute;top:0;right:0;bottom:0;left:0}.watch-react-player video,.watch-react-player iframe{-o-object-fit:cover;object-fit:cover}.watch-player-click-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;background:transparent;cursor:pointer}.watch-controls{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 14px 14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.76))}.watch-progress{--progress: 0%;width:100%;height:8px;display:block;margin:0 0 10px;padding:0;border:0;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,var(--watch-red) 0%,var(--watch-red) var(--progress),rgba(255,255,255,.28) var(--progress),rgba(255,255,255,.28) 100%);cursor:pointer}.watch-progress::-webkit-slider-thumb{width:14px;height:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;background:var(--watch-red)}.watch-progress::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--watch-red)}.watch-control-row,.watch-control-group{display:flex;align-items:center}.watch-control-row{justify-content:space-between;gap:14px}.watch-control-group{min-width:0;gap:8px}.watch-control-group-right{justify-content:flex-end}.autoplay-toggle{width:62px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 62px;border-radius:999px;color:#111;background:#ffffff1f}.autoplay-toggle:hover{background:#fff3}.autoplay-toggle-track{position:relative;width:46px;height:24px;display:block;border-radius:999px;background:#5f5f5f;transition:background .2s ease}.autoplay-toggle-thumb{position:absolute;top:3px;left:4px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#111;background:#fff;font-size:.52rem;transition:transform .2s ease}.autoplay-toggle.active .autoplay-toggle-track{background:#f1f1f1}.autoplay-toggle.active .autoplay-toggle-thumb{transform:translate(20px);color:#fff;background:#111}.watch-icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;border-radius:50%;color:#fff;background:#ffffff1a;transition:background .2s ease,transform .2s ease}.watch-icon-button:hover{background:#fff3}.watch-main-button{width:46px;height:46px;flex-basis:46px;font-size:1.1rem}.watch-time{min-width:104px;color:#fff;font-size:.95rem;font-weight:700;white-space:nowrap}.speed-control{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border-radius:999px;background:#ffffff1c;color:#fff;font-size:.84rem;font-weight:700;white-space:nowrap}.speed-control select{height:28px;min-width:68px;padding:0 6px;border:0;border-radius:999px;color:#fff;background:#161616;font-weight:700}.watch-title{margin:16px 0 12px;color:var(--watch-text);font-size:1.55rem;line-height:1.25;font-weight:800}.watch-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.watch-channel-block{display:flex;align-items:center;min-width:0;gap:12px}.watch-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.watch-channel-text{min-width:148px;display:flex;flex-direction:column;line-height:1.25}.watch-channel-name{display:inline-flex;align-items:center;gap:5px;max-width:190px;padding:0;overflow:hidden;color:var(--watch-text);background:transparent;font-size:1rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.watch-channel-name svg{flex:0 0 auto;color:var(--watch-muted);font-size:.78rem}.watch-channel-text span{color:var(--watch-muted);font-size:.85rem;white-space:nowrap}.subscribe-button,.action-pill,.action-circle,.rating-pill{height:44px;border-radius:999px;font-weight:800}.subscribe-button{min-width:118px;padding:0 20px;color:#0f0f0f;background:#f7f7f7}.subscribe-button.subscribed{color:var(--watch-text);background:var(--watch-surface-soft)}.subscribe-button:disabled,.rating-pill button:disabled{cursor:not-allowed;opacity:.65}.watch-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.rating-pill,.rating-pill button,.action-pill,.action-circle{display:inline-flex;align-items:center;justify-content:center;color:var(--watch-text);background:var(--watch-surface-soft)}.rating-pill{overflow:hidden}.rating-pill button{height:44px;min-width:54px;gap:8px;padding:0 14px;border-radius:0;font-size:1rem}.rating-pill button.active{color:var(--watch-blue)}.pill-divider{width:1px;height:24px;background:#4a4a4a}.action-pill{min-width:94px;gap:9px;padding:0 16px;font-size:.95rem}.action-circle{width:44px;flex:0 0 44px;font-size:1rem}.rating-pill button:hover,.action-pill:hover,.action-circle:hover{background:var(--watch-surface-hover)}.subscribe-button:hover{background:#dedede}.subscribe-button.subscribed:hover{background:var(--watch-surface-hover)}.share-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000009e}.save-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-start;justify-content:flex-end;padding:92px 380px 24px 24px;background:#00000047}.save-modal{width:min(500px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 120px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--watch-border);border-radius:14px;background:#282828;color:var(--watch-text);box-shadow:0 18px 58px #0000007a}.save-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 12px}.save-modal-header h2{margin:0;font-size:1.3rem;line-height:1.2;font-weight:900}.save-modal-header button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--watch-text);background:transparent}.save-modal-header button:hover{background:var(--watch-surface-hover)}.save-playlist-list{min-height:120px;overflow-y:auto;padding:0 12px 12px}.save-playlist-list::-webkit-scrollbar{width:8px}.save-playlist-list::-webkit-scrollbar-thumb{border-radius:999px;background:#777}.save-playlist-item{width:100%;min-height:70px;display:grid;grid-template-columns:76px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;color:var(--watch-text);background:transparent;text-align:left}.save-playlist-item:hover,.save-playlist-item.saved{background:#3d3d3d}.save-playlist-item:disabled{cursor:default}.save-playlist-thumb{width:76px;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5px;color:#ddd;background:#171717}.save-playlist-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.save-playlist-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.save-playlist-copy strong{overflow:hidden;color:var(--watch-text);font-size:1rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.save-playlist-copy span{color:var(--watch-muted);font-size:.9rem}.save-bookmark-icon{display:inline-flex;justify-content:center;color:var(--watch-text);font-size:1.45rem}.save-playlist-item.saved .save-bookmark-icon{color:var(--watch-blue)}.save-state{padding:22px 12px;color:var(--watch-muted);font-weight:700}.save-state.error{color:#ffb4ab}.new-playlist-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:12px;margin:0 14px 14px;border-radius:999px;color:var(--watch-text);background:#3d3d3d;font-size:1rem;font-weight:900}.new-playlist-button:hover{background:#4a4a4a}.new-playlist-form{display:flex;flex-direction:column;gap:12px;padding:14px;border-top:1px solid var(--watch-border)}.new-playlist-form input,.new-playlist-form textarea{width:100%;border:1px solid #555;border-radius:8px;outline:none;color:var(--watch-text);background:#171717;font-size:1rem;font-family:inherit}.new-playlist-form input{height:44px;padding:0 12px}.new-playlist-form textarea{min-height:84px;resize:vertical;padding:11px 12px;line-height:1.4}.new-playlist-form input:focus,.new-playlist-form textarea:focus{border-color:var(--watch-blue)}.new-playlist-form div{display:flex;justify-content:flex-end;gap:10px}.new-playlist-form button{min-height:40px;padding:0 16px;border-radius:999px;color:var(--watch-text);background:#3d3d3d;font-weight:800}.new-playlist-form button[type=submit]{color:#0f0f0f;background:#f1f1f1}.new-playlist-form button:hover:not(:disabled){filter:brightness(1.08)}.new-playlist-form button:disabled{cursor:not-allowed;opacity:.7}.share-modal{width:min(528px,100%);padding:20px;border:1px solid var(--watch-border);border-radius:12px;background:#202020;color:var(--watch-text);box-shadow:0 18px 60px #00000073}.share-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.share-modal-header h2{margin:0;font-size:1.2rem;line-height:1.25;font-weight:800}.share-modal-close{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;border-radius:50%;color:var(--watch-text);background:transparent;font-size:1.15rem}.share-modal-close:hover{background:var(--watch-surface-hover)}.share-link-box{min-height:64px;display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #454545;border-radius:14px;background:#101010}.share-link-box input{min-width:0;flex:1;border:0;outline:0;color:var(--watch-text);background:transparent;font-size:1rem;font-weight:700}.share-link-box button{height:42px;min-width:76px;padding:0 18px;border:1px solid #454545;border-radius:999px;color:var(--watch-text);background:#181818;font-size:.95rem;font-weight:800}.share-link-box button:hover{background:var(--watch-surface-hover)}.watch-description{margin-top:16px;padding:14px 16px;border-radius:8px;color:var(--watch-text);background:var(--watch-surface)}.watch-description strong{display:block;margin-bottom:6px}.watch-description span,.watch-description p{color:#d6d6d6}.watch-description p{margin:0;line-height:1.55}.comments-section{margin-top:28px;color:var(--watch-text)}.comments-header{display:flex;align-items:center;margin-bottom:22px}.comments-header h2{margin:0;font-size:1.45rem;line-height:1.2;font-weight:900}.comment-composer,.comment-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px}.comment-composer{margin-bottom:28px}.comment-avatar{width:44px;height:44px;flex:0 0 44px;overflow:hidden;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--watch-surface-soft)}.comment-composer-main{min-width:0}.comment-composer-main input{width:100%;height:40px;border:0;border-bottom:1px solid #464646;outline:0;color:var(--watch-text);background:transparent;font-size:1rem}.comment-composer-main input:focus{border-bottom-color:#f1f1f1}.comment-composer-actions,.comment-edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.comment-composer-actions button,.comment-edit-actions button,.load-comments-button{min-height:38px;padding:0 16px;border-radius:999px;color:var(--watch-text);background:transparent;font-weight:900}.comment-composer-actions button:hover,.comment-edit-actions button:hover,.load-comments-button:hover{background:var(--watch-surface-soft)}.comment-composer-actions button[type=submit],.comment-edit-actions button:last-child{display:inline-flex;align-items:center;gap:8px;color:#0f0f0f;background:#f1f1f1}.comment-composer-actions button:disabled,.comment-edit-actions button:disabled,.comment-actions button:disabled,.comment-owner-actions button:disabled,.load-comments-button:disabled{cursor:not-allowed;opacity:.58}.comments-state{padding:12px 0 20px 58px;color:var(--watch-muted);font-weight:800}.comments-state.error{color:#ffb4ab}.comments-list{display:flex;flex-direction:column;gap:24px}.comment-item{position:relative;padding-right:74px}.comment-body{min-width:0}.comment-topline{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}.comment-topline strong{color:var(--watch-text);font-size:.92rem;line-height:1.25}.comment-topline span{color:var(--watch-muted);font-size:.84rem;font-weight:700}.comment-body p{margin:0;color:#f1f1f1;font-size:.98rem;line-height:1.48;white-space:pre-wrap;word-break:break-word}.comment-actions{display:flex;align-items:center;gap:6px;margin-top:9px}.comment-actions button,.comment-owner-actions button{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:50%;color:var(--watch-text);background:transparent;font-size:.92rem;font-weight:900}.comment-actions button:hover,.comment-owner-actions button:hover{background:var(--watch-surface-soft)}.comment-actions button.active{color:var(--watch-blue)}.comment-actions .comment-reply-button{width:auto;min-width:64px;padding:0 12px;border-radius:999px}.comment-owner-actions{position:absolute;top:0;right:0;display:flex;gap:4px}.comment-edit-box textarea{width:100%;min-height:86px;resize:vertical;border:1px solid #505050;border-radius:8px;outline:0;color:var(--watch-text);background:#141414;padding:10px 12px;font-size:1rem;font-family:inherit;line-height:1.45}.comment-edit-box textarea:focus{border-color:var(--watch-blue)}.load-comments-button{margin:26px 0 0 58px;border:1px solid #3f3f3f}.watch-secondary{min-width:0}.watch-skeleton{pointer-events:none}.watch-skeleton-shimmer{position:relative;overflow:hidden;background:#2f2f2f}.watch-skeleton-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:watch-skeleton-sweep 1.4s ease-in-out infinite}.watch-skeleton-player{width:100%;aspect-ratio:16 / 8.25;min-height:360px;border-radius:14px}.watch-skeleton-line{display:block;height:16px;border-radius:999px}.watch-skeleton-title-line{width:min(680px,72%);height:30px;margin:20px 0 18px}.watch-skeleton-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.watch-skeleton-channel,.watch-skeleton-actions{display:flex;align-items:center;gap:12px}.watch-skeleton-avatar,.watch-skeleton-circle{display:block;border-radius:50%}.watch-skeleton-avatar{width:48px;height:48px;flex:0 0 48px}.watch-skeleton-text-group{display:flex;flex-direction:column;gap:9px}.watch-skeleton-name-line{width:168px}.watch-skeleton-sub-line{width:118px}.watch-skeleton-pill{display:block;width:124px;height:44px;border-radius:999px}.watch-skeleton-circle{width:44px;height:44px}.watch-skeleton-description{width:100%;height:92px;margin-top:22px;border-radius:8px}.watch-skeleton-side-title{width:118px;height:22px;margin:18px 0 14px}.watch-skeleton-up-next{display:flex;flex-direction:column;gap:12px}.watch-skeleton-card{display:grid;grid-template-columns:168px minmax(0,1fr);gap:10px;min-height:94px}.watch-skeleton-thumb{display:block;width:168px;aspect-ratio:16 / 9;border-radius:6px}.watch-skeleton-card-copy{min-width:0;display:flex;flex-direction:column;gap:9px;padding-top:4px}.watch-skeleton-card-title{width:92%}.watch-skeleton-card-small{width:62%;height:14px}.watch-skeleton-card-small.short{width:44%}.watch-error-state{max-width:520px;align-self:flex-start;padding:28px;border-radius:8px;background:var(--watch-surface)}.watch-error-state h1{margin:0 0 10px;font-size:1.45rem}.watch-error-state p{margin:0 0 18px;color:var(--watch-muted)}.watch-error-state button{min-height:42px;padding:0 18px;border-radius:999px;color:var(--watch-bg);background:var(--watch-text);font-weight:800}@keyframes watch-skeleton-sweep{to{transform:translate(100%)}}.playlist-panel{overflow:hidden;border:1px solid var(--watch-border);border-radius:14px;background:var(--watch-surface)}.playlist-collapsed-panel{width:min(504px,100%);min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 10px 16px 20px;border:1px solid #4a4235;border-radius:14px;color:var(--watch-text);background:#241f18;text-align:left}.playlist-collapsed-panel:hover{background:#2b251d}.playlist-collapsed-panel span{min-width:0;display:flex;flex-direction:column;gap:6px}.playlist-collapsed-panel strong{overflow:hidden;color:var(--watch-text);font-size:1rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.playlist-collapsed-panel em{overflow:hidden;color:#d2c2ad;font-size:.92rem;font-style:normal;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.playlist-collapsed-panel i{width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 50px;border-radius:50%;color:var(--watch-text);background:#ffffff1f;font-size:1.15rem;font-style:normal}.playlist-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 18px}.playlist-header h2{max-width:380px;margin:0 0 4px;overflow:hidden;color:var(--watch-text);font-size:1.15rem;line-height:1.22;text-overflow:ellipsis;white-space:nowrap}.playlist-header span{color:#d2d2d2;font-size:.95rem}.playlist-close{width:38px;height:38px;flex:0 0 38px;color:var(--watch-text);background:transparent;border-radius:50%;font-size:1.75rem;line-height:1}.playlist-close:hover{background:var(--watch-surface-hover)}.playlist-list{max-height:586px;overflow-y:auto;padding-bottom:8px}.playlist-panel-state{padding:18px;color:var(--watch-muted);font-weight:800}.playlist-item{position:relative;width:100%;min-height:86px;display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:4px;padding:8px 8px 8px 0;color:var(--watch-text);background:transparent;text-align:left}.playlist-item:hover{background:#222}.playlist-item.active{background:#172127}.playlist-item-main{min-width:0;display:grid;grid-template-columns:42px 124px minmax(0,1fr);align-items:center;gap:10px;border:0;color:inherit;background:transparent;text-align:left}.playlist-index{display:inline-flex;justify-content:center;color:#c8d8e8;font-size:.9rem}.playlist-index svg{margin-top:4px;font-size:.75rem}.playlist-thumb,.up-next-thumb{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 9;border-radius:6px;background:#000}.playlist-thumb img,.up-next-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.playlist-thumb span,.up-next-thumb span{position:absolute;right:4px;bottom:4px;padding:1px 4px;border-radius:3px;color:#fff;background:#000000d9;font-size:.75rem;font-weight:800}.playlist-copy,.up-next-copy{min-width:0;display:flex;flex-direction:column}.playlist-copy strong,.up-next-copy strong{display:-webkit-box;overflow:hidden;color:var(--watch-text);line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.playlist-copy span,.up-next-copy span{margin-top:4px;color:var(--watch-muted);font-size:.9rem}.up-next-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 12px}.up-next-heading h2{margin:0;color:var(--watch-text);font-size:1.05rem;line-height:1.2;font-weight:800}.up-next-autoplay{min-height:34px;display:inline-flex;align-items:center;gap:9px;padding:0 2px 0 10px;border-radius:999px;color:var(--watch-muted);background:transparent;font-size:.86rem;font-weight:800}.up-next-autoplay:hover{color:var(--watch-text);background:var(--watch-surface-soft)}.up-next-autoplay i{position:relative;width:38px;height:22px;display:inline-block;border-radius:999px;background:#565656;transition:background .2s ease}.up-next-autoplay i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease}.up-next-autoplay.active{color:var(--watch-text)}.up-next-autoplay.active i{background:#f1f1f1}.up-next-autoplay.active i:after{transform:translate(16px);background:#111}.up-next-list{display:flex;flex-direction:column;gap:12px}.up-next-card{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:4px;min-height:94px;color:var(--watch-text);background:transparent;text-align:left}.up-next-main{min-width:0;display:grid;grid-template-columns:168px minmax(0,1fr);gap:10px;border:0;color:inherit;background:transparent;text-align:left}.up-next-main:hover .up-next-copy strong{color:var(--watch-blue)}.up-next-thumb{width:168px}.video-list-menu-wrap{position:relative;align-self:start;display:flex;justify-content:flex-end}.video-list-more{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;color:var(--watch-text);background:transparent;font-size:1rem}.video-list-more:hover,.video-list-more[aria-expanded=true]{background:var(--watch-surface-hover)}.video-list-menu{position:absolute;top:38px;right:0;z-index:25;width:220px;overflow:hidden;padding:8px 0;border:1px solid #454545;border-radius:12px;background:#282828;box-shadow:0 14px 34px #0000006b}.video-list-menu button{width:100%;min-height:46px;display:flex;align-items:center;gap:14px;padding:0 16px;border:0;color:var(--watch-text);background:transparent;font-size:.95rem;font-weight:800;text-align:left}.video-list-menu button svg{width:20px;flex:0 0 20px;color:#d8d8d8;font-size:1.05rem}.video-list-menu button:hover{background:var(--watch-surface-hover)}.full-mode .watch-player-frame:fullscreen{border-radius:0}.watch-player-frame:fullscreen .watch-react-player video,.watch-player-frame:fullscreen .watch-react-player iframe{-o-object-fit:contain;object-fit:contain}@media (max-width: 1240px){.watch-content{grid-template-columns:1fr}.watch-secondary{display:grid;grid-template-columns:minmax(0,1fr)}.playlist-list{max-height:430px}}@media (max-width: 820px){.watch-shell .navbar-container{height:auto}.watch-content{padding:0 0 28px}.watch-player-frame{min-height:240px;border-radius:0}.watch-title,.watch-meta-row,.watch-description,.comments-section,.watch-secondary{margin-left:12px;margin-right:12px}.watch-title{font-size:1.2rem}.watch-skeleton-player{min-height:240px;border-radius:0}.watch-skeleton-title-line,.watch-skeleton-meta-row,.watch-skeleton-description,.watch-skeleton .watch-secondary{margin-left:12px;margin-right:12px}.watch-skeleton-title-line{width:calc(100% - 24px);height:24px}.watch-skeleton-meta-row,.watch-meta-row{align-items:flex-start;flex-direction:column}.watch-actions{justify-content:flex-start}.comments-header{gap:18px}.playlist-header h2{max-width:260px;font-size:1.1rem}.watch-control-row{align-items:flex-start;flex-direction:column}.watch-control-group-right{width:100%;justify-content:space-between}}@media (max-width: 560px){.watch-player-frame,.watch-skeleton-player{min-height:206px}.watch-skeleton-channel{flex-wrap:wrap}.watch-skeleton-actions{width:100%;overflow:hidden}.watch-skeleton-card{grid-template-columns:132px minmax(0,1fr)}.watch-skeleton-thumb{width:132px}.watch-controls{padding:0 8px 10px}.watch-icon-button{width:34px;height:34px;flex-basis:34px}.watch-main-button{width:38px;height:38px;flex-basis:38px}.watch-time{min-width:90px;font-size:.82rem}.speed-control span{display:none}.watch-channel-block{flex-wrap:wrap}.comments-header h2{font-size:1.2rem}.comment-item{padding-right:0}.comment-owner-actions{position:static;grid-column:2;justify-content:flex-start;margin-top:-14px}.comments-state,.load-comments-button{margin-left:0;padding-left:0}.watch-actions{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.playlist-item-main{grid-template-columns:32px 112px minmax(0,1fr)}.up-next-card{grid-template-columns:minmax(0,1fr) 34px}.up-next-main{grid-template-columns:132px minmax(0,1fr)}.up-next-thumb{width:132px}.share-modal{padding:16px}.save-modal-backdrop{align-items:center;justify-content:center;padding:16px}.save-modal{max-height:calc(100vh - 32px)}.save-playlist-item{grid-template-columns:64px minmax(0,1fr) 36px}.save-playlist-thumb{width:64px}.share-link-box{min-height:58px;gap:8px;padding:8px}.share-link-box button{min-width:68px;padding:0 14px}}.upload-shell{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#f6f7f9;color:#151515}.upload-main{flex:1;min-height:0;overflow-y:auto;padding:28px}.upload-form{width:min(1180px,100%);margin:0 auto}.upload-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.upload-header h1{margin:0;color:#111;font-size:2rem;line-height:1.15;font-weight:800}.upload-header p{margin:8px 0 0;color:#606060;font-size:1rem}.upload-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.upload-primary-btn,.upload-secondary-btn,.file-row button,.upload-message button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:800;transition:background .2s ease,color .2s ease,opacity .2s ease}.upload-primary-btn{min-width:124px;padding:0 18px;color:#fff;background:#111}.upload-primary-btn:hover{background:#303030}.upload-secondary-btn{min-width:86px;padding:0 16px;color:#151515;background:#e8eaee}.upload-secondary-btn:hover,.file-row button:hover{background:#dcdfe5}.upload-primary-btn:disabled,.upload-secondary-btn:disabled,.file-row button:disabled,.clear-thumbnail-btn:disabled{cursor:not-allowed;opacity:.6}.upload-message{min-height:48px;display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;border-radius:8px;font-weight:700}.upload-message.error{color:#8a1f11;background:#ffe8e3}.upload-message.success{color:#0f5132;background:#dff6e8}.upload-message button{min-height:34px;margin-left:auto;padding:0 14px;color:#fff;background:#0f5132}.upload-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}.upload-panel{border:1px solid #e1e4ea;border-radius:8px;background:#fff;box-shadow:0 12px 30px #1218280f}.upload-details-panel{padding:22px}.upload-files-panel{display:flex;flex-direction:column;gap:16px;padding:18px}.upload-field{display:flex;flex-direction:column;gap:8px}.upload-field+.upload-field{margin-top:18px}.upload-field>span{color:#202020;font-size:.95rem;font-weight:800}.upload-field input,.upload-field textarea{width:100%;border:1px solid #d5d9e2;border-radius:8px;color:#151515;background:#fff;font-size:1rem;line-height:1.5}.upload-field input{min-height:50px;padding:0 14px}.upload-field textarea{min-height:280px;padding:14px;resize:vertical}.upload-field input:focus,.upload-field textarea:focus{border-color:#111;box-shadow:0 0 0 3px #11111114}.upload-field small{align-self:flex-end;color:#6d7280;font-weight:700}.file-dropzone,.thumbnail-dropzone{border:1px dashed #c4c9d4;border-radius:8px;background:#fbfcfd;transition:border-color .2s ease,background .2s ease}.file-dropzone.dragging,.thumbnail-dropzone.dragging{border-color:#111;background:#f0f3f8}.file-dropzone.has-file,.thumbnail-dropzone.has-file{border-style:solid}.dropzone-empty{min-height:236px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;color:#6d7280;text-align:center}.dropzone-empty svg{color:#111;font-size:3.3rem}.dropzone-empty strong{color:#151515;font-size:1.1rem}.dropzone-empty span{max-width:300px;line-height:1.45}.video-preview{width:100%;aspect-ratio:16 / 9;display:block;border-radius:8px 8px 0 0;background:#000;-o-object-fit:contain;object-fit:contain}.thumbnail-preview{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px 8px 0 0;background:#eef1f5}.thumbnail-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-preview>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#6d7280;font-weight:800}.thumbnail-preview svg{color:#111;font-size:2.6rem}.clear-thumbnail-btn{position:absolute;top:10px;right:10px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#000000b8}.file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.file-row>div{min-width:0;display:flex;align-items:center;gap:10px;color:#3d4350;font-weight:700}.file-row>div svg{flex:0 0 auto;color:#111}.file-row>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row button{flex:0 0 auto;padding:0 14px;color:#151515;background:#eef0f4}.file-meta{margin:-4px 12px 12px;color:#747986;font-weight:700}.upload-progress{padding:14px;border-radius:8px;background:#f1f4f8}.upload-progress-header{display:flex;justify-content:space-between;margin-bottom:10px;color:#2d3440;font-weight:800}.upload-progress-track{height:10px;overflow:hidden;border-radius:999px;background:#dce1e9}.upload-progress-track span{height:100%;display:block;border-radius:inherit;background:#16a34a;transition:width .2s ease}@media (max-width: 980px){.upload-layout{grid-template-columns:1fr}.upload-files-panel{order:-1}}@media (max-width: 680px){.upload-main{padding:18px 12px 28px}.upload-header{flex-direction:column}.upload-header-actions{width:100%}.upload-primary-btn,.upload-secondary-btn{flex:1}.upload-header h1{font-size:1.55rem}.upload-details-panel,.upload-files-panel{padding:14px}.file-row{align-items:stretch;flex-direction:column}.file-row button{width:100%}.dropzone-empty{min-height:190px}}@media (prefers-color-scheme: dark){.upload-shell{background:#151515;color:#f2f2f2}.upload-header h1,.upload-field>span,.dropzone-empty strong{color:#f2f2f2}.upload-header p,.upload-field small,.file-meta{color:#a5a8b0}.upload-panel{border-color:#303030;background:#202020;box-shadow:none}.upload-secondary-btn,.file-row button{color:#f2f2f2;background:#303030}.upload-secondary-btn:hover,.file-row button:hover{background:#3a3a3a}.upload-primary-btn{color:#111;background:#f2f2f2}.upload-primary-btn:hover{background:#d8d8d8}.upload-field input,.upload-field textarea{border-color:#3a3a3a;color:#f2f2f2;background:#181818}.file-dropzone,.thumbnail-dropzone,.upload-progress{border-color:#383838;background:#181818}.file-dropzone.dragging,.thumbnail-dropzone.dragging{border-color:#f2f2f2;background:#242424}.thumbnail-preview{background:#2a2a2a}.dropzone-empty,.thumbnail-preview>div,.file-row>div,.upload-progress-header{color:#c5c7cc}.dropzone-empty svg,.thumbnail-preview svg,.file-row>div svg{color:#f2f2f2}.upload-progress-track{background:#333}}.tweets-container{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden;background:#fff}.tweets-layout{display:flex;flex:1;min-height:0;overflow:hidden;width:100%}.tweets-main{flex:1;min-width:0;margin-left:260px;overflow-y:auto;background:#fff}.tweets-header{position:sticky;top:0;z-index:10;padding:20px 28px 18px;border-bottom:1px solid #e5e5e5;background:#fff}.tweets-header h1{margin:0 0 4px;color:#030303;font-size:1.65rem;line-height:1.2}.tweets-header span{color:#606060;font-size:.95rem}.tweets-feed{width:min(760px,100%);padding:20px 28px 40px}.tweet-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #e5e5e5}.tweet-avatar,.tweet-avatar-skeleton{width:48px;height:48px;border-radius:50%}.tweet-avatar{-o-object-fit:cover;object-fit:cover}.tweet-body{min-width:0}.tweet-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:6px}.tweet-meta strong{color:#030303;font-size:.98rem}.tweet-meta span{color:#606060;font-size:.9rem}.tweet-body p{margin:0;color:#030303;font-size:1rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.tweet-actions{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}.tweet-actions button{min-width:44px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:999px;color:#606060;background:#f2f2f2;font-size:.95rem;font-weight:800}.tweet-actions button:hover{background:#e5e5e5;color:#030303}.tweet-actions button.active{color:#2f80ed;background:#e7f1ff}.tweet-actions button:disabled{cursor:not-allowed;opacity:.7}.tweets-notice,.tweets-empty{border:1px solid #e5e5e5;border-radius:8px;background:#fafafa}.tweets-notice{margin-bottom:10px;padding:12px 14px;color:#606060;font-size:.92rem}.tweets-empty{padding:38px 20px;text-align:center}.tweets-empty h2{margin:0 0 8px;color:#030303;font-size:1.35rem}.tweets-empty p{margin:0;color:#606060}.tweet-card-skeleton{animation:tweetPulse 1.5s ease-in-out infinite}.tweet-avatar-skeleton,.tweet-skeleton-line{background:#e5e5e5}.tweet-skeleton-content{display:flex;flex-direction:column;gap:10px;padding-top:4px}.tweet-skeleton-line{width:100%;height:14px;border-radius:999px}.tweet-skeleton-line.short{width:34%}.tweet-skeleton-line.medium{width:68%}@keyframes tweetPulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.tweets-main{margin-left:0}.tweets-header{padding:16px 16px 14px}.tweets-feed{padding:8px 16px 32px}.tweet-card{grid-template-columns:44px minmax(0,1fr);gap:10px}.tweet-actions{grid-column:2;justify-content:flex-start;margin-top:2px}.tweet-avatar,.tweet-avatar-skeleton{width:42px;height:42px}}@media (prefers-color-scheme: dark){.tweets-container,.tweets-main,.tweets-header{background:#212121}.tweets-header,.tweet-card{border-bottom-color:#303030}.tweets-header h1,.tweet-meta strong,.tweet-body p,.tweets-empty h2{color:#fff}.tweets-header span,.tweet-meta span,.tweets-empty p,.tweets-notice{color:#aaa}.tweets-notice,.tweets-empty{border-color:#303030;background:#242424}.tweet-avatar-skeleton,.tweet-skeleton-line{background:#303030}.tweet-actions button{color:#aaa;background:#303030}.tweet-actions button:hover{color:#fff;background:#404040}.tweet-actions button.active{color:#8ecfff;background:#213141}}.create-tweet-shell{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#f6f7f9;color:#151515}.create-tweet-main{flex:1;min-height:0;overflow-y:auto;padding:28px}.create-tweet-form{width:min(860px,100%);margin:0 auto}.create-tweet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.create-tweet-header h1{margin:0;color:#111;font-size:2rem;line-height:1.15;font-weight:800}.create-tweet-header p{margin:8px 0 0;color:#606060;font-size:1rem}.create-tweet-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.tweet-primary-btn,.tweet-secondary-btn,.create-tweet-message button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:800;transition:background .2s ease,color .2s ease,opacity .2s ease}.tweet-primary-btn{min-width:138px;padding:0 18px;color:#fff;background:#111}.tweet-primary-btn:hover{background:#303030}.tweet-secondary-btn{min-width:100px;padding:0 16px;color:#151515;background:#e8eaee}.tweet-secondary-btn:hover{background:#dcdfe5}.tweet-primary-btn:disabled,.tweet-secondary-btn:disabled{cursor:not-allowed;opacity:.6}.create-tweet-message{min-height:48px;display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;border-radius:8px;font-weight:700}.create-tweet-message.error{color:#8a1f11;background:#ffe8e3}.create-tweet-message.success{color:#0f5132;background:#dff6e8}.create-tweet-message button{min-height:34px;margin-left:auto;padding:0 14px;color:#fff;background:#0f5132}.create-tweet-panel{padding:22px;border:1px solid #e1e4ea;border-radius:8px;background:#fff;box-shadow:0 12px 30px #1218280f}.tweet-composer-user{display:flex;align-items:center;gap:12px;margin-bottom:18px}.tweet-composer-user img,.tweet-composer-user>div:first-child{width:52px;height:52px;border-radius:50%;flex:0 0 52px}.tweet-composer-user img{-o-object-fit:cover;object-fit:cover}.tweet-composer-user>div:first-child{display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);font-size:1.25rem;font-weight:800}.tweet-composer-user strong,.tweet-composer-user span{display:block}.tweet-composer-user strong{color:#151515;font-size:1rem}.tweet-composer-user span{margin-top:3px;color:#606060;font-size:.9rem}.tweet-composer-field{display:flex;flex-direction:column;gap:8px}.tweet-composer-field>span{color:#202020;font-size:.95rem;font-weight:800}.tweet-composer-field textarea{width:100%;min-height:260px;padding:14px;border:1px solid #d5d9e2;border-radius:8px;color:#151515;background:#fff;font-size:1.05rem;line-height:1.55;resize:vertical}.tweet-composer-field textarea:focus{border-color:#111;box-shadow:0 0 0 3px #11111114}.tweet-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.tweet-composer-footer>span{color:#6d7280;font-weight:800}.tweet-composer-footer>span.warning{color:#b45309}@media (max-width: 680px){.create-tweet-main{padding:18px 12px 28px}.create-tweet-header{flex-direction:column}.create-tweet-header-actions,.tweet-composer-footer{width:100%}.tweet-primary-btn,.tweet-secondary-btn{flex:1}.create-tweet-header h1{font-size:1.55rem}.create-tweet-panel{padding:14px}}@media (prefers-color-scheme: dark){.create-tweet-shell{background:#151515;color:#f2f2f2}.create-tweet-header h1,.tweet-composer-user strong,.tweet-composer-field>span{color:#f2f2f2}.create-tweet-header p,.tweet-composer-user span,.tweet-composer-footer>span{color:#a5a8b0}.create-tweet-panel{border-color:#303030;background:#202020;box-shadow:none}.tweet-secondary-btn{color:#f2f2f2;background:#303030}.tweet-secondary-btn:hover{background:#3a3a3a}.tweet-primary-btn{color:#111;background:#f2f2f2}.tweet-primary-btn:hover{background:#d8d8d8}.tweet-composer-field textarea{border-color:#3a3a3a;color:#f2f2f2;background:#181818}}.channel-shell{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;color:#0f0f0f;background:#fff}.channel-main{flex:1;min-height:0;overflow-y:auto;padding:32px max(28px,calc((100vw - 1120px)/2)) 56px}.channel-hero{display:flex;flex-direction:column;gap:24px}.channel-cover{position:relative;width:100%;overflow:hidden;aspect-ratio:6 / 1;min-height:150px;max-height:240px;border-radius:14px;background:radial-gradient(circle at 16% 22%,rgba(255,255,255,.26),transparent 28%),linear-gradient(135deg,#202020,#4c5563 48%,#0f0f0f)}.channel-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.34));pointer-events:none}.channel-cover img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.channel-hero-details{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:20px}.channel-avatar-wrap{position:relative;width:176px;height:176px;overflow:hidden;border-radius:50%;background:#e5e5e5;box-shadow:0 0 0 4px #fff}.channel-image-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.channel-image-edit{position:absolute;z-index:2;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.08);border-radius:50%;color:#0f0f0f;background:#ffffffeb;box-shadow:0 8px 24px #0000002e;font-size:1.05rem;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.channel-image-edit:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 12px 30px #00000038}.channel-image-edit:disabled{cursor:not-allowed;opacity:.65}.channel-cover-edit{right:18px;bottom:18px}.channel-avatar-edit{right:10px;bottom:10px}.channel-avatar-wrap img,.channel-avatar-wrap span{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.channel-avatar-wrap img{-o-object-fit:cover;object-fit:cover}.channel-avatar-wrap span{color:#fff;background:linear-gradient(135deg,#6574f7,#ef6f8f);font-size:4rem;font-weight:900}.channel-hero-copy{min-width:0}.channel-hero-copy h1{margin:0 0 8px;color:#0f0f0f;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;font-weight:900}.channel-hero-copy p{display:flex;flex-wrap:wrap;gap:6px;margin:0;color:#606060;font-size:1rem}.channel-hero-copy p strong{color:#0f0f0f}.channel-subscriber-link{padding:0;color:inherit;background:transparent;font:inherit;cursor:pointer}.channel-subscriber-link:hover:not(:disabled){color:#0f0f0f;text-decoration:underline;text-underline-offset:3px}.channel-subscriber-link:disabled{cursor:default}.channel-about{margin-top:12px!important;color:#303030!important}.channel-profile-error{width:100%;margin-top:10px!important;color:#c81936!important;font-weight:700}.channel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.channel-actions button{height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border-radius:999px;color:#0f0f0f;background:#f2f2f2;font-weight:800}.channel-actions button:hover{background:#e5e5e5}.channel-tabs{display:flex;align-items:center;gap:24px;margin-top:28px;border-bottom:1px solid #e5e5e5}.channel-tabs button{min-height:52px;color:#606060;background:transparent;font-size:1rem;font-weight:800}.channel-tabs button.active{color:#0f0f0f;box-shadow:inset 0 -3px #0f0f0f}.channel-search-tab{width:52px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem!important}.channel-tab-section{padding-top:28px}.channel-tab-section>h2{margin:0 0 22px;color:#0f0f0f;font-size:1.55rem;line-height:1.2}.channel-video-grid,.channel-playlist-grid,.channel-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px 18px}.channel-video-card-wrap{min-width:0}.channel-video-thumb-button{width:100%;display:block;background:transparent;text-align:left}.channel-video-card{width:100%;min-width:0;display:flex;flex-direction:column;color:#0f0f0f;background:transparent;text-align:left}.channel-video-thumb{position:relative;width:100%;display:block;overflow:hidden;aspect-ratio:16 / 9;border-radius:8px;background:#e5e5e5}.channel-video-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease}.channel-video-thumb-button:hover .channel-video-thumb img{transform:scale(1.04)}.channel-video-thumb span{position:absolute;right:6px;bottom:6px;padding:2px 5px;border-radius:4px;color:#fff;background:#000000e0;font-size:.78rem;font-weight:800}.channel-video-card strong{display:-webkit-box;overflow:hidden;color:inherit;font-size:1rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.channel-video-card>span:not(.channel-video-thumb){margin-top:6px;color:#606060;font-size:.9rem}.channel-video-visibility{width:-moz-max-content;width:max-content;display:inline-flex;align-items:center;min-height:24px;margin-top:8px;padding:0 8px;border-radius:999px;font-size:.78rem;font-style:normal;font-weight:900}.channel-video-visibility.public{color:#0b6b38;background:#dff7e9}.channel-video-visibility.private{color:#72510d;background:#fff2c2}.channel-video-meta{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:start;gap:8px;margin-top:10px}.channel-video-actions{position:relative;z-index:5;display:flex;justify-content:flex-end}.channel-video-more{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#606060;background:transparent}.channel-video-more:hover,.channel-video-more[aria-expanded=true]{color:#0f0f0f;background:#f2f2f2}.channel-video-menu{position:absolute;top:42px;right:0;width:236px;overflow:hidden;padding:8px 0;border:1px solid #e5e5e5;border-radius:8px;background:#fff;box-shadow:0 14px 36px #00000038}.channel-video-menu>span{display:block;padding:8px 16px;color:#606060;font-size:.82rem;font-weight:900;text-transform:uppercase}.channel-video-menu button{width:100%;min-height:44px;display:flex;align-items:center;gap:12px;padding:0 16px;color:#0f0f0f;background:transparent;font-weight:800;text-align:left}.channel-video-menu button:hover{background:#f2f2f2}.channel-video-menu button.active{background:#ececec}.channel-video-menu button.danger{color:#c91c36}.channel-video-menu button svg{width:18px;flex:0 0 18px}.channel-playlist-card{overflow:hidden;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa;cursor:pointer}.channel-playlist-card:hover{border-color:#d0d0d0;background:#f3f3f3}.channel-playlist-card:focus-visible{outline:2px solid #f1425d;outline-offset:3px}.channel-playlist-art{min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;background:linear-gradient(135deg,#2c2c2c,#565656)}.channel-playlist-art svg{font-size:2.1rem}.channel-playlist-art span{font-weight:800}.channel-playlist-card strong{display:block;margin:0;padding:14px 14px 16px;color:#0f0f0f;font-size:1rem}.channel-tweet-list{width:min(760px,100%);display:flex;flex-direction:column}.channel-tweet-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #e5e5e5}.channel-tweet-main{min-width:0}.channel-tweet-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.channel-tweet-card strong{color:#0f0f0f}.channel-tweet-card span{color:#606060}.channel-tweet-card p{margin:0;color:#0f0f0f;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.channel-tweet-actions{display:flex;align-items:center;gap:8px}.channel-tweet-actions button,.channel-tweet-editor button,.channel-confirm-actions button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:999px;font-weight:800}.channel-tweet-actions button,.channel-tweet-editor button,.channel-confirm-cancel{color:#0f0f0f;background:#f2f2f2}.channel-tweet-actions button:hover,.channel-tweet-editor button:hover,.channel-confirm-cancel:hover{background:#e5e5e5}.channel-tweet-actions .danger,.channel-confirm-delete{color:#fff;background:#c91c36}.channel-confirm-save{color:#fff;background:#0f0f0f}.channel-tweet-actions .danger:hover,.channel-confirm-delete:hover{background:#a9152b}.channel-confirm-save:hover{background:#303030}.channel-tweet-actions button:disabled,.channel-tweet-editor button:disabled,.channel-confirm-actions button:disabled{cursor:not-allowed;opacity:.65}.channel-tweet-editor{display:flex;flex-direction:column;gap:10px}.channel-tweet-editor textarea{width:100%;min-height:112px;padding:12px;border:1px solid #d5d5d5;border-radius:8px;color:#0f0f0f;background:#fff;font-size:1rem;line-height:1.5;resize:vertical}.channel-tweet-editor textarea:focus{border-color:#0f0f0f;box-shadow:0 0 0 3px #0f0f0f14}.channel-tweet-editor>div{display:flex;align-items:center;justify-content:flex-end;gap:10px}.channel-tweet-editor>div>span{margin-right:auto;color:#606060;font-weight:800}.channel-tweet-save{color:#fff!important;background:#0f0f0f!important}.channel-tweet-save:hover{background:#303030!important}.channel-tweet-error{margin:0 0 10px;padding:12px 14px;border-radius:8px;color:#8a1f11;background:#ffe8e3;font-weight:800}.channel-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000009e}.channel-confirm-modal{width:min(460px,100%);padding:22px;border:1px solid #e5e5e5;border-radius:12px;color:#0f0f0f;background:#fff;box-shadow:0 18px 60px #00000052}.channel-subscribers-modal{width:min(500px,100%)}.channel-subscribers-list{max-height:min(420px,62vh);overflow-y:auto;display:flex;flex-direction:column;gap:8px}.channel-subscriber-row{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:10px;border-radius:8px;color:#0f0f0f;background:transparent;text-align:left}.channel-subscriber-row:hover{background:#f2f2f2}.channel-subscriber-avatar{width:48px;height:48px;overflow:hidden;border-radius:50%;background:#e5e5e5}.channel-subscriber-avatar img,.channel-subscriber-avatar>span{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.channel-subscriber-avatar img{-o-object-fit:cover;object-fit:cover}.channel-subscriber-avatar>span{color:#fff;background:linear-gradient(135deg,#6574f7,#ef6f8f);font-weight:900}.channel-subscriber-row>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.channel-subscriber-row strong,.channel-subscriber-row em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-subscriber-row em{color:#606060;font-style:normal;font-weight:700}.channel-subscribers-empty{padding:24px 10px;color:#606060;text-align:center;font-weight:800}.channel-video-update-modal{width:min(520px,100%);padding:22px;border:1px solid #e5e5e5;border-radius:12px;color:#0f0f0f;background:#fff;box-shadow:0 18px 60px #00000052}.channel-video-update-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.channel-video-update-header h2{margin:0;font-size:1.28rem}.channel-video-update-header button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;border-radius:50%;color:#0f0f0f;background:transparent}.channel-video-update-header button:hover:not(:disabled){background:#f2f2f2}.channel-video-update-error{margin-bottom:14px;padding:12px 14px;border-radius:8px;color:#8a1f11;background:#ffe8e3;font-weight:800}.channel-password-success{margin-bottom:14px;padding:12px 14px;border-radius:8px;color:#116329;background:#dcf7e5;font-weight:800}.channel-password-fields{display:flex;flex-direction:column;gap:14px}.channel-video-update-field{display:flex;flex-direction:column;gap:8px;color:#0f0f0f;font-weight:900}.channel-video-update-field input,.channel-video-update-field textarea{width:100%;border:1px solid #d4d4d4;border-radius:8px;outline:0;color:#0f0f0f;background:#fff;font:inherit;font-weight:700}.channel-video-update-field input{min-height:46px;padding:0 12px}.channel-video-update-field textarea{min-height:126px;resize:vertical;padding:12px;line-height:1.45}.channel-video-update-field input:focus,.channel-video-update-field textarea:focus{border-color:#f1425d}.channel-thumbnail-preview{width:100%;overflow:hidden;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#606060;background:#f2f2f2;font-size:2.1rem}.channel-thumbnail-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.channel-thumbnail-picker{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;color:#0f0f0f;background:#f2f2f2;cursor:pointer;font-weight:900}.channel-thumbnail-picker:hover{background:#e5e5e5}.channel-thumbnail-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.channel-video-update-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.channel-video-update-actions button{min-height:40px;padding:0 16px;border-radius:999px;font-weight:900}.channel-video-update-actions button:first-child{color:#0f0f0f;background:#f2f2f2}.channel-video-update-actions button:first-child:hover:not(:disabled){background:#e5e5e5}.channel-video-update-actions button[type=submit]{color:#fff;background:#f1425d}.channel-video-update-actions button[type=submit]:hover:not(:disabled){background:#d93650}.channel-video-update-actions button:disabled,.channel-video-update-header button:disabled{cursor:not-allowed;opacity:.65}.channel-confirm-modal h2{margin:0 0 8px;font-size:1.35rem}.channel-confirm-modal p{margin:0;color:#606060;line-height:1.45}.channel-confirm-preview{max-height:150px;overflow-y:auto;margin-top:16px;padding:12px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.channel-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.channel-empty{width:min(640px,100%);padding:42px 20px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa;text-align:center}.channel-empty h2{margin:0 0 8px;color:#0f0f0f;font-size:1.25rem}.channel-empty p{margin:0;color:#606060}.channel-video-skeleton{animation:channelPulse 1.5s ease-in-out infinite}.channel-video-skeleton span,.channel-video-skeleton strong,.channel-video-skeleton em{display:block;border-radius:8px;background:#e5e5e5}.channel-video-skeleton span{aspect-ratio:16 / 9}.channel-video-skeleton strong{width:94%;height:16px;margin-top:12px}.channel-video-skeleton em{width:64%;height:13px;margin-top:8px}@keyframes channelPulse{0%,to{opacity:1}50%{opacity:.65}}@media (max-width: 760px){.channel-main{padding:22px 16px 40px}.channel-cover{min-height:96px;border-radius:10px}.channel-hero-details{grid-template-columns:92px minmax(0,1fr);align-items:flex-start}.channel-avatar-wrap{width:82px;height:82px}.channel-image-edit{width:34px;height:34px;font-size:.85rem}.channel-cover-edit{right:10px;bottom:10px}.channel-avatar-edit{right:0;bottom:0}.channel-avatar-wrap span{font-size:2rem}.channel-hero-copy h1{font-size:1.8rem}.channel-tabs{gap:18px;overflow-x:auto}.channel-video-grid,.channel-playlist-grid,.channel-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.channel-video-menu{width:min(236px,calc(100vw - 36px))}.channel-tweet-card{grid-template-columns:1fr}.channel-tweet-actions{justify-content:flex-start}}@media (prefers-color-scheme: dark){.channel-shell{color:#f1f1f1;background:#0f0f0f}.channel-hero-copy h1,.channel-hero-copy p strong,.channel-about,.channel-tabs button.active,.channel-tab-section>h2,.channel-video-card,.channel-playlist-card strong,.channel-tweet-card strong,.channel-tweet-card p,.channel-empty h2,.channel-confirm-modal h2{color:#f1f1f1!important}.channel-hero-copy p,.channel-subscriber-row em,.channel-subscribers-empty,.channel-video-card>span:not(.channel-video-thumb),.channel-tweet-card span,.channel-empty p,.channel-confirm-modal p,.channel-tweet-editor>div>span{color:#aaa}.channel-tabs,.channel-tweet-card{border-bottom-color:#303030}.channel-tabs button{color:#aaa}.channel-tabs button.active{box-shadow:inset 0 -3px #f1f1f1}.channel-subscriber-link:hover:not(:disabled){color:#f1f1f1}.channel-actions button{color:#f1f1f1;background:#272727}.channel-avatar-wrap{box-shadow:0 0 0 4px #0f0f0f}.channel-image-edit{border-color:#ffffff29;color:#0f0f0f;background:#ffffffeb}.channel-image-edit:hover:not(:disabled){background:#fff}.channel-actions button:hover{background:#333}.channel-video-thumb,.channel-video-skeleton span,.channel-video-skeleton strong,.channel-video-skeleton em{background:#303030}.channel-playlist-card,.channel-empty,.channel-confirm-modal,.channel-video-update-modal{border-color:#303030;background:#181818}.channel-video-menu{border-color:#303030;background:#282828;box-shadow:0 14px 36px #0000006b}.channel-video-menu>span{color:#aaa}.channel-video-menu button,.channel-video-update-header h2,.channel-video-update-header button,.channel-video-update-field{color:#f1f1f1}.channel-video-menu button:hover{background:#3a3a3a}.channel-subscriber-row{color:#f1f1f1}.channel-subscriber-row:hover{background:#272727}.channel-video-menu button.active{background:#3a3a3a}.channel-video-menu button.danger{color:#ffb4ab}.channel-video-visibility.public{color:#b7f7ce;background:#173f27}.channel-video-visibility.private{color:#ffe8a1;background:#463813}.channel-video-more{color:#aaa}.channel-video-more:hover,.channel-video-more[aria-expanded=true]{color:#f1f1f1;background:#272727}.channel-video-update-header button:hover:not(:disabled),.channel-thumbnail-picker,.channel-video-update-actions button:first-child{color:#f1f1f1;background:#272727}.channel-video-update-header button:hover:not(:disabled),.channel-thumbnail-picker:hover,.channel-video-update-actions button:first-child:hover:not(:disabled){background:#333}.channel-video-update-field input,.channel-video-update-field textarea{border-color:#3a3a3a;color:#f1f1f1;background:#101010}.channel-thumbnail-preview{color:#aaa;background:#101010}.channel-video-update-error{color:#ffb4ab;background:#42201d}.channel-password-success{color:#b7f7ce;background:#173f27}.channel-tweet-actions button,.channel-tweet-editor button,.channel-confirm-cancel{color:#f1f1f1;background:#272727}.channel-tweet-actions button:hover,.channel-tweet-editor button:hover,.channel-confirm-cancel:hover{background:#333}.channel-tweet-editor textarea{border-color:#3a3a3a;color:#f1f1f1;background:#181818}.channel-confirm-preview{border-color:#303030;color:#f1f1f1;background:#202020}}.history-container{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden;background:#fff}.history-layout{display:flex;flex:1;min-height:0;overflow:hidden;width:100%}.history-main{flex:1;min-width:0;margin-left:260px;overflow-y:auto;background:#fff}.history-content{width:min(1120px,100%)}.history-feed{min-width:0}.history-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 32px 18px;border-bottom:1px solid #e5e5e5;background:#fff}.history-header h1{margin:0 0 5px;color:#030303;font-size:1.85rem;line-height:1.15}.history-header span{color:#606060}.history-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.history-header button,.history-empty button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:999px;color:#030303;background:#f2f2f2;font-weight:800}.history-header button:hover,.history-empty button:hover{background:#e5e5e5}.history-header button:disabled{cursor:not-allowed;opacity:.65}.history-groups{width:100%;padding:22px 32px 48px}.history-group+.history-group{margin-top:34px}.history-group h2{margin:0 0 14px;color:#030303;font-size:1.35rem;line-height:1.2}.history-list{width:100%;display:flex;flex-direction:column;padding:22px 32px 48px}.history-groups .history-list{width:100%;padding:0}.history-video-row{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;padding:12px 0}.history-video-row+.history-video-row{border-top:1px solid #e5e5e5}.history-video{min-width:0;display:grid;grid-template-columns:246px minmax(0,1fr);gap:14px;color:#030303;background:transparent;text-align:left}.history-thumb{position:relative;display:block;overflow:hidden;width:246px;aspect-ratio:16 / 9;border-radius:8px;background:#e5e5e5}.history-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.history-thumb>span{position:absolute;right:6px;bottom:6px;padding:2px 5px;border-radius:4px;color:#fff;background:#000000e0;font-size:.78rem;font-weight:800}.history-thumb i{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#0000002e;opacity:0;transition:opacity .2s ease}.history-video:hover .history-thumb i{opacity:1}.history-copy{min-width:0;display:flex;flex-direction:column;gap:7px;padding-right:12px}.history-copy strong{display:-webkit-box;overflow:hidden;color:#030303;font-size:1.05rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.history-copy span{color:#606060;font-size:.92rem}.history-action-wrap{position:relative;display:flex;justify-content:flex-end;padding-top:2px}.history-more-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#606060;background:transparent}.history-more-button:hover,.history-more-button[aria-expanded=true]{color:#030303;background:#f2f2f2}.history-more-button:disabled{cursor:not-allowed;opacity:.5}.history-action-menu{position:absolute;top:44px;right:0;z-index:20;width:284px;overflow:hidden;padding:8px 0;border:1px solid #e5e5e5;border-radius:8px;background:#fff;box-shadow:0 10px 30px #00000024}.history-action-menu button{width:100%;min-height:48px;display:flex;align-items:center;gap:18px;padding:0 18px;color:#030303;background:transparent;font-size:.98rem;font-weight:700;text-align:left}.history-action-menu button svg{width:22px;flex:0 0 22px;font-size:1.1rem}.history-action-menu button:hover:not(:disabled){background:#f2f2f2}.history-action-menu button:disabled{cursor:not-allowed;opacity:.56}.history-action-menu button.danger{color:#b3261e}.history-action-error{margin-bottom:16px;padding:12px 14px;border-radius:8px;color:#9f1d17;background:#fde8e7;font-weight:700}.history-share-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000009e}.history-save-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-start;justify-content:flex-end;padding:92px 210px 24px 24px;background:#00000047}.history-save-modal{width:min(500px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 120px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #454545;border-radius:14px;background:#282828;color:#f1f1f1;box-shadow:0 18px 58px #0000007a}.history-save-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 12px}.history-save-header h2{margin:0;font-size:1.3rem;line-height:1.2;font-weight:900}.history-save-header button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#f1f1f1;background:transparent}.history-save-header button:hover{background:#3d3d3d}.history-save-playlist-list{min-height:120px;overflow-y:auto;padding:0 12px 12px}.history-save-playlist-list::-webkit-scrollbar{width:8px}.history-save-playlist-list::-webkit-scrollbar-thumb{border-radius:999px;background:#777}.history-save-playlist-item{width:100%;min-height:70px;display:grid;grid-template-columns:76px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;color:#f1f1f1;background:transparent;text-align:left}.history-save-playlist-item:hover,.history-save-playlist-item.saved{background:#3d3d3d}.history-save-playlist-item:disabled{cursor:default}.history-save-playlist-thumb{width:76px;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5px;color:#ddd;background:#171717}.history-save-playlist-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.history-save-playlist-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.history-save-playlist-copy strong{overflow:hidden;color:#f1f1f1;font-size:1rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.history-save-playlist-copy span{color:#aaa;font-size:.9rem}.history-save-bookmark-icon{display:inline-flex;justify-content:center;color:#f1f1f1;font-size:1.45rem}.history-save-playlist-item.saved .history-save-bookmark-icon{color:#6ea8fe}.history-save-state{padding:22px 12px;color:#aaa;font-weight:700}.history-save-state.error{color:#ffb4ab}.history-new-playlist-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0 14px 14px;border-radius:999px;color:#f1f1f1;background:#3d3d3d;font-weight:900}.history-new-playlist-button:hover{background:#4a4a4a}.history-new-playlist-form{display:flex;flex-direction:column;gap:12px;padding:14px;border-top:1px solid #454545}.history-new-playlist-form input,.history-new-playlist-form textarea{width:100%;border:1px solid #555;border-radius:8px;outline:none;color:#f1f1f1;background:#171717;font-family:inherit;font-size:1rem}.history-new-playlist-form input{height:44px;padding:0 12px}.history-new-playlist-form textarea{min-height:84px;resize:vertical;padding:11px 12px;line-height:1.4}.history-new-playlist-form input:focus,.history-new-playlist-form textarea:focus{border-color:#6ea8fe}.history-new-playlist-form div{display:flex;justify-content:flex-end;gap:10px}.history-new-playlist-form button{min-height:40px;padding:0 16px;border-radius:999px;color:#f1f1f1;background:#3d3d3d;font-weight:800}.history-new-playlist-form button[type=submit]{color:#0f0f0f;background:#f1f1f1}.history-new-playlist-form button:hover:not(:disabled){filter:brightness(1.08)}.history-new-playlist-form button:disabled{cursor:not-allowed;opacity:.7}.history-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000009e}.history-confirm-modal{width:min(420px,100%);padding:22px;border:1px solid #454545;border-radius:12px;background:#202020;color:#f1f1f1;box-shadow:0 18px 60px #00000073}.history-confirm-modal h2{margin:0 0 10px;font-size:1.25rem;line-height:1.25}.history-confirm-modal p{margin:0;color:#aaa;line-height:1.45}.history-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.history-confirm-actions button{min-height:40px;padding:0 16px;border-radius:999px;font-weight:800}.history-confirm-cancel{color:#f1f1f1;background:#303030}.history-confirm-cancel:hover:not(:disabled){background:#404040}.history-confirm-delete{color:#fff;background:#b3261e}.history-confirm-delete:hover:not(:disabled){background:#c9362e}.history-confirm-actions button:disabled{cursor:not-allowed;opacity:.65}.history-share-modal{width:min(528px,100%);padding:20px;border:1px solid #454545;border-radius:12px;background:#202020;color:#f1f1f1;box-shadow:0 18px 60px #00000073}.history-share-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.history-share-header h2{margin:0;font-size:1.2rem;line-height:1.25;font-weight:800}.history-share-close{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;border-radius:50%;color:#f1f1f1;background:transparent;font-size:1.15rem}.history-share-close:hover{background:#2f2f2f}.history-share-link-box{min-height:64px;display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #454545;border-radius:14px;background:#101010}.history-share-link-box input{min-width:0;flex:1;border:0;outline:0;color:#f1f1f1;background:transparent;font-size:1rem;font-weight:700}.history-share-link-box button{height:42px;min-width:76px;padding:0 18px;border:1px solid #454545;border-radius:999px;color:#f1f1f1;background:#181818;font-size:.95rem;font-weight:800}.history-share-link-box button:hover{background:#2f2f2f}.history-empty{width:min(620px,calc(100% - 64px));margin:42px 32px;padding:42px 20px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa;color:#606060;text-align:center}.history-empty>svg{margin-bottom:12px;color:#606060;font-size:2.4rem}.history-empty h2{margin:0 0 8px;color:#030303;font-size:1.35rem}.history-empty p{margin:0 0 16px}.history-skeleton{display:grid;grid-template-columns:246px minmax(0,1fr);gap:14px;padding:12px 0;animation:historyPulse 1.5s ease-in-out infinite}.history-skeleton>span,.history-skeleton strong,.history-skeleton em,.history-skeleton small{display:block;border-radius:8px;background:#e5e5e5}.history-skeleton>span{width:246px;aspect-ratio:16 / 9}.history-skeleton div{display:flex;flex-direction:column;gap:10px}.history-skeleton strong{width:82%;height:18px}.history-skeleton em{width:42%;height:14px}.history-skeleton small{width:58%;height:14px}@keyframes historyPulse{0%,to{opacity:1}50%{opacity:.68}}@media (max-width: 768px){.history-main{margin-left:0}.history-header{align-items:flex-start;flex-direction:column;padding:18px 16px 14px}.history-groups,.history-list{padding:14px 16px 36px}.history-empty{width:calc(100% - 32px);margin:24px 16px}.history-video,.history-skeleton{grid-template-columns:132px minmax(0,1fr);gap:10px}.history-video-row{grid-template-columns:minmax(0,1fr) 40px}.history-thumb,.history-skeleton>span{width:132px}.history-action-menu{width:min(276px,calc(100vw - 28px))}.history-copy strong{font-size:.95rem}.history-copy span{font-size:.82rem}}@media (prefers-color-scheme: dark){.history-container,.history-main,.history-header{background:#212121}.history-header,.history-video-row+.history-video-row{border-color:#303030}.history-header h1,.history-group h2,.history-copy strong,.history-empty h2{color:#fff}.history-header span,.history-copy span,.history-empty{color:#aaa}.history-header button,.history-empty button{color:#fff;background:#303030}.history-header button:hover,.history-empty button:hover{background:#404040}.history-more-button{color:#aaa}.history-more-button:hover,.history-more-button[aria-expanded=true]{color:#fff;background:#303030}.history-action-menu{border-color:#303030;background:#282828;box-shadow:0 10px 30px #0000006b}.history-action-menu button{color:#f1f1f1}.history-action-menu button:hover:not(:disabled){background:#3a3a3a}.history-action-menu button.danger{color:#ffb4ab}.history-action-error{color:#ffb4ab;background:#42201d}.history-thumb,.history-skeleton>span,.history-skeleton strong,.history-skeleton em,.history-skeleton small{background:#303030}.history-empty{border-color:#303030;background:#242424}}.liked-videos-container{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#0f0f0f;color:#f1f1f1}.liked-videos-layout{display:flex;flex:1;min-height:0;overflow:hidden}.liked-videos-container .navbar-container{background:#0f0f0f;border-bottom-color:#202020;color:#f1f1f1}.liked-videos-container .hamburger-btn,.liked-videos-container .logo-btn,.liked-videos-container .search-btn,.liked-videos-container .create-btn,.liked-videos-container .user-avatar-btn{color:#f1f1f1}.liked-videos-container .hamburger-btn:hover,.liked-videos-container .logo-btn:hover,.liked-videos-container .search-btn:hover,.liked-videos-container .create-btn:hover,.liked-videos-container .user-avatar-btn:hover{background:#272727}.liked-videos-container .logo-text{color:#f1f1f1}.liked-videos-container .search-wrapper,.liked-videos-container .search-input{background:#121212}.liked-videos-container .search-wrapper{border-color:#303030}.liked-videos-container .search-input{color:#f1f1f1}.liked-videos-container .sidebar{background:#0f0f0f;border-right-color:#303030;box-shadow:none}.liked-videos-container .sidebar-section{border-bottom-color:#303030}.liked-videos-container .sidebar-section-title,.liked-videos-container .toggle-icon{color:#aaa}.liked-videos-container .sidebar-section-toggle:hover,.liked-videos-container .sidebar-item:hover,.liked-videos-container .sidebar-item.active{background:#303030}.liked-videos-container .sidebar-item{color:#f1f1f1}.liked-videos-container .sidebar-icon{color:#aaa}.liked-videos-container .sidebar-item:hover .sidebar-icon{color:#f1f1f1}.liked-videos-container .sidebar-item.active,.liked-videos-container .sidebar-item.active .sidebar-icon{color:#f1425d}.liked-videos-main{flex:1;min-width:0;margin-left:260px;overflow-y:auto;padding:28px 36px 48px;background:#0f0f0f}.liked-videos-hero{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:end;padding:28px;border-radius:18px;background:linear-gradient(180deg,#4a645cfa,#1f2a26fa 58%,#121212)}.liked-videos-cover{width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;color:#fff;background:#ffffff1a;font-size:4rem}.liked-videos-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.liked-videos-summary{min-width:0}.liked-videos-kicker{display:inline-flex;align-items:center;gap:8px;color:#ffffffd1;font-weight:900}.liked-videos-summary h1{margin:12px 0 10px;color:#fff;font-size:clamp(2.3rem,4vw,4.2rem);line-height:1;font-weight:900}.liked-videos-summary p{margin:0;color:#ffffffc2;font-weight:800}.liked-videos-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.liked-videos-actions button,.liked-videos-empty button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border:0;border-radius:999px;color:#0f0f0f;background:#fff;font-weight:900}.liked-videos-actions button+button{color:#f1f1f1;background:#ffffff29}.liked-videos-actions button:hover:not(:disabled){filter:brightness(.92)}.liked-videos-actions button+button:hover:not(:disabled){filter:none;background:#ffffff3d}.liked-videos-actions button:disabled{cursor:not-allowed;opacity:.6}.liked-videos-feed{margin-top:24px}.liked-videos-list{display:flex;flex-direction:column;gap:8px}.liked-video-row{display:grid;grid-template-columns:42px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:8px;border-radius:10px}.liked-video-row:hover{background:#181818}.liked-video-index{color:#aaa;text-align:center;font-weight:800}.liked-video{min-width:0;display:grid;grid-template-columns:246px minmax(0,1fr);gap:14px;border:0;color:#f1f1f1;background:transparent;cursor:pointer;text-align:left}.liked-video-thumb{position:relative;display:block;width:246px;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background:#202020}.liked-video-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.liked-video-thumb>span{position:absolute;right:6px;bottom:6px;padding:2px 5px;border-radius:4px;color:#fff;background:#000000e0;font-size:.78rem;font-weight:900}.liked-video-thumb i{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#00000038;opacity:0;transition:opacity .2s ease}.liked-video:hover .liked-video-thumb i{opacity:1}.liked-video-copy{min-width:0;display:flex;flex-direction:column;gap:7px;padding-top:3px}.liked-video-copy strong{display:-webkit-box;overflow:hidden;color:#f1f1f1;font-size:1.05rem;line-height:1.35;font-weight:900;-webkit-box-orient:vertical;-webkit-line-clamp:2}.liked-video-copy span{display:inline-flex;align-items:center;gap:6px;color:#aaa;font-size:.92rem;font-weight:700}.liked-video-action-wrap{position:relative;display:flex;justify-content:flex-end;align-self:start;padding-top:2px}.liked-video-more-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;color:#aaa;background:transparent}.liked-video-more-button:hover,.liked-video-more-button[aria-expanded=true]{color:#fff;background:#303030}.liked-video-more-button:disabled{cursor:not-allowed;opacity:.55}.liked-video-action-menu{position:absolute;top:44px;right:0;z-index:25;width:284px;overflow:hidden;padding:8px 0;border:1px solid #454545;border-radius:10px;background:#282828;box-shadow:0 14px 34px #0000006b}.liked-video-action-menu button{width:100%;min-height:48px;display:flex;align-items:center;gap:18px;padding:0 18px;border:0;color:#f1f1f1;background:transparent;font-size:.98rem;font-weight:800;text-align:left}.liked-video-action-menu button svg{width:22px;flex:0 0 22px;color:#d8d8d8;font-size:1.1rem}.liked-video-action-menu button:hover:not(:disabled){background:#3a3a3a}.liked-video-action-menu button:disabled{cursor:not-allowed;opacity:.56}.liked-video-action-menu button.danger,.liked-video-action-menu button.danger svg{color:#ffb4ab}.liked-videos-action-error{padding:12px 14px;border:1px solid rgba(255,138,128,.28);border-radius:8px;color:#ffb4ab;background:#b3261e2e;font-weight:800}.liked-share-backdrop,.liked-save-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;padding:20px;background:#0000009e}.liked-share-backdrop{z-index:50;display:flex;align-items:center;justify-content:center}.liked-save-backdrop{z-index:60;display:flex;align-items:flex-start;justify-content:flex-end;padding:92px 210px 24px 24px;background:#00000047}.liked-share-modal{width:min(528px,100%);padding:20px;border:1px solid #454545;border-radius:12px;background:#202020;color:#f1f1f1;box-shadow:0 18px 60px #00000073}.liked-share-header,.liked-save-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.liked-share-header{margin-bottom:20px}.liked-share-header h2,.liked-save-header h2{margin:0;font-size:1.2rem;line-height:1.25;font-weight:900}.liked-share-close,.liked-save-header button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;border:0;border-radius:50%;color:#f1f1f1;background:transparent;font-size:1.15rem}.liked-share-close:hover,.liked-save-header button:hover{background:#3d3d3d}.liked-share-link-box{min-height:64px;display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #454545;border-radius:14px;background:#101010}.liked-share-link-box input{min-width:0;flex:1;border:0;outline:0;color:#f1f1f1;background:transparent;font-size:1rem;font-weight:700}.liked-share-link-box button{height:42px;min-width:76px;padding:0 18px;border:1px solid #454545;border-radius:999px;color:#f1f1f1;background:#181818;font-size:.95rem;font-weight:800}.liked-share-link-box button:hover{background:#2f2f2f}.liked-save-modal{width:min(500px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 120px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #454545;border-radius:14px;background:#282828;color:#f1f1f1;box-shadow:0 18px 58px #0000007a}.liked-save-header{padding:16px 20px 12px}.liked-save-playlist-list{min-height:120px;overflow-y:auto;padding:0 12px 12px}.liked-save-playlist-list::-webkit-scrollbar{width:8px}.liked-save-playlist-list::-webkit-scrollbar-thumb{border-radius:999px;background:#777}.liked-save-playlist-item{width:100%;min-height:70px;display:grid;grid-template-columns:76px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:8px 10px;border:0;border-radius:8px;color:#f1f1f1;background:transparent;text-align:left}.liked-save-playlist-item:hover,.liked-save-playlist-item.saved{background:#3d3d3d}.liked-save-playlist-item:disabled{cursor:default}.liked-save-playlist-thumb{width:76px;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5px;color:#ddd;background:#171717}.liked-save-playlist-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.liked-save-playlist-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.liked-save-playlist-copy strong{overflow:hidden;color:#f1f1f1;font-size:1rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.liked-save-playlist-copy span,.liked-save-state{color:#aaa;font-size:.9rem}.liked-save-bookmark-icon{display:inline-flex;justify-content:center;color:#f1f1f1;font-size:1.45rem}.liked-save-playlist-item.saved .liked-save-bookmark-icon{color:#6ea8fe}.liked-save-state{padding:22px 12px;font-weight:700}.liked-save-state.error{color:#ffb4ab}.liked-new-playlist-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0 14px 14px;border:0;border-radius:999px;color:#f1f1f1;background:#3d3d3d;font-weight:900}.liked-new-playlist-button:hover{background:#4a4a4a}.liked-new-playlist-form{display:flex;flex-direction:column;gap:12px;padding:14px;border-top:1px solid #454545}.liked-new-playlist-form input,.liked-new-playlist-form textarea{width:100%;border:1px solid #555;border-radius:8px;outline:none;color:#f1f1f1;background:#171717;font-family:inherit;font-size:1rem}.liked-new-playlist-form input{height:44px;padding:0 12px}.liked-new-playlist-form textarea{min-height:84px;resize:vertical;padding:11px 12px;line-height:1.4}.liked-new-playlist-form input:focus,.liked-new-playlist-form textarea:focus{border-color:#6ea8fe}.liked-new-playlist-form div{display:flex;justify-content:flex-end;gap:10px}.liked-new-playlist-form button{min-height:40px;padding:0 16px;border:0;border-radius:999px;color:#f1f1f1;background:#3d3d3d;font-weight:800}.liked-new-playlist-form button[type=submit]{color:#0f0f0f;background:#f1f1f1}.liked-new-playlist-form button:hover:not(:disabled){filter:brightness(1.08)}.liked-new-playlist-form button:disabled{cursor:not-allowed;opacity:.7}.liked-videos-empty{width:min(560px,100%);margin-top:34px;padding:48px 24px;border:1px solid #303030;border-radius:8px;background:#181818;color:#aaa;text-align:center}.liked-videos-empty>svg{margin-bottom:14px;color:#f1425d;font-size:2.8rem}.liked-videos-empty h2{margin:0 0 8px;color:#f1f1f1;font-size:1.35rem}.liked-videos-empty p{margin:0 0 18px}.liked-videos-empty button{color:#fff;background:#303030}.liked-video-skeleton{display:grid;grid-template-columns:246px minmax(0,1fr);gap:14px;padding:8px 8px 8px 58px;animation:likedVideoPulse 1.5s ease-in-out infinite}.liked-video-skeleton>span,.liked-video-skeleton strong,.liked-video-skeleton em,.liked-video-skeleton small{display:block;border-radius:8px;background:#272727}.liked-video-skeleton>span{width:246px;aspect-ratio:16 / 9}.liked-video-skeleton div{display:flex;flex-direction:column;gap:10px}.liked-video-skeleton strong{width:82%;height:18px}.liked-video-skeleton em{width:42%;height:14px}.liked-video-skeleton small{width:58%;height:14px}@keyframes likedVideoPulse{0%,to{opacity:1}50%{opacity:.64}}@media (max-width: 1024px){.liked-videos-main{margin-left:240px}.liked-videos-hero{grid-template-columns:1fr}.liked-videos-cover{max-width:520px}}@media (max-width: 768px){.liked-videos-main{margin-left:0;padding:16px}.liked-videos-hero{padding:18px}.liked-video-row{grid-template-columns:30px minmax(0,1fr) 40px}.liked-video,.liked-video-skeleton{grid-template-columns:132px minmax(0,1fr);gap:10px}.liked-video-thumb,.liked-video-skeleton>span{width:132px}.liked-video-skeleton{padding-left:38px}.liked-video-copy strong{font-size:.95rem}.liked-video-copy span{font-size:.82rem}.liked-video-action-menu{width:min(276px,calc(100vw - 28px))}.liked-save-backdrop{align-items:center;justify-content:center;padding:16px}.liked-save-modal{max-height:calc(100vh - 32px)}.liked-save-playlist-item{grid-template-columns:64px minmax(0,1fr) 36px}.liked-save-playlist-thumb{width:64px}.liked-share-modal{padding:16px}.liked-share-link-box{min-height:58px;gap:8px;padding:8px}.liked-share-link-box button{min-width:68px;padding:0 14px}}.playlists-container{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#0f0f0f;color:#f1f1f1}.playlists-layout{display:flex;flex:1;min-height:0;overflow:hidden}.playlists-container .navbar-container{background:#0f0f0f;border-bottom-color:#202020;color:#f1f1f1}.playlists-container .hamburger-btn,.playlists-container .logo-btn,.playlists-container .search-btn,.playlists-container .create-btn,.playlists-container .user-avatar-btn{color:#f1f1f1}.playlists-container .hamburger-btn:hover,.playlists-container .logo-btn:hover,.playlists-container .search-btn:hover,.playlists-container .create-btn:hover,.playlists-container .user-avatar-btn:hover{background:#272727}.playlists-container .logo-text{color:#f1f1f1}.playlists-container .search-wrapper{border-color:#303030;background:#121212}.playlists-container .search-input{color:#f1f1f1;background:#121212}.playlists-container .search-input::-moz-placeholder{color:#8f8f8f}.playlists-container .search-input::placeholder{color:#8f8f8f}.playlists-container .sidebar{background:#0f0f0f;border-right-color:#303030;box-shadow:none}.playlists-container .sidebar-section{border-bottom-color:#303030}.playlists-container .sidebar-section-title,.playlists-container .toggle-icon{color:#aaa}.playlists-container .sidebar-section-toggle:hover,.playlists-container .sidebar-item:hover,.playlists-container .sidebar-item.active{background:#303030}.playlists-container .sidebar-item{color:#f1f1f1}.playlists-container .sidebar-icon{color:#aaa}.playlists-container .sidebar-item:hover .sidebar-icon{color:#f1f1f1}.playlists-container .sidebar-item.active,.playlists-container .sidebar-item.active .sidebar-icon{color:#f1425d}.playlists-main{flex:1;min-width:0;margin-left:260px;overflow-y:auto;padding:0 32px 48px;background:#0f0f0f}.playlists-header{position:sticky;top:0;z-index:10;padding:22px 0 20px;background:#0f0f0f}.playlists-header h1{margin:0 0 26px;color:#f1f1f1;font-size:clamp(2.3rem,4vw,3.4rem);line-height:1;font-weight:900}.playlists-filters{display:flex;align-items:center;gap:10px;overflow-x:auto;padding-bottom:2px}.playlists-filters::-webkit-scrollbar{height:0}.playlist-chip{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:8px;color:#f1f1f1;background:#272727;cursor:pointer;font-size:.98rem;font-weight:800;white-space:nowrap}.playlist-chip:hover,.playlist-chip.active{background:#3a3a3a}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:34px 20px;padding-bottom:42px}.playlist-card{min-width:0}.playlist-thumb{position:relative;width:100%;aspect-ratio:16 / 9;display:block;overflow:hidden;border:0;border-radius:12px;background:#222;color:#f1f1f1;cursor:pointer;box-shadow:0 -5px #555,0 -10px #363636}.playlist-thumb img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;transition:transform .22s ease}.playlist-thumb:hover img{transform:scale(1.04)}.playlist-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 48%,#00000075);pointer-events:none}.playlist-thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d7d7d7;background:linear-gradient(135deg,#f1425d57,#4890ff38),#26302d;font-size:3rem}.playlist-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000047;font-size:2.4rem;opacity:0;transition:opacity .2s ease}.playlist-thumb:hover .playlist-play-overlay{opacity:1}.playlist-count{position:absolute;right:8px;bottom:8px;z-index:3;min-height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border-radius:6px;color:#fff;background:#000000c7;font-size:.82rem;font-weight:900}.playlist-card-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:2px 8px;padding-top:14px}.playlist-title{min-width:0;border:0;color:#f1f1f1;background:transparent;cursor:pointer;text-align:left;font-size:1rem;font-weight:900;line-height:1.35}.playlist-title:hover,.playlist-link:hover{color:#fff}.playlist-more{width:36px;height:36px;grid-row:span 4;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;color:#f1f1f1;background:transparent;cursor:pointer}.playlist-more:hover,.playlist-more[aria-expanded=true]{background:#272727}.playlist-menu-wrap{position:relative;grid-row:span 4;display:flex;justify-content:flex-end}.playlist-menu-wrap .playlist-more{grid-row:auto}.playlist-actions-menu{position:absolute;top:40px;right:0;z-index:30;width:164px;overflow:hidden;padding:8px 0;border:1px solid #454545;border-radius:8px;background:#202020;box-shadow:0 14px 34px #0000006b}.playlist-actions-menu button{width:100%;min-height:42px;display:flex;align-items:center;gap:14px;padding:0 14px;border:0;color:#f1f1f1;background:transparent;cursor:pointer;font-size:.95rem;font-weight:800;text-align:left}.playlist-actions-menu button svg{width:18px;flex:0 0 18px;color:#d8d8d8}.playlist-actions-menu button:hover{background:#303030}.playlist-actions-menu button.danger,.playlist-actions-menu button.danger svg{color:#ff8a80}.playlist-card-body p,.playlist-card-body span,.playlist-link{grid-column:1;margin:0;color:#aaa;font-size:.94rem;line-height:1.35;font-weight:700}.playlist-link{width:-moz-fit-content;width:fit-content;border:0;background:transparent;cursor:pointer;text-align:left}.playlists-empty{width:min(560px,100%);margin-top:54px;padding:48px 24px;border:1px solid #303030;border-radius:8px;background:#181818;color:#aaa;text-align:center}.playlists-empty>svg{margin-bottom:14px;color:#f1425d;font-size:2.8rem}.playlists-empty h2{margin:0 0 8px;color:#f1f1f1;font-size:1.35rem}.playlists-empty p{margin:0 0 18px}.playlists-empty button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:999px;color:#fff;background:#303030;cursor:pointer;font-weight:800}.playlists-empty button:hover{background:#404040}.playlist-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000a8}.playlist-edit-modal,.playlist-confirm-modal{width:min(476px,100%);max-height:min(92vh,760px);overflow-y:auto;padding:24px 30px;border:1px solid #343434;border-radius:4px;background:#202020;color:#f1f1f1;box-shadow:0 22px 70px #00000080}.playlist-confirm-modal{width:min(430px,100%)}.playlist-modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:28px}.playlist-modal-header.compact{margin-bottom:12px}.playlist-modal-header h2{margin:0;color:#f1f1f1;font-size:1.45rem;line-height:1.25;font-weight:900}.playlist-modal-close{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;border:0;border-radius:50%;color:#f1f1f1;background:transparent;cursor:pointer;font-size:1.35rem}.playlist-modal-close:hover:not(:disabled){background:#303030}.playlist-edit-preview{width:100%;aspect-ratio:16 / 9;overflow:hidden;margin-bottom:34px;border-radius:10px;background:#181818}.playlist-edit-preview img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.playlist-edit-preview span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d8d8d8;background:linear-gradient(135deg,#f1425d4d,#4890ff33),#26302d;font-size:3rem}.playlist-edit-field{position:relative;display:block;margin-top:28px;padding-top:18px}.playlist-edit-field span{position:absolute;top:0;left:0;color:#8f8f8f;font-size:.92rem;font-weight:700}.playlist-edit-field input,.playlist-edit-field textarea{width:100%;border:0;border-bottom:1px solid #aaa;outline:0;color:#f1f1f1;background:transparent;font:inherit;font-size:1rem;font-weight:700}.playlist-edit-field input{min-height:32px;padding:0 54px 3px 0}.playlist-edit-field textarea{min-height:96px;resize:vertical;padding:0 72px 8px 0;line-height:1.45}.playlist-edit-field input:focus,.playlist-edit-field textarea:focus{border-bottom-color:#fff}.playlist-edit-field strong{position:absolute;right:0;bottom:-20px;color:#d0d0d0;font-size:.9rem;font-weight:800}.playlist-confirm-modal p{margin:0 0 20px;color:#cfcfcf;line-height:1.5;font-weight:700}.playlist-confirm-modal p strong{color:#fff}.playlist-form-error{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(255,138,128,.28);border-radius:8px;color:#ffb4ab;background:#b3261e2e;font-weight:800}.playlist-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:34px}.playlist-modal-actions button{min-height:40px;padding:0 16px;border:0;border-radius:999px;color:#f1f1f1;background:#303030;cursor:pointer;font-weight:800}.playlist-modal-actions button[type=submit]{color:#0f0f0f;background:#fff}.playlist-modal-actions button.danger{color:#fff;background:#b3261e}.playlist-modal-actions button:hover:not(:disabled){background:#404040}.playlist-modal-actions button[type=submit]:hover:not(:disabled){background:#e5e5e5}.playlist-modal-actions button.danger:hover:not(:disabled){background:#c9362e}.playlist-modal-actions button:disabled,.playlist-modal-close:disabled{cursor:not-allowed;opacity:.65}.playlist-skeleton{display:flex;flex-direction:column;gap:10px;animation:playlistPulse 1.5s ease-in-out infinite}.playlist-skeleton span,.playlist-skeleton strong,.playlist-skeleton em,.playlist-skeleton small{display:block;border-radius:8px;background:#272727}.playlist-skeleton span{width:100%;aspect-ratio:16 / 9}.playlist-skeleton strong{width:62%;height:18px}.playlist-skeleton em{width:45%;height:14px}.playlist-skeleton small{width:52%;height:14px}@keyframes playlistPulse{0%,to{opacity:1}50%{opacity:.64}}@media (max-width: 1024px){.playlists-main{margin-left:240px}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 768px){.playlists-main{margin-left:0;padding:0 16px 36px}.playlists-header{padding-top:18px}.playlists-header h1{margin-bottom:18px}.playlist-grid{grid-template-columns:1fr;gap:28px}}.playlist-detail-container{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#0f0f0f;color:#f1f1f1}.playlist-detail-layout{display:flex;flex:1;min-height:0;overflow:hidden}.playlist-detail-container .navbar-container{background:#0f0f0f;border-bottom-color:#202020;color:#f1f1f1}.playlist-detail-container .hamburger-btn,.playlist-detail-container .logo-btn,.playlist-detail-container .search-btn,.playlist-detail-container .create-btn,.playlist-detail-container .user-avatar-btn{color:#f1f1f1}.playlist-detail-container .hamburger-btn:hover,.playlist-detail-container .logo-btn:hover,.playlist-detail-container .search-btn:hover,.playlist-detail-container .create-btn:hover,.playlist-detail-container .user-avatar-btn:hover{background:#272727}.playlist-detail-container .logo-text{color:#f1f1f1}.playlist-detail-container .search-wrapper{border-color:#303030;background:#121212}.playlist-detail-container .search-input{color:#f1f1f1;background:#121212}.playlist-detail-container .search-input::-moz-placeholder{color:#8f8f8f}.playlist-detail-container .search-input::placeholder{color:#8f8f8f}.playlist-detail-container .sidebar{background:#0f0f0f;border-right-color:#303030;box-shadow:none}.playlist-detail-container .sidebar-section{border-bottom-color:#303030}.playlist-detail-container .sidebar-section-title,.playlist-detail-container .toggle-icon{color:#aaa}.playlist-detail-container .sidebar-section-toggle:hover,.playlist-detail-container .sidebar-item:hover,.playlist-detail-container .sidebar-item.active{background:#303030}.playlist-detail-container .sidebar-item{color:#f1f1f1}.playlist-detail-container .sidebar-icon{color:#aaa}.playlist-detail-container .sidebar-item:hover .sidebar-icon{color:#f1f1f1}.playlist-detail-container .sidebar-item.active,.playlist-detail-container .sidebar-item.active .sidebar-icon{color:#f1425d}.playlist-detail-main{flex:1;min-width:0;margin-left:260px;overflow-y:auto;background:#0f0f0f}.playlist-detail-content{display:grid;grid-template-columns:452px minmax(0,1fr);gap:48px;width:100%;padding:32px 54px 48px 42px}.playlist-detail-card{position:sticky;top:28px;align-self:start;min-height:calc(100vh - 118px);overflow:hidden;padding:30px;border-radius:18px;color:#fff;background:linear-gradient(180deg,#8c7e5ef5,#2c281efa 56%,#121212);box-shadow:0 18px 64px #00000052}.playlist-detail-cover{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:10px;background:#202020}.playlist-detail-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.playlist-detail-cover>span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d8d8d8;background:#282828;font-size:3rem}.playlist-detail-cover button{position:absolute;right:10px;bottom:10px;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#0f0f0f;background:#ffffffeb;font-size:1.25rem}.playlist-detail-card h1{margin:24px 0 14px;color:#fff;font-size:clamp(2rem,3.2vw,2.55rem);line-height:1.05;font-weight:900}.playlist-detail-owner{display:flex;align-items:center;gap:10px;margin-bottom:14px}.playlist-detail-owner img,.playlist-detail-owner span{width:34px;height:34px;flex:0 0 34px;border-radius:50%}.playlist-detail-owner img{-o-object-fit:cover;object-fit:cover}.playlist-detail-owner span{display:inline-flex;align-items:center;justify-content:center;background:#2f4c7c;font-weight:900}.playlist-detail-owner strong{min-width:0;overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.playlist-detail-card .playlist-detail-meta{margin:0;color:#ffffffbd;font-size:.95rem;font-weight:800}.playlist-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:30px}.playlist-detail-actions button{height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;color:#fff;background:#ffffff29;font-size:1rem;font-weight:900}.playlist-detail-actions button:not(.playlist-detail-play){width:46px;flex:0 0 46px}.playlist-detail-actions button:hover:not(:disabled){background:#ffffff3d}.playlist-detail-actions .playlist-detail-play{min-width:170px;padding:0 24px;color:#0f0f0f;background:#fff}.playlist-detail-actions .playlist-detail-play:hover:not(:disabled){background:#e5e5e5}.playlist-detail-actions button:disabled{cursor:not-allowed;opacity:.55}.playlist-card-menu-wrap{position:relative;display:flex}.playlist-card-menu{position:absolute;top:52px;right:0;z-index:20;width:216px;overflow:hidden;padding:8px 0;border:1px solid #454545;border-radius:8px;background:#202020;box-shadow:0 14px 34px #0000006b}.playlist-detail-actions .playlist-card-menu button{width:100%;min-height:46px;height:auto;flex:none;justify-content:flex-start;gap:14px;padding:0 16px;border-radius:0;color:#f1f1f1;background:transparent;font-size:.95rem;text-align:left}.playlist-detail-actions .playlist-card-menu button:hover:not(:disabled){background:#303030}.playlist-detail-actions .playlist-card-menu button.danger,.playlist-detail-actions .playlist-card-menu button.danger svg{color:#ff8a80}.playlist-detail-description{margin:18px 0 0;color:#ffffffc7;font-size:.95rem;line-height:1.5;font-weight:700;white-space:pre-wrap}.playlist-detail-videos{min-width:0;padding-top:26px}.playlist-detail-sort{margin-bottom:24px}.playlist-detail-sort button{min-height:42px;padding:0 16px;border:0;border-radius:8px;color:#f1f1f1;background:#272727;font-weight:900}.playlist-detail-sort button:hover{background:#343434}.playlist-detail-list{display:flex;flex-direction:column;gap:20px}.playlist-detail-row{display:grid;grid-template-columns:34px minmax(0,1fr) 42px;align-items:center;gap:10px}.playlist-detail-drag{display:flex;justify-content:center;color:#d8d8d8;font-size:1.4rem}.playlist-detail-video{min-width:0;display:grid;grid-template-columns:250px minmax(0,1fr);gap:12px;border:0;color:#f1f1f1;background:transparent;cursor:pointer;text-align:left}.playlist-detail-video:hover strong{color:#fff}.playlist-detail-thumb{position:relative;display:block;width:250px;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background:#202020}.playlist-detail-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.playlist-detail-thumb span{position:absolute;right:5px;bottom:5px;padding:2px 5px;border-radius:4px;color:#fff;background:#000000d9;font-size:.78rem;font-weight:900}.playlist-detail-copy{min-width:0;display:flex;flex-direction:column;gap:10px;padding-top:2px}.playlist-detail-copy strong{display:-webkit-box;overflow:hidden;color:#f1f1f1;font-size:1.08rem;line-height:1.35;font-weight:900;-webkit-box-orient:vertical;-webkit-line-clamp:2}.playlist-detail-copy span{color:#aaa;font-size:.93rem;font-weight:700}.playlist-detail-more{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;color:#f1f1f1;background:transparent}.playlist-detail-more:hover,.playlist-detail-more[aria-expanded=true]{background:#272727}.playlist-detail-more:disabled{cursor:not-allowed;opacity:.55}.playlist-detail-menu-wrap{position:relative;display:flex;justify-content:flex-end}.playlist-detail-menu{position:absolute;top:46px;right:0;z-index:20;width:244px;overflow:hidden;padding:8px 0;border:1px solid #454545;border-radius:8px;background:#202020;box-shadow:0 14px 34px #0000006b}.playlist-detail-menu button{width:100%;min-height:46px;display:flex;align-items:center;gap:16px;padding:0 16px;border:0;color:#f1f1f1;background:transparent;font-size:.95rem;font-weight:800;text-align:left}.playlist-detail-menu button svg{width:20px;flex:0 0 20px;color:#d8d8d8;font-size:1rem}.playlist-detail-menu button:hover:not(:disabled){background:#303030}.playlist-detail-menu button:disabled{cursor:not-allowed;opacity:.6}.playlist-detail-menu button.danger,.playlist-detail-menu button.danger svg{color:#ff8a80}.playlist-detail-action-error{padding:12px 14px;border:1px solid rgba(255,138,128,.28);border-radius:8px;color:#ffb4ab;background:#b3261e2e;font-weight:800}.playlist-detail-share-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000009e}.playlist-detail-share-modal{width:min(528px,100%);padding:20px;border:1px solid #454545;border-radius:12px;background:#202020;color:#f1f1f1;box-shadow:0 18px 60px #00000073}.playlist-detail-share-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.playlist-detail-share-header h2{margin:0;font-size:1.2rem;line-height:1.25;font-weight:800}.playlist-detail-share-close{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;border:0;border-radius:50%;color:#f1f1f1;background:transparent;font-size:1.15rem}.playlist-detail-share-close:hover{background:#2f2f2f}.playlist-detail-share-link-box{min-height:64px;display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #454545;border-radius:14px;background:#101010}.playlist-detail-share-link-box input{min-width:0;flex:1;border:0;outline:0;color:#f1f1f1;background:transparent;font-size:1rem;font-weight:700}.playlist-detail-share-link-box button{height:42px;min-width:76px;padding:0 18px;border:1px solid #454545;border-radius:999px;color:#f1f1f1;background:#181818;font-size:.95rem;font-weight:800}.playlist-detail-share-link-box button:hover{background:#2f2f2f}.playlist-detail-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000009e}.playlist-detail-edit-modal,.playlist-detail-confirm-modal{width:min(528px,100%);padding:20px;border:1px solid #454545;border-radius:12px;background:#202020;color:#f1f1f1;box-shadow:0 18px 60px #00000073}.playlist-detail-confirm-modal{width:min(430px,100%)}.playlist-detail-confirm-modal h2{margin:0 0 10px;font-size:1.25rem;line-height:1.25}.playlist-detail-confirm-modal p{margin:0 0 18px;color:#aaa;line-height:1.45}.playlist-detail-field{display:flex;flex-direction:column;gap:8px;margin-top:16px;color:#f1f1f1;font-weight:800}.playlist-detail-field input,.playlist-detail-field textarea{width:100%;border:1px solid #454545;border-radius:10px;outline:0;color:#f1f1f1;background:#101010;font:inherit;font-weight:700}.playlist-detail-field input{min-height:46px;padding:0 14px}.playlist-detail-field textarea{min-height:126px;resize:vertical;padding:12px 14px;line-height:1.45}.playlist-detail-field input:focus,.playlist-detail-field textarea:focus{border-color:#f1f1f1}.playlist-detail-form-error{margin:0 0 14px;padding:12px 14px;border:1px solid rgba(255,138,128,.28);border-radius:8px;color:#ffb4ab;background:#b3261e2e;font-weight:800}.playlist-detail-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.playlist-detail-modal-actions button{min-height:40px;padding:0 16px;border:0;border-radius:999px;color:#f1f1f1;background:#303030;font-weight:800}.playlist-detail-modal-actions button[type=submit]{color:#0f0f0f;background:#fff}.playlist-detail-modal-actions button.danger{color:#fff;background:#b3261e}.playlist-detail-modal-actions button:hover:not(:disabled){background:#404040}.playlist-detail-modal-actions button[type=submit]:hover:not(:disabled){background:#e5e5e5}.playlist-detail-modal-actions button.danger:hover:not(:disabled){background:#c9362e}.playlist-detail-modal-actions button:disabled,.playlist-detail-share-close:disabled{cursor:not-allowed;opacity:.65}.playlist-detail-empty{width:min(560px,100%);margin:52px;padding:48px 24px;border:1px solid #303030;border-radius:8px;background:#181818;color:#aaa;text-align:center}.playlist-detail-empty.inline{margin:40px 0}.playlist-detail-empty>svg{margin-bottom:14px;color:#f1425d;font-size:2.8rem}.playlist-detail-empty h1,.playlist-detail-empty h2{margin:0 0 8px;color:#f1f1f1}.playlist-detail-empty p{margin:0 0 18px}.playlist-detail-empty button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:999px;color:#fff;background:#303030;font-weight:800}.playlist-detail-skeleton{display:grid;grid-template-columns:452px minmax(0,1fr);gap:48px;padding:32px 54px 48px 42px}.playlist-detail-skeleton section,.playlist-detail-skeleton article span,.playlist-detail-skeleton strong,.playlist-detail-skeleton em{display:block;border-radius:12px;background:#272727;animation:playlistDetailPulse 1.5s ease-in-out infinite}.playlist-detail-skeleton section{height:calc(100vh - 118px)}.playlist-detail-skeleton div{display:flex;flex-direction:column;gap:20px;padding-top:68px}.playlist-detail-skeleton article{display:grid;grid-template-columns:250px minmax(0,1fr);gap:12px}.playlist-detail-skeleton article span{width:250px;aspect-ratio:16 / 9}.playlist-detail-skeleton article div{gap:10px;padding:0}.playlist-detail-skeleton strong{width:82%;height:20px}.playlist-detail-skeleton em{width:46%;height:15px}@keyframes playlistDetailPulse{0%,to{opacity:1}50%{opacity:.64}}@media (max-width: 1180px){.playlist-detail-content,.playlist-detail-skeleton{grid-template-columns:360px minmax(0,1fr);gap:28px;padding:24px}.playlist-detail-video,.playlist-detail-skeleton article{grid-template-columns:190px minmax(0,1fr)}.playlist-detail-thumb,.playlist-detail-skeleton article span{width:190px}}@media (max-width: 1024px){.playlist-detail-main{margin-left:240px}.playlist-detail-content,.playlist-detail-skeleton{grid-template-columns:1fr}.playlist-detail-card{position:relative;top:auto;min-height:auto}}@media (max-width: 768px){.playlist-detail-main{margin-left:0}.playlist-detail-content,.playlist-detail-skeleton{padding:16px}.playlist-detail-card{padding:18px}.playlist-detail-row{grid-template-columns:22px minmax(0,1fr) 38px}.playlist-detail-video,.playlist-detail-skeleton article{grid-template-columns:132px minmax(0,1fr);gap:10px}.playlist-detail-thumb,.playlist-detail-skeleton article span{width:132px}.playlist-detail-copy strong{font-size:.95rem}.playlist-detail-copy span{font-size:.82rem}.playlist-detail-empty{margin:24px 16px}}html,body,#root{height:100%;width:100%}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#fff;overflow:hidden}.auth-layout{display:flex;width:100vw;height:100vh}.main-layout{display:flex;flex:1;overflow:hidden;width:100vw;height:100%}.backend-status-screen{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f0f0f}.backend-status-card{width:min(420px,100%);display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px;border:1px solid #303030;border-radius:12px;color:#f1f1f1;background:#181818;box-shadow:0 18px 60px #00000059}.backend-status-dot{width:12px;height:12px;border-radius:50%}.backend-status-dot.checking{background:#f5c542;box-shadow:0 0 0 6px #f5c54229}.backend-status-dot.offline{background:#f1425d;box-shadow:0 0 0 6px #f1425d29}.backend-status-card h1{margin:4px 0 0;font-size:1.7rem;line-height:1.15}.backend-status-card p{margin:0;color:#b8b8b8;line-height:1.5}.backend-status-card button{min-height:42px;margin-top:8px;padding:0 18px;border-radius:999px;color:#fff;background:#f1425d;font-weight:900}.backend-status-card button:hover{background:#d93650}@media (max-width: 768px){.app-container{height:100vh}}@media (prefers-color-scheme: dark){.app-container{background-color:#212121}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}html{scroll-behavior:smooth;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}body{background-color:#fff;color:#030303;line-height:1.6;font-size:14px}#root{width:100%;height:100%;display:flex}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid #f1425d;outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#999;border:3px solid transparent;background-clip:content-box}img{max-width:100%;height:auto;display:block}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,select:focus{border-color:#f1425d;box-shadow:0 0 0 2px #f1425d1a}@media (max-width: 768px){body{font-size:13px}}@media (prefers-color-scheme: dark){body{background-color:#212121;color:#fff}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{background-color:#303030;color:#fff;border-color:#404040}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,select:focus{border-color:#f1425d}::-webkit-scrollbar-thumb{background:#404040}::-webkit-scrollbar-thumb:hover{background:#555}}::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#505050}