.work-section.svelte-1x7kmad.svelte-1x7kmad{margin-bottom:100px;transform:scale(.9);transform-origin:top center}.filter-section.svelte-1x7kmad.svelte-1x7kmad{margin:20px 0 30px;text-align:center}.tag-filters.svelte-1x7kmad.svelte-1x7kmad{display:flex;gap:8px;justify-content:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.filter-btn.svelte-1x7kmad.svelte-1x7kmad{padding:4px 8px;background:transparent;border:none;color:#999;font-size:14px;cursor:pointer;font-family:Fjalla One,sans-serif;position:relative;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:color .3s ease}.filter-btn.svelte-1x7kmad.svelte-1x7kmad:hover,.filter-btn.active.svelte-1x7kmad.svelte-1x7kmad{color:#000}.filter-btn.svelte-1x7kmad.svelte-1x7kmad:after{content:"";position:absolute;bottom:5px;left:8px;width:0;height:3px;background-color:var(--hover-color, #333);transition:width .3s ease}.filter-btn.svelte-1x7kmad.svelte-1x7kmad:hover:after,.filter-btn.active.svelte-1x7kmad.svelte-1x7kmad:after{width:calc(100% - 16px)}.filter-btn.svelte-1x7kmad.svelte-1x7kmad:nth-child(3n+1){--hover-color:#d0116f}.filter-btn.svelte-1x7kmad.svelte-1x7kmad:nth-child(3n+2){--hover-color:#3498db}.filter-btn.svelte-1x7kmad.svelte-1x7kmad:nth-child(3n+3){--hover-color:#f1c40f}.split-container.svelte-1x7kmad.svelte-1x7kmad{display:flex;gap:50px;margin-top:30px;align-items:flex-start}.title-list.svelte-1x7kmad.svelte-1x7kmad{flex:1;display:flex;flex-direction:column;gap:18px;padding-left:10px;padding-right:30px;max-height:calc(100vh - 150px);overflow-y:auto;padding-bottom:40px;direction:rtl}.title-item.svelte-1x7kmad.svelte-1x7kmad{direction:ltr}.title-list.svelte-1x7kmad.svelte-1x7kmad::-webkit-scrollbar{width:0px;display:none}.title-list.svelte-1x7kmad.svelte-1x7kmad{scrollbar-width:none}.title-item.svelte-1x7kmad.svelte-1x7kmad{cursor:pointer;font-size:19px;color:#999;transition:all .3s ease;padding:8px 0;border-top:1px solid transparent;border-bottom:1px solid transparent;display:flex;justify-content:space-between;align-items:center;gap:15px;text-decoration:none}.title-text.svelte-1x7kmad.svelte-1x7kmad{flex:1}.title-year.svelte-1x7kmad.svelte-1x7kmad{font-size:13px;color:#ccc;transition:color .3s ease;flex-shrink:0}.title-item.svelte-1x7kmad.svelte-1x7kmad:hover,.title-item.active.svelte-1x7kmad.svelte-1x7kmad{color:#333}.title-item.svelte-1x7kmad.svelte-1x7kmad:nth-child(3n+1):hover,.title-item:nth-child(3n+1).active.svelte-1x7kmad.svelte-1x7kmad{border-top:2px solid #d0116f;border-bottom:2px solid #d0116f}.title-item.svelte-1x7kmad.svelte-1x7kmad:nth-child(3n+2):hover,.title-item:nth-child(3n+2).active.svelte-1x7kmad.svelte-1x7kmad{border-top:2px solid #3498db;border-bottom:2px solid #3498db}.title-item.svelte-1x7kmad.svelte-1x7kmad:nth-child(3n+3):hover,.title-item:nth-child(3n+3).active.svelte-1x7kmad.svelte-1x7kmad{border-top:2px solid #f1c40f;border-bottom:2px solid #f1c40f}.title-item.svelte-1x7kmad:hover .title-year.svelte-1x7kmad,.title-item.active.svelte-1x7kmad .title-year.svelte-1x7kmad{color:#666}.card-display.svelte-1x7kmad.svelte-1x7kmad{flex:1;display:flex;align-items:flex-start;justify-content:center;position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow:visible}.work-card.svelte-1x7kmad.svelte-1x7kmad{background:#fff;padding:12px;border:1px solid black;border-left-width:.8px;border-right-width:.8px;width:100%;max-width:400px;animation:svelte-1x7kmad-fadeInUp .4s ease}@keyframes svelte-1x7kmad-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.work-image.svelte-1x7kmad.svelte-1x7kmad{width:100%;margin-bottom:12px}.work-image.svelte-1x7kmad img.svelte-1x7kmad{width:100%;height:auto;display:block}.work-content.svelte-1x7kmad.svelte-1x7kmad{padding:12px;text-align:center}.work-title.svelte-1x7kmad.svelte-1x7kmad{font-family:Fjalla One,sans-serif;font-size:19px;color:#333;margin-top:0;margin-bottom:8px}.work-publisher.svelte-1x7kmad.svelte-1x7kmad{font-family:Fjalla One,sans-serif;font-size:13px;color:#666;margin-bottom:6px;line-height:1.4}.work-publisher.svelte-1x7kmad b{color:#333}.work-date.svelte-1x7kmad.svelte-1x7kmad{font-family:Fjalla One,sans-serif;font-size:12px;color:#888;margin-bottom:8px}.work-tags.svelte-1x7kmad.svelte-1x7kmad{display:flex;justify-content:center;gap:4px;margin-top:12px;flex-wrap:nowrap;overflow:hidden}.work-tag.svelte-1x7kmad.svelte-1x7kmad{background:transparent;font-family:Fjalla One,sans-serif;padding:3px 6px;font-size:10px;color:#999;cursor:pointer;text-decoration:underline;text-decoration-thickness:1.5px;transition:all .3s ease;white-space:nowrap}.work-tag.svelte-1x7kmad.svelte-1x7kmad:nth-child(3n+1){text-decoration-color:#d0116f}.work-tag.svelte-1x7kmad.svelte-1x7kmad:nth-child(3n+2){text-decoration-color:#3498db}.work-tag.svelte-1x7kmad.svelte-1x7kmad:nth-child(3n+3){text-decoration-color:#f1c40f}.work-link.svelte-1x7kmad.svelte-1x7kmad{display:inline-block;margin-top:15px;padding:8px 20px;background:#333;color:#fff;text-decoration:none;transition:background .3s ease;font-family:Fjalla One,sans-serif;font-size:13px}.work-link.svelte-1x7kmad.svelte-1x7kmad:hover{background:#000}.placeholder.svelte-1x7kmad.svelte-1x7kmad{text-align:center;color:#ccc;font-size:18px;padding:60px 20px}@media (max-width: 1024px){.split-container.svelte-1x7kmad.svelte-1x7kmad{flex-direction:column;gap:40px}.title-list.svelte-1x7kmad.svelte-1x7kmad{border-right:none;border-bottom:2px solid #e0e0e0;padding-right:0;padding-bottom:40px;max-height:none}.card-display.svelte-1x7kmad.svelte-1x7kmad{position:relative;top:0}}@media (max-width: 768px){.title-item.svelte-1x7kmad.svelte-1x7kmad{font-size:18px}.title-year.svelte-1x7kmad.svelte-1x7kmad{font-size:13px}.work-card.svelte-1x7kmad.svelte-1x7kmad{max-width:100%}}