@view-transition{navigation:auto}::view-transition-new(root),::view-transition-old(root){animation-duration:.2s;animation-timing-function:ease-in-out}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{from{opacity:0}}h3{font-size:1.2rem;font-weight:500;margin:1rem 0 .5rem}a:hover{opacity:.7}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb{width:50px;height:50px;flex-shrink:0}.thumb img{width:100%;height:100%;object-fit:cover;border-radius:4px}.thumb-placeholder{width:100%;height:100%;background:var(--border-color);border-radius:4px}.card{background:var(--hover-bg);border-radius:8px;transition:background .2s,transform .2s}.card:hover{background:var(--border-color);opacity:1}.card-lift:hover{transform:translateY(-2px)}.view-more:hover{color:var(--text-primary)}.loading{color:var(--text-secondary);font-size:.9rem}.loading::after{content:'';animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%,20%{content:'.'}40%{content:'..'}100%,60%{content:'...'}}@media (max-width:768px){nav{padding:1rem}nav ul{gap:1rem}main{padding:2rem 1rem}.page-intro h1{font-size:2rem}h1{font-size:1.8rem}h2{font-size:1.3rem}}@media (max-width:480px){nav{flex-direction:column;gap:1rem}nav ul{font-size:.9rem}}