:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2d2d2d;--bg-hover:#3a3a3a;--border-color:#333;--border-light:#404040;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:gray;--accent-orange:#ff6b35;--accent-orange-hover:#ff8c2e;--accent-purple:#9370db;--accent-purple-hover:#a88edb;--accent-cyan:#00d4ff;--accent-cyan-hover:#00e6ff;--accent-red:#f44;--accent-green:#4d4;--accent-yellow:gold;--overlay-dark:#00000080;--overlay-light:#ffffff0d;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=light]{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f0f1f3;--bg-hover:#e8e9eb;--border-color:#e0e0e0;--border-light:#d0d0d0;--text-primary:#1a1a1a;--text-secondary:#666;--text-tertiary:#999;--overlay-dark:#fffc;--overlay-light:#0000000d;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000026;--shadow-xl:0 16px 48px #0003}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2d2d2d;--bg-hover:#3a3a3a;--border-color:#333;--border-light:#404040;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:gray;--overlay-dark:#00000080;--overlay-light:#ffffff0d;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009}.stats-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.stat-card{align-items:center;gap:var(--space-lg);padding:var(--space-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-slow);cursor:default;border-radius:12px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(135deg,transparent,var(--overlay-light));opacity:0;transition:opacity var(--transition-slow);position:absolute;inset:0}.stat-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-md)}.stat-card:hover:before{opacity:1}.stat-icon{z-index:1;width:60px;height:60px;transition:transform var(--transition-base);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-orange .stat-icon{color:var(--accent-orange);background:linear-gradient(135deg,#ff6b3533,#ff6b351a)}.stat-purple .stat-icon{color:var(--accent-purple);background:linear-gradient(135deg,#9370db33,#9370db1a)}.stat-cyan .stat-icon{color:var(--accent-cyan);background:linear-gradient(135deg,#00d4ff33,#00d4ff1a)}.stat-icon svg{pointer-events:none;width:28px;height:28px}.stat-info{z-index:1;flex:1;position:relative}.stat-value{color:var(--text-primary);margin-bottom:var(--space-xs);transition:color var(--transition-base);font-size:1.75rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);transition:color var(--transition-base);font-size:.875rem;font-weight:500}.videos-grid,.sourcecodes-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.video-card,.sourcecode-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-slow);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.video-card:hover,.sourcecode-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-lg)}.video-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);position:absolute;top:0;left:0}.video-thumbnail-link:hover img{transform:scale(1.08)}.play-button{background-color:var(--accent-orange);color:#fff;width:56px;height:56px;transition:all var(--transition-base);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;box-shadow:0 4px 16px #ff6b354d}.play-button:active{box-shadow:0 6px 24px #ff6b3566}.video-info,.sourcecode-info{padding:var(--space-lg);flex-direction:column;flex:1;display:flex}.video-title,.sourcecode-title{color:var(--text-primary);margin-bottom:var(--space-md);-webkit-line-clamp:2;transition:color var(--transition-base);-webkit-box-orient:vertical;flex:1;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-title-link,.sourcecode-title-link{transition:color var(--transition-base);display:block}.video-title-link:hover .video-title,.sourcecode-title-link:hover .sourcecode-title{color:var(--accent-orange)}.sourcecode-description{color:var(--text-secondary);margin-bottom:var(--space-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.sourcecode-tech{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.tech-tag{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-base);cursor:default;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500}.tech-tag:hover{border-color:var(--accent-orange);color:var(--accent-orange);background-color:var(--overlay-light)}.action-btn{justify-content:center;align-items:center;gap:var(--space-xs);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;border-radius:6px;flex:1;min-width:fit-content;padding:8px 12px;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.action-btn svg{pointer-events:none;flex-shrink:0;width:14px;height:14px}.view-details-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.view-details-btn:hover{background-color:var(--accent-orange);border-color:var(--accent-orange);color:#fff;transform:translateY(-2px)}.view-details-btn:active{background-color:var(--accent-orange);border-color:var(--accent-orange);color:#fff;transform:translateY(0)}.source-code-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);text-decoration:none}.source-code-btn:active{background-color:var(--bg-tertiary);border:2px solid var(--accent-purple);color:#fff;background-color:var(--accent-orange);border-color:var(--accent-orange);transform:translateY(0)}.sourcecode-meta{gap:var(--space-lg);color:var(--text-secondary);margin-bottom:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color);flex-wrap:wrap;font-size:.8125rem;display:flex}.sourcecode-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.view-btn,.download-btn,.github-btn{flex:1;min-width:80px}.download-btn{background-color:var(--bg-tertiary);border:1px solid var(--accent-cyan);color:var(--accent-cyan)}.download-btn:hover{border-color:var(--accent-cyan);background-color:#00d4ff1a;transform:translateY(-2px)}.github-btn{border:1px solid var(--border-color);color:var(--text-secondary);background-color:#0000}@media (max-width:1024px){.stats-grid,.videos-grid,.sourcecodes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.stats-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stat-card{padding:var(--space-md);gap:var(--space-md)}.stat-icon{width:50px;height:50px}.stat-icon svg{width:24px;height:24px}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.videos-grid,.sourcecodes-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.video-card{border-radius:8px}.video-info,.sourcecode-info{padding:var(--space-md)}.video-title,.sourcecode-title{font-size:.9375rem}.video-meta{gap:var(--space-md);font-size:.75rem}.source-code-btn,.action-btn{padding:6px 10px;font-size:.75rem}.play-button{width:48px;height:48px;font-size:1.25rem}.video-card-actions{flex-direction:column}.action-btn{flex:1}}@media (max-width:480px){.stats-grid{gap:var(--space-md);grid-template-columns:1fr}.stat-card{padding:var(--space-md);gap:var(--space-md)}.stat-icon{width:48px;height:48px}.stat-icon svg{width:20px;height:20px}.stat-value{font-size:1.375rem}.videos-grid,.sourcecodes-grid{grid-template-columns:1fr}.video-meta{gap:var(--space-sm);flex-direction:column}}.sourcecodes-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.sourcecode-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-slow);padding:var(--space-lg);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.sourcecode-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-lg)}.sourcecode-card:before{content:"";background:linear-gradient(135deg,transparent,var(--overlay-light));opacity:0;transition:opacity var(--transition-slow);pointer-events:none;position:absolute;inset:0}.sourcecode-card:hover:before{opacity:1}.sourcecode-header{z-index:1;margin-bottom:var(--space-lg);position:relative}.sourcecode-title-link{transition:color var(--transition-base);display:block}.sourcecode-title{color:var(--text-primary);margin-bottom:var(--space-sm);-webkit-line-clamp:2;transition:color var(--transition-base);-webkit-box-orient:vertical;font-size:1.125rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.sourcecode-title-link:hover .sourcecode-title{color:var(--accent-orange)}.sourcecode-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.sourcecode-tech{gap:var(--space-sm);margin-bottom:var(--space-lg);z-index:1;flex-wrap:wrap;display:flex;position:relative}.tech-tag{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-base);cursor:default;white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:500;display:inline-block}.tech-tag:hover{border-color:var(--accent-orange);color:var(--accent-orange);background-color:var(--overlay-light);transform:translateY(-2px)}.sourcecode-meta{gap:var(--space-lg);color:var(--text-secondary);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color);z-index:1;flex-wrap:wrap;min-height:20px;font-size:.8125rem;display:flex;position:relative}.meta-item svg{pointer-events:none;flex-shrink:0;width:14px;height:14px}.sourcecode-actions{gap:var(--space-sm);z-index:1;flex-wrap:wrap;align-items:center;margin-top:auto;display:flex;position:relative}.action-btn{justify-content:center;align-items:center;gap:var(--space-xs);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;border-radius:6px;flex:1;padding:10px 16px;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.action-btn svg{pointer-events:none;width:16px;height:16px}.view-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.view-btn:hover{background-color:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.github-btn{border:1px solid var(--border-color);color:var(--text-secondary);background-color:#0000;flex:none;min-width:auto;padding:10px 14px}.result-count{color:var(--text-secondary);font-size:.875rem;font-weight:500}@media (max-width:1024px){.sourcecodes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.sourcecodes-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.sourcecode-card{padding:var(--space-md)}.sourcecode-title{font-size:1rem}.sourcecode-description{font-size:.8125rem}.sourcecode-tech{margin-bottom:var(--space-md)}.tech-tag{padding:4px 10px;font-size:.7rem}.sourcecode-meta{margin-bottom:var(--space-md);padding-bottom:var(--space-md);gap:var(--space-md);min-height:auto}.meta-item{font-size:.75rem}.sourcecode-actions{gap:var(--space-xs)}.action-btn{padding:8px 12px;font-size:.75rem}.view-btn{flex:1}.github-btn{flex:none;padding:8px 10px}.action-btn svg{width:14px;height:14px}}@media (max-width:480px){.sourcecodes-grid{grid-template-columns:1fr}.sourcecode-card{padding:var(--space-md)}.sourcecode-title{font-size:.95rem}.sourcecode-description{font-size:.75rem}.tech-tag{padding:3px 8px;font-size:.65rem}.sourcecode-meta{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column}.sourcecode-actions{gap:var(--space-xs);width:100%}.action-btn{flex:1;padding:8px 10px;font-size:.7rem}.action-btn span{display:none}.action-btn svg{width:16px;height:16px}.github-btn{padding:8px;display:flex}.view-btn{flex:1}}.github-btn{border:1px solid var(--border-color);color:var(--text-secondary);background-color:#0000;flex:none;justify-content:center;align-items:center;min-width:auto;padding:10px 12px;display:inline-flex}.github-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent-purple);color:var(--accent-purple)}.github-btn svg{pointer-events:none;width:16px;height:16px;display:block}@media (max-width:768px){.github-btn{padding:8px 10px}.github-btn svg{width:14px;height:14px}}@media (max-width:480px){.github-btn{justify-content:center;align-items:center;padding:8px;display:inline-flex}.github-btn svg{width:16px;height:16px}}.project-card{background:var(--bg-secondary);border:1px solid var(--border-color);will-change:transform,box-shadow;border-radius:12px;flex-direction:column;gap:0;height:100%;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent-cyan)}.project-card .project-preview{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#00d4ff0d 0%,#9370db0d 100%);justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.project-card .project-preview.clickable{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card .project-preview.clickable:hover,.project-card .project-preview.clickable:focus{outline:none}.project-card .preview-grid{opacity:.3;pointer-events:none;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px;display:grid;position:absolute;inset:0}.project-card .grid-item{background:linear-gradient(135deg,var(--accent-cyan)0%,var(--accent-purple)100%);aspect-ratio:1;border-radius:6px;animation:3s cubic-bezier(.4,0,.6,1) infinite project-pulse}.project-card .grid-item:first-child{animation-delay:0s}.project-card .grid-item:nth-child(2){animation-delay:.2s}.project-card .grid-item:nth-child(3){animation-delay:.4s}.project-card .grid-item:nth-child(4){animation-delay:.6s}.project-card .grid-item:nth-child(5){animation-delay:.8s}.project-card .grid-item:nth-child(6){animation-delay:1s}.project-card .grid-item:nth-child(7){animation-delay:1.2s}.project-card .grid-item:nth-child(8){animation-delay:1.4s}.project-card .grid-item:nth-child(9){animation-delay:1.6s}@keyframes project-pulse{0%,to{opacity:.2}50%{opacity:.4}}.project-card .preview-lines{z-index:2;pointer-events:none;flex-direction:column;gap:10px;width:80%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-card .line{background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);origin:center;transform-origin:0;border-radius:2px;height:3px}.project-card .line-1{width:100%}.project-card .line-2{width:85%}.project-card .line-3{width:70%}.project-card .preview-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;cursor:pointer;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:all .2s;display:flex;position:absolute;inset:0}.project-card .preview-overlay:hover{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c}.project-card .preview-icon{background:var(--accent-cyan);width:56px;height:56px;color:var(--bg-primary);will-change:transform;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.project-card .preview-overlay:hover .preview-icon{transform:scale(1.15);box-shadow:0 0 20px #00d4ff80}.project-card .preview-overlay p{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.85rem;font-weight:600;transition:all .2s}.project-card .preview-overlay:hover p{letter-spacing:1.5px}.project-card .project-content{will-change:transform;flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex}.project-card .project-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-card .project-title-section{flex:1;align-items:center;gap:.75rem;display:flex}.project-card .project-title{color:var(--text-primary);word-break:break-word;margin:0;font-size:1.125rem;font-weight:700}.project-card .project-badge{color:var(--accent-yellow);will-change:transform;background:linear-gradient(135deg,#ffd70033 0%,#ffd7001a 100%);border:1px solid #ffd7004d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem;display:inline-flex}.project-card .project-year{color:var(--text-tertiary);white-space:nowrap;will-change:color;background:#00d4ff0d;border:1px solid #00d4ff26;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.project-card .project-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.project-card .project-techs{flex-wrap:wrap;gap:.5rem;display:flex}.project-card .tech-badge{color:var(--text-secondary);text-transform:capitalize;will-change:color,transform;background:linear-gradient(135deg,#00d4ff14 0%,#9370db0d 100%);border:1px solid #00d4ff26;border-radius:6px;margin:0;padding:.35rem .8rem;font-size:.7rem;font-weight:500;transition:all .3s;display:inline-block}.project-card .tech-badge:hover{color:var(--accent-cyan);border-color:#00d4ff4d}.project-card .tech-more{color:var(--text-tertiary);background:linear-gradient(135deg,#9370db1a 0%,#ff6b350d 100%);border-color:#9370db33}.project-card .tech-more:hover{color:var(--accent-purple);border-color:#9370db66}.project-card .project-actions{border-top:1px solid #00d4ff1a;flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:1rem;display:flex}.project-card .project-actions-1 .project-btn,.project-card .project-actions-2 .project-btn,.project-card .project-actions-3 .project-btn{flex:1}.project-card .project-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.7px;will-change:transform,box-shadow;background-clip:padding-box;border:1px solid;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:90px;margin:0;padding:.65rem 1.1rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.project-card .project-btn span{transition:color .2s}.project-card .project-btn:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#fff3 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.project-card .project-btn:hover:before{opacity:1}.project-card .project-btn-primary{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-primary)}[data-theme=light] .project-card .project-btn-primary,.theme-light .project-card .project-btn-primary{color:#fff}.project-card .project-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff4d}.project-card .project-btn-secondary{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.project-card .project-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #9370db4d}.project-card .project-btn-code{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.project-card .project-btn-code:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b354d}@media (max-width:768px){.project-card .project-content{gap:.75rem;padding:1.25rem}.project-card .project-preview{height:150px}.project-card .project-title{font-size:1rem}.project-card .project-btn{min-width:80px;padding:.55rem .9rem;font-size:.7rem}.project-card .preview-lines{width:70%}.project-card .preview-grid{gap:8px}}@media (max-width:480px){.project-card .project-content{padding:1rem}.project-card .project-preview{height:130px}.project-card .project-actions{gap:.4rem}.project-card .project-btn{padding:.5rem .8rem;font-size:.65rem}}.video-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-slow);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.video-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.video-thumbnail{background-color:var(--bg-tertiary);width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.video-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);position:absolute;top:0;left:0}.video-thumbnail-link:hover .video-thumb-img{transform:scale(1.08)}.video-overlay{background:var(--overlay-dark);opacity:0;transition:opacity var(--transition-slow);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-card:hover .video-overlay{opacity:1}.play-button{background-color:var(--accent-orange);color:#fff;width:56px;height:56px;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;box-shadow:0 4px 16px #ff6b354d}.video-card:hover .play-button{transform:scale(1.15);box-shadow:0 6px 24px #ff6b3566}.video-info{padding:var(--space-lg);flex-direction:column;flex:1;display:flex}.video-title{color:var(--text-primary);margin-bottom:var(--space-md);-webkit-line-clamp:2;transition:color var(--transition-base);-webkit-box-orient:vertical;flex:1;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-title-link:hover .video-title{color:var(--accent-orange)}.video-meta{gap:var(--space-lg);color:var(--text-secondary);margin-bottom:var(--space-md);flex-wrap:wrap;font-size:.8125rem;display:flex}.meta-item{align-items:center;gap:var(--space-xs);transition:color var(--transition-base);display:flex}.meta-item svg{flex-shrink:0;width:14px;height:14px}.video-card-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.action-btn{justify-content:center;align-items:center;gap:var(--space-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;border-radius:6px;padding:8px 12px;font-size:.8125rem;font-weight:500;display:inline-flex}.action-btn:hover{background-color:var(--bg-hover);border-color:var(--accent-orange);color:var(--accent-orange);transform:translateY(-2px)}.action-btn svg{width:16px;height:16px}.source-code-btn{justify-content:center;align-items:center;gap:var(--space-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;border-radius:6px;padding:8px 12px;font-size:.8125rem;font-weight:500;display:inline-flex}.source-code-btn:hover{background-color:var(--bg-hover);border-color:var(--accent-orange);color:var(--accent-orange);transform:translateY(-2px)}.videos-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}