.lecture-index-page{background:linear-gradient(135deg,var(--neutral-100)0%,var(--primary-light-200)100%);min-height:100vh;padding:2rem}.lecture-index-header{background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem;display:flex;box-shadow:0 2px 8px #0000001a}.lecture-index-title-section{align-items:center;gap:1.5rem;display:flex}.lecture-index-icon{color:var(--primary);font-size:3rem}.lecture-index-title{color:#2c3e50;margin:0 0 .5rem;font-size:2rem}.lecture-index-subtitle{color:#5f6368;margin:0;font-size:1rem}.lecture-index-back-link{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;box-shadow:0 2px 4px #667eea4d}.lecture-index-back-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea66}.lecture-index-filters{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.lecture-search-box{background:#fff;border-radius:12px;flex:1;align-items:center;gap:.75rem;min-width:300px;padding:1rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000001a}.search-icon{color:var(--primary);font-size:1.2rem}.lecture-search-input{color:#2c3e50;background-color:#0000;border:none;outline:none;flex:1;font-size:1rem}.lecture-search-input::placeholder{color:#9e9e9e}.lecture-language-filter{background:#fff;border-radius:12px;align-items:center;gap:.75rem;min-width:250px;padding:1rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000001a}.filter-icon{color:var(--primary);font-size:1.2rem}.language-filter-select{background:var(--background-secondary);cursor:pointer;color:var(--foreground);border:none;outline:none;flex:1;font-size:1rem}.lecture-projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}.lecture-project-card{background:#fff;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.lecture-project-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.project-card-image{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);width:100%;height:200px;overflow:hidden}.project-card-image img{object-fit:cover;width:100%}.project-card-content{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.project-card-title{color:#2c3e50;margin:0;font-size:1.4rem;font-weight:600}.project-card-author{color:var(--primary);margin:0;font-size:.95rem;font-style:italic}.project-card-description{color:#5f6368;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.project-card-languages{border-top:1px solid #f0f2f5;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.language-badge{white-space:nowrap;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;font-weight:500}.language-badge.source{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff}.language-badge.target{color:#2c3e50;background:#f0f2f5}.language-badge.more{color:#5f6368;background:#e0e0e0}.language-separator{color:#9e9e9e;font-weight:700}.project-card-pages{color:#9e9e9e;padding-top:.5rem;font-size:.9rem}.project-card-actions{border-top:1px solid #f0f2f5;padding:1.5rem}.project-read-button{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 4px #667eea4d}.project-read-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea66}.lecture-index-loading,.lecture-index-empty{text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:3rem;display:flex;box-shadow:0 2px 8px #0000001a}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lecture-index-loading p{color:#5f6368;margin:0;font-size:1.2rem}.empty-icon{color:#e0e0e0;margin-bottom:1.5rem;font-size:4rem}.lecture-index-empty h3{color:#2c3e50;margin:0 0 .5rem;font-size:1.5rem}.lecture-index-empty p{color:#5f6368;margin:0;font-size:1rem}@media (max-width:768px){.lecture-index-page{padding:1rem}.lecture-index-header{text-align:center;flex-direction:column;align-items:stretch}.lecture-index-title-section{text-align:center;flex-direction:column}.lecture-index-title{font-size:1.5rem}.lecture-index-filters{flex-direction:column}.lecture-search-box,.lecture-language-filter{width:100%;min-width:100%}.lecture-projects-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:480px){.lecture-index-title{font-size:1.3rem}.lecture-index-icon{font-size:2rem}.project-card-title{font-size:1.2rem}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lecture-index-page{background:linear-gradient(135deg,var(--background)0%,var(--background-tertiary)100%)}:root:not([data-theme=light]) .lecture-index-header{background:var(--background-secondary);box-shadow:0 2px 8px #0000004d}:root:not([data-theme=light]) .lecture-index-title{color:var(--foreground)}:root:not([data-theme=light]) .lecture-index-subtitle{color:var(--foreground-secondary)}:root:not([data-theme=light]) .lecture-search-box{background:var(--background-secondary);box-shadow:0 2px 8px #0000004d}:root:not([data-theme=light]) .lecture-search-input{color:var(--foreground)}:root:not([data-theme=light]) .lecture-search-input::placeholder{color:var(--foreground-tertiary)}:root:not([data-theme=light]) .lecture-language-filter{background:var(--background-secondary);box-shadow:0 2px 8px #0000004d}:root:not([data-theme=light]) .language-filter-select{color:var(--foreground)}:root:not([data-theme=light]) .lecture-project-card{background:var(--background-secondary);box-shadow:0 2px 8px #0000004d}:root:not([data-theme=light]) .lecture-project-card:hover{box-shadow:0 8px 16px #0006}:root:not([data-theme=light]) .project-card-title{color:var(--foreground)}:root:not([data-theme=light]) .project-card-description{color:var(--foreground-secondary)}:root:not([data-theme=light]) .language-badge.target{background:var(--background-tertiary);color:var(--foreground)}:root:not([data-theme=light]) .language-badge.more{background:var(--background-tertiary);color:var(--foreground-secondary)}:root:not([data-theme=light]) .project-card-languages,:root:not([data-theme=light]) .project-card-actions{border-top:1px solid var(--border)}:root:not([data-theme=light]) .lecture-index-loading,:root:not([data-theme=light]) .lecture-index-empty{background:var(--background-secondary);box-shadow:0 2px 8px #0000004d}:root:not([data-theme=light]) .lecture-index-loading p{color:var(--foreground-secondary)}:root:not([data-theme=light]) .lecture-index-empty h3{color:var(--foreground)}:root:not([data-theme=light]) .lecture-index-empty p{color:var(--foreground-secondary)}:root:not([data-theme=light]) .spinner{border-color:var(--border);border-top-color:var(--primary)}}:root[data-theme=dark] .lecture-index-page{background:linear-gradient(135deg,var(--background)0%,var(--background-tertiary)100%)}:root[data-theme=dark] .lecture-index-header{background:var(--background-secondary);box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .lecture-index-title{color:var(--foreground)}:root[data-theme=dark] .lecture-index-subtitle{color:var(--foreground-secondary)}:root[data-theme=dark] .lecture-search-box{background:var(--background-secondary);box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .lecture-search-input{color:var(--foreground)}:root[data-theme=dark] .lecture-search-input::placeholder{color:var(--foreground-tertiary)}:root[data-theme=dark] .lecture-language-filter{background:var(--background-secondary);box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .language-filter-select{color:var(--foreground)}:root[data-theme=dark] .lecture-project-card{background:var(--background-secondary);box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .lecture-project-card:hover{box-shadow:0 8px 16px #0006}:root[data-theme=dark] .project-card-title{color:var(--foreground)}:root[data-theme=dark] .project-card-description{color:var(--foreground-secondary)}:root[data-theme=dark] .language-badge.target{background:var(--background-tertiary);color:var(--foreground)}:root[data-theme=dark] .language-badge.more{background:var(--background-tertiary);color:var(--foreground-secondary)}:root[data-theme=dark] .project-card-languages,:root[data-theme=dark] .project-card-actions{border-top:1px solid var(--border)}:root[data-theme=dark] .lecture-index-loading,:root[data-theme=dark] .lecture-index-empty{background:var(--background-secondary);box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .lecture-index-loading p{color:var(--foreground-secondary)}:root[data-theme=dark] .lecture-index-empty h3{color:var(--foreground)}:root[data-theme=dark] .lecture-index-empty p{color:var(--foreground-secondary)}:root[data-theme=dark] .spinner{border-color:var(--border);border-top-color:var(--primary)}