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