:root{--bg-primary:#fafbfc;--bg-secondary:#fff;--bg-tertiary:#f0f2f5;--text-primary:#1a1d21;--text-secondary:#5f6368;--text-muted:#9aa0a6;--accent:#00b894;--accent-hover:#00a187;--accent-light:rgba(0,184,148,.1);--border:#e8eaed;--shadow:0 2px 8px rgba(0,0,0,.08);--shadow-hover:0 8px 24px rgba(0,0,0,.12);--font-main:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;--font-mono:'SF Mono',Monaco,'Cascadia Code',monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-normal:.25s ease;--header-height:64px;--container-max:1400px;--sidebar-width:280px}[data-theme=dark]{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--text-primary:#f0f6fc;--text-secondary:#8b949e;--text-muted:#6e7681;--border:#30363d;--shadow:0 2px 8px rgba(0,0,0,.3);--shadow-hover:0 8px 24px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-main);font-size:.9375rem;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer;border:none;background:0 0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin-bottom:var(--space-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}.main-content{flex:1;padding:var(--space-lg) 0}.site-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;height:var(--header-height)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-lg)}.site-logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:1.25rem;color:var(--text-primary);flex-shrink:0}.logo-icon{width:32px;height:32px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.logo-icon svg{width:18px;height:18px;fill:#fff}.header-search{flex:1;max-width:480px}.search-form{display:flex;align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:0 var(--space-md);transition:all var(--transition-fast);border:2px solid transparent}.search-form:focus-within{background:var(--bg-secondary);border-color:var(--accent)}.search-input{flex:1;border:none;background:0 0;padding:var(--space-sm) 0;font-size:.875rem;color:var(--text-primary);outline:none}.search-input::placeholder{color:var(--text-muted)}.search-btn{padding:var(--space-sm);color:var(--text-muted);transition:color var(--transition-fast)}.search-btn:hover{color:var(--accent)}.search-btn svg{width:18px;height:18px}.main-nav{display:none}.nav-list{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{background:var(--accent-light);color:var(--accent)}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.theme-toggle,.mobile-menu-btn{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.theme-toggle:hover,.mobile-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.theme-toggle svg,.mobile-menu-btn svg{width:20px;height:20px}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;max-width:320px;height:100vh;background:var(--bg-secondary);z-index:200;transition:right var(--transition-normal);overflow-y:auto;padding:var(--space-lg)}.mobile-menu.is-open{right:0}.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:199;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.mobile-menu-overlay.is-visible{opacity:1;visibility:visible}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.mobile-menu-close{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-tertiary)}.mobile-menu-close svg{width:20px;height:20px}.mobile-nav-list{display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--accent-light);color:var(--accent)}.mobile-nav-link svg{width:20px;height:20px}.mobile-search{margin-bottom:var(--space-lg)}.mobile-search .search-form{width:100%}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-title{font-size:1.25rem;font-weight:600}.section-link{font-size:.875rem;font-weight:500;color:var(--accent)}.section-link:hover{text-decoration:underline}.video-card{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow)}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.video-card-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-tertiary)}.video-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.video-card:hover .video-card-thumb img{transform:scale(1.05)}.video-card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity var(--transition-fast)}.video-card:hover .video-card-play{opacity:1}.play-icon{width:56px;height:56px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,184,148,.4)}.play-icon svg{width:24px;height:24px;fill:#fff;margin-left:3px}.video-card-badges{position:absolute;top:var(--space-sm);left:var(--space-sm);right:var(--space-sm);display:flex;justify-content:space-between}.badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background:rgba(0,0,0,.7);color:#fff}.badge-views{display:flex;align-items:center;gap:4px}.badge-views svg{width:12px;height:12px}.badge-rating{background:var(--accent)}.video-card-duration{position:absolute;bottom:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:rgba(0,0,0,.8);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:#fff}.video-card-info{padding:var(--space-md)}.video-card-title{font-size:.9375rem;font-weight:500;line-height:1.4;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-sm)}.video-card-meta{display:flex;align-items:center;gap:var(--space-md);font-size:.8125rem;color:var(--text-muted)}.video-card-meta span{display:flex;align-items:center;gap:4px}.video-card-meta svg{width:14px;height:14px}.single-video{display:grid;gap:var(--space-xl)}.video-player-container{background:#000;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/9}.video-player-container iframe,.video-player-container video{width:100%;height:100%}.video-details{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow)}.video-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-md)}.video-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border);margin-bottom:var(--space-lg);color:var(--text-secondary);font-size:.875rem}.video-meta-item{display:flex;align-items:center;gap:var(--space-sm)}.video-meta-item svg{width:16px;height:16px}.video-actions{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border)}.btn svg{width:16px;height:16px}.video-description{margin-bottom:var(--space-lg)}.video-description-content{color:var(--text-secondary);line-height:1.7}.video-description-content.is-collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.description-toggle{font-size:.875rem;font-weight:500;color:var(--accent);margin-top:var(--space-sm)}.description-toggle:hover{text-decoration:underline}.video-taxonomies{display:flex;flex-direction:column;gap:var(--space-lg)}.taxonomy-section{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.taxonomy-label{font-weight:600;font-size:.875rem;color:var(--text-secondary);margin-right:var(--space-sm)}.tag-link,.star-link{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);font-size:.8125rem;background:var(--bg-tertiary);color:var(--text-secondary);transition:all var(--transition-fast)}.tag-link:hover,.star-link:hover{background:var(--accent-light);color:var(--accent)}.related-videos{margin-top:var(--space-2xl)}.archive-header{margin-bottom:var(--space-xl)}.archive-title{font-size:1.75rem;margin-bottom:var(--space-sm)}.archive-description{color:var(--text-secondary);max-width:600px}.term-count{font-size:.875rem;color:var(--text-muted);font-weight:400}.breadcrumbs{padding:var(--space-md) 0;font-size:.8125rem}.breadcrumbs-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-muted)}.breadcrumb-item a{color:var(--text-secondary)}.breadcrumb-item a:hover{color:var(--accent)}.breadcrumb-separator{font-size:.75rem}.breadcrumb-current{color:var(--text-primary);font-weight:500}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-2xl)}.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.pagination a{background:var(--bg-secondary);color:var(--text-secondary);box-shadow:var(--shadow)}.pagination a:hover{background:var(--accent);color:#fff}.pagination .current{background:var(--accent);color:#fff}.pagination .dots{background:0 0;box-shadow:none;color:var(--text-muted)}.stars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-lg)}.star-card{text-align:center;padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:all var(--transition-normal)}.star-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.star-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto var(--space-md);overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.star-avatar img{width:100%;height:100%;object-fit:cover}.star-avatar svg{width:32px;height:32px;fill:var(--text-muted)}.star-name{font-weight:600;font-size:.9375rem;margin-bottom:var(--space-xs)}.star-count{font-size:.8125rem;color:var(--text-muted)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tags-list .tag-link{padding:var(--space-sm) var(--space-md);font-size:.875rem}.tag-count{color:var(--text-muted);font-size:.75rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.category-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow);transition:all var(--transition-fast)}.category-card:hover{background:var(--accent-light);color:var(--accent)}.category-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.category-icon svg{width:20px;height:20px;fill:var(--text-muted)}.category-name{font-weight:500;flex:1}.category-count{font-size:.8125rem;color:var(--text-muted)}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--space-xl) 0;margin-top:auto}.footer-content{display:flex;flex-direction:column;gap:var(--space-lg)}.footer-description{color:var(--text-secondary);font-size:.875rem;max-width:600px}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.footer-nav a{font-size:.875rem;color:var(--text-secondary)}.footer-nav a:hover{color:var(--accent)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--border)}.copyright{font-size:.8125rem;color:var(--text-muted)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--space-sm) 0;z-index:100}.bottom-nav-list{display:flex;justify-content:space-around}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs) var(--space-sm);font-size:.625rem;color:var(--text-muted);transition:color var(--transition-fast)}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item svg{width:20px;height:20px}.search-header{margin-bottom:var(--space-xl)}.search-query{font-size:1.75rem;margin-bottom:var(--space-sm)}.search-query span{color:var(--accent)}.no-results{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.no-results h2{margin-bottom:var(--space-md)}.error-404{text-align:center;padding:var(--space-2xl) 0}.error-code{font-size:6rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:var(--space-md)}.error-title{font-size:1.5rem;margin-bottom:var(--space-md)}.error-message{color:var(--text-secondary);margin-bottom:var(--space-xl)}@media (min-width:768px){.main-nav{display:block}.mobile-menu-btn{display:none}.video-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.single-video{grid-template-columns:1fr}.video-details{padding:var(--space-xl)}}@media (min-width:1024px){.container{padding:0 var(--space-xl)}.video-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-xl)}.header-search{max-width:560px}}@media (max-width:767px){:root{--header-height:56px}.header-search{display:none}.mobile-bottom-nav{display:block}body{padding-bottom:60px}.video-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.video-card-info{padding:var(--space-sm)}.video-card-title{font-size:.8125rem}.video-card-meta{display:none}.video-title{font-size:1.25rem}.video-meta{gap:var(--space-md);font-size:.8125rem}.video-actions{flex-wrap:wrap}.btn{flex:1;justify-content:center}.stars-grid{grid-template-columns:repeat(2,1fr)}.categories-grid{grid-template-columns:1fr}h1{font-size:1.5rem}h2{font-size:1.25rem}}@media (max-width:479px){.video-grid{grid-template-columns:1fr}.stars-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.star-card{padding:var(--space-md)}.star-avatar{width:60px;height:60px}}@media print{.site-header,.site-footer,.mobile-bottom-nav,.video-actions,.related-videos,.pagination{display:none}.video-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}