:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--text-primary: #0f0f0f;--text-secondary: #606060;--text-tertiary: #909090;--border-color: #e5e5e5;--accent-color: #ff0000;--accent-hover: #cc0000;--shadow-light: 0 1px 3px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .1);--shadow-heavy: 0 10px 25px rgba(0, 0, 0, .15);--bg-primary-dark: #0f0f0f;--bg-secondary-dark: #1f1f1f;--bg-tertiary-dark: #272727;--text-primary-dark: #ffffff;--text-secondary-dark: #aaaaaa;--text-tertiary-dark: #717171;--border-color-dark: #383838;--accent-color-dark: #ff4444;--accent-hover-dark: #ff6666;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-tooltip: 1050}[data-theme=dark]{--bg-primary: var(--bg-primary-dark);--bg-secondary: var(--bg-secondary-dark);--bg-tertiary: var(--bg-tertiary-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--text-tertiary: var(--text-tertiary-dark);--border-color: var(--border-color-dark);--accent-color: var(--accent-color-dark);--accent-hover: var(--accent-hover-dark)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);line-height:1.6}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}a:hover{color:var(--accent-color)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit;transition:all var(--transition-fast)}.flex-div{display:flex;align-items:center}.container{max-width:100%;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.navbar{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);height:64px;max-width:100%;margin:0 auto}.navbar-left{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.menu-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-primary);transition:all var(--transition-fast)}.menu-button:hover{background-color:var(--bg-secondary);transform:scale(1.05)}.logo-link{display:flex;align-items:center;text-decoration:none;color:var(--text-primary)}.logo{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:700;font-size:1.5rem}.logo-text{color:var(--text-primary)}.logo-clone{color:var(--accent-color);font-size:.8em;opacity:.8}.navbar-center{flex:1;display:flex;justify-content:center;max-width:640px;margin:0 var(--spacing-xl)}.search-container{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;max-width:600px}.search-box{display:flex;align-items:center;flex:1;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-fast)}.search-box.focused{border-color:var(--accent-color);box-shadow:0 0 0 2px #ff00001a}.search-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;outline:none;background:transparent;color:var(--text-primary);font-size:1rem}.search-input::placeholder{color:var(--text-tertiary)}.search-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background-color:var(--bg-tertiary);color:var(--text-secondary);border:none;cursor:pointer;transition:all var(--transition-fast)}.search-button:hover{background-color:var(--border-color);color:var(--text-primary)}.voice-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-secondary);color:var(--text-primary);border:none;cursor:pointer;transition:all var(--transition-fast)}.voice-button:hover{background-color:var(--bg-tertiary);transform:scale(1.05)}.navbar-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-primary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);position:relative}.icon-button:hover{background-color:var(--bg-secondary);transform:scale(1.05)}.theme-toggle{color:var(--accent-color)}.theme-toggle:hover{background-color:#ff00001a}.user-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--accent-color);color:#fff;border:none;cursor:pointer;transition:all var(--transition-fast)}.user-button:hover{background-color:var(--accent-hover);transform:scale(1.05)}@media (max-width: 768px){.navbar-container{padding:0 var(--spacing-md)}.navbar-center{margin:0 var(--spacing-md)}.logo{font-size:1.2rem}.search-container{max-width:400px}}@media (max-width: 640px){.navbar-container{padding:0 var(--spacing-sm)}.navbar-center{margin:0 var(--spacing-sm)}.search-container{max-width:300px}.voice-button{display:none}.navbar-right{gap:var(--spacing-xs)}.icon-button{width:36px;height:36px}}@media (max-width: 480px){.navbar-center{display:none}.navbar-container{justify-content:space-between}.navbar-left{gap:var(--spacing-sm)}.logo{font-size:1rem}}@keyframes searchFocus{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.search-box.focused{animation:searchFocus .2s ease-out}.home-container{display:flex;min-height:calc(100vh - 64px);background-color:var(--bg-primary);position:relative}.main-content{flex:1;margin-left:240px;transition:margin-left var(--transition-normal);background-color:var(--bg-primary);min-height:calc(100vh - 64px)}.main-content.sidebar-closed{margin-left:72px}@media (max-width: 768px){.main-content,.main-content.sidebar-open,.main-content.sidebar-closed{margin-left:0}}@media (max-width: 480px){.home-container{flex-direction:column}.main-content{margin-left:0;margin-top:0}}.main-content.loading{opacity:.7;pointer-events:none}.main-content{transition:margin-left var(--transition-normal),background-color var(--transition-normal),color var(--transition-normal)}.main-content:focus{outline:none}.main-content{overflow-x:hidden;overflow-y:auto}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.main-content::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-sm)}.main-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sidebar{position:fixed;top:64px;left:0;height:calc(100vh - 64px);background-color:var(--bg-primary);border-right:1px solid var(--border-color);overflow:hidden;z-index:var(--z-fixed);transition:all var(--transition-normal)}.sidebar-content{height:100%;overflow-y:auto;padding:var(--spacing-lg) 0}.sidebar-section{margin-bottom:var(--spacing-xl)}.sidebar-item{display:flex;align-items:center;gap:var(--spacing-lg);width:100%;padding:var(--spacing-md) var(--spacing-xl);color:var(--text-primary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:.95rem;font-weight:500;margin-bottom:var(--spacing-xs)}.sidebar-item:hover{background-color:var(--bg-secondary)}.sidebar-item.active{background-color:var(--bg-tertiary);color:var(--accent-color);font-weight:600}.sidebar-item.active:before{content:"";position:absolute;left:0;width:3px;height:100%;background-color:var(--accent-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.item-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-item{position:relative}.channel-avatar{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--accent-color);color:#fff;font-size:.8rem;font-weight:600;flex-shrink:0}.section-title{padding:0 var(--spacing-xl);margin-bottom:var(--spacing-md);font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sidebar-divider{height:1px;background-color:var(--border-color);margin:var(--spacing-lg) var(--spacing-xl)}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-item{justify-content:center;padding:var(--spacing-md);gap:0}.sidebar.collapsed .item-text,.sidebar.collapsed .section-title{display:none}.sidebar.collapsed .sidebar-divider{margin:var(--spacing-lg) var(--spacing-md)}.sidebar.expanded{width:240px}@media (max-width: 768px){.sidebar{top:64px;transform:translate(-100%);transition:transform var(--transition-normal);width:280px;z-index:var(--z-modal)}.sidebar.expanded{transform:translate(0)!important;width:280px}.sidebar.collapsed{transform:translate(-100%);width:280px}.sidebar-item{padding:var(--spacing-lg) var(--spacing-xl);font-size:1rem;margin-bottom:var(--spacing-sm)}.sidebar-content{padding:var(--spacing-xl) 0}.sidebar-section{margin-bottom:var(--spacing-2xl)}}@media (max-width: 480px){.sidebar{width:100%;top:64px;transform:translate(-100%)}.sidebar.expanded{width:100%;transform:translate(0)!important}.sidebar.collapsed{width:100%;transform:translate(-100%)}.sidebar-item{padding:var(--spacing-xl) var(--spacing-2xl);font-size:1.1rem;margin-bottom:var(--spacing-md)}.sidebar-content{padding:var(--spacing-2xl) 0}.sidebar-section{margin-bottom:var(--spacing-2xl)}}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-sm)}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes activePulse{0%{box-shadow:0 0 #f006}70%{box-shadow:0 0 0 4px #f000}to{box-shadow:0 0 #f000}}.sidebar-item.active{animation:activePulse 2s infinite}.sidebar-item:hover,.sidebar-item.active:hover{transform:translate(4px)}.sidebar-item:focus{outline:2px solid var(--accent-color);outline-offset:-2px}.sidebar-item.loading{opacity:.6;pointer-events:none}.sidebar-item.loading:after{content:"";position:absolute;right:var(--spacing-md);width:16px;height:16px;border:2px solid var(--border-color);border-top:2px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg);max-width:100%}.video-card-wrapper{display:block;text-decoration:none;color:inherit;background-color:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-light);transition:all var(--transition-normal);position:relative}.video-card-wrapper:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.video-card{display:block;text-decoration:none;color:inherit;width:100%;height:100%}.thumbnail-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background-color:var(--bg-secondary)}.thumbnail{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.video-card-wrapper:hover .thumbnail{transform:scale(1.05)}.thumbnail-fallback{display:none;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--bg-tertiary);color:var(--text-tertiary);font-size:.8rem;text-align:center;gap:var(--spacing-sm)}.thumbnail-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:#fff;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.video-card-wrapper:hover .thumbnail-overlay{opacity:1}.video-duration{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);background-color:#000c;color:#fff;padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.video-info{padding:var(--spacing-md)}.video-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.channel-info{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:.85rem}.channel-name{font-weight:500}.video-stats{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--text-tertiary);font-size:.8rem}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg)}.skeleton{background-color:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-light)}.skeleton-thumbnail{width:100%;aspect-ratio:16/9;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.skeleton-content{padding:var(--spacing-md)}.skeleton-title{height:16px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.skeleton-channel{height:12px;width:60%;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.skeleton-stats{height:10px;width:40%;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@media (max-width: 1200px){.feed{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md);padding:var(--spacing-md)}}@media (max-width: 768px){.feed{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm);padding:var(--spacing-sm)}.video-info{padding:var(--spacing-sm)}.video-title{font-size:.9rem}.channel-info,.video-stats{font-size:.75rem}}@media (max-width: 480px){.feed{grid-template-columns:1fr;gap:var(--spacing-md)}.video-card-wrapper{max-width:100%}}.video-card-wrapper:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (hover: none){.video-card-wrapper:hover{transform:none}.video-card-wrapper:hover .thumbnail-overlay{opacity:0}.video-card-wrapper:active{transform:scale(.98)}}[data-theme=dark] .thumbnail-overlay,[data-theme=dark] .video-duration{background-color:#ffffff1a}.video-page{min-height:calc(100vh - 64px);background-color:var(--bg-primary);padding:var(--spacing-lg)}.video-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}@media (max-width: 1024px){.video-page{padding:var(--spacing-md)}.video-container{max-width:100%}}@media (max-width: 768px){.video-page{padding:var(--spacing-sm)}}@media (max-width: 480px){.video-page{padding:var(--spacing-xs)}.video-container{gap:var(--spacing-lg)}}.video-page.loading{opacity:.7;pointer-events:none}.video-page{transition:background-color var(--transition-normal),color var(--transition-normal)}.play-video{max-width:100%;background-color:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden}.video-player-container{position:relative;width:100%;aspect-ratio:16/9;background-color:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg)}.video-player{width:100%;height:100%;border:none;border-radius:var(--radius-lg)}.video-info{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.video-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.4}.video-stats{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.stats-left{display:flex;align-items:center;gap:var(--spacing-lg);color:var(--text-secondary);font-size:.9rem}.stat-item{display:flex;align-items:center;gap:var(--spacing-xs)}.stats-right{display:flex;align-items:center;gap:var(--spacing-sm)}.action-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.9rem;font-weight:500}.action-button:hover{background-color:var(--bg-tertiary);transform:translateY(-1px)}.action-button.active{background-color:var(--accent-color);color:#fff}.channel-section{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.channel-info{display:flex;align-items:center;gap:var(--spacing-md)}.channel-avatar{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;background-color:var(--bg-secondary)}.channel-avatar img{width:100%;height:100%;object-fit:cover}.avatar-fallback{display:none;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--accent-color);color:#fff}.channel-details{flex:1}.channel-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.subscriber-count{font-size:.9rem;color:var(--text-secondary)}.subscribe-button{background-color:var(--accent-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.subscribe-button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.video-description{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.description-header{margin-bottom:var(--spacing-md)}.description-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.description-content{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap}.comments-section{padding:var(--spacing-lg)}.comments-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.comments-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.comment-count{font-size:.9rem;color:var(--text-secondary)}.comment-input{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.comment-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--bg-secondary);color:var(--text-secondary);flex-shrink:0}.comment-text-input{flex:1;padding:var(--spacing-sm);border:none;border-bottom:1px solid var(--border-color);background:transparent;color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color var(--transition-fast)}.comment-text-input:focus{border-color:var(--accent-color)}.comment-text-input::placeholder{color:var(--text-tertiary)}.comments-list{min-height:100px;display:flex;align-items:center;justify-content:center}.no-comments{color:var(--text-tertiary);font-style:italic;text-align:center}.skeleton{background-color:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden}.video-player-skeleton{width:100%;aspect-ratio:16/9;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;margin-bottom:var(--spacing-lg)}.video-info-skeleton{padding:var(--spacing-lg)}.skeleton-title{height:24px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.skeleton-stats{height:16px;width:60%;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.skeleton-channel{height:48px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.error-container{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-xl)}.error-content{text-align:center;max-width:400px}.error-content h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.5rem}.error-content p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.retry-button{background-color:var(--accent-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.retry-button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}@media (max-width: 768px){.video-title{font-size:1.2rem}.video-stats{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.stats-right{width:100%;justify-content:space-between}.action-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.channel-info{flex-wrap:wrap;gap:var(--spacing-sm)}.subscribe-button{width:100%;margin-top:var(--spacing-sm)}}@media (max-width: 480px){.video-info,.channel-section,.video-description,.comments-section{padding:var(--spacing-md)}.video-title{font-size:1.1rem}.stats-left{flex-direction:column;gap:var(--spacing-xs)}.action-button{padding:var(--spacing-xs)}.action-button span{display:none}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.action-button:focus,.subscribe-button:focus,.comment-text-input:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (hover: none){.action-button:hover,.subscribe-button:hover{transform:none}.action-button:active,.subscribe-button:active{transform:scale(.98)}}