.poetry-wrapper{background:linear-gradient(180deg,#fafafa 0,#ffffff);min-height:100vh;padding:4rem 1.5rem}.poetry-container{max-width:1400px;margin:0 auto}.poetry-header{text-align:center;margin-bottom:3rem}.poetry-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.02em}.poetry-subtitle{font-size:1.25rem;color:#6b7280;font-weight:400}.poetry-category-filter{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem;padding:1rem;background:white;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.poetry-filter-btn{padding:.625rem 1.25rem;border:2px solid #e5e7eb;background:white;border-radius:50px;font-size:.875rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.poetry-filter-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.poetry-filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:white;box-shadow:0 4px 12px rgba(102,126,234,.3)}.filter-count{background:rgba(255,255,255,.2);padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:700}.poetry-filter-btn:not(.active) .filter-count{background:#f3f4f6;color:#6b7280}.poetry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:3rem}.poetry-card{background:white;border-radius:20px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;display:flex;flex-direction:column}.poetry-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(102,126,234,.15)}.poetry-card-image{width:100%;height:240px;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.poetry-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.poetry-card:hover .poetry-card-image img{transform:scale(1.1)}.poetry-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3));opacity:0;transition:opacity .3s ease}.poetry-card:hover .poetry-card-overlay{opacity:1}.poetry-card-content{padding:1.5rem;flex:1 1;display:flex;flex-direction:column}.poetry-card-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;color:#9ca3af}.poetry-category{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:.25rem .75rem;border-radius:12px;font-weight:600;text-transform:uppercase;font-size:.6875rem;letter-spacing:.05em}.separator{color:#d1d5db}.poetry-card-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.poetry-card:hover .poetry-card-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.poetry-card-excerpt{font-size:.9375rem;color:#6b7280;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.poetry-card-footer{display:flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:1rem;border-top:1px solid #f3f4f6;font-size:.8125rem;color:#9ca3af}.poetry-author{font-weight:600;color:#4b5563}.poetry-tags{display:flex;gap:.5rem;flex-wrap:wrap}.poetry-tag{background:#f3f4f6;color:#6b7280;padding:.125rem .5rem;border-radius:8px;font-size:.75rem;font-weight:500}.skeleton-card{pointer-events:none}.skeleton-image{width:100%;height:240px;border-radius:0}.skeleton-image,.skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-title{height:24px;width:90%;border-radius:4px;margin-bottom:12px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.poetry-pagination{display:flex;justify-content:center;margin-top:3rem;margin-bottom:2rem}.no-poetry{text-align:center;padding:4rem 2rem;color:#6b7280}.no-poetry p{font-size:1.125rem;font-style:italic}@media (max-width:768px){.poetry-title{font-size:2.5rem}.poetry-grid{grid-template-columns:1fr;gap:1.5rem}.poetry-category-filter{padding:.75rem}.poetry-filter-btn{font-size:.8125rem;padding:.5rem 1rem}}@media (max-width:480px){.poetry-wrapper{padding:2rem 1rem}.poetry-title{font-size:2rem}.poetry-subtitle{font-size:1rem}}