*{box-sizing:border-box}.blog-container{min-height:100vh;background:#f8fafc;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:pageEnter .5s ease-out;will-change:transform,opacity}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.blog-hero{background:linear-gradient(135deg,#0c3e57,#164e6a);color:#fff;padding:80px 20px;text-align:center;position:relative;overflow:hidden;animation:heroFadeIn .6s ease-out .1s both}.blog-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3;animation:fadeInUp .8s ease-out .2s both}.blog-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.blog-hero-content h1{font-size:48px;font-weight:700;margin-bottom:20px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:fadeInUp .6s ease-out .3s both}.blog-hero-content p{font-size:20px;color:hsla(0,0%,100%,.9);max-width:900px;margin:0 auto;line-height:1.6;font-weight:300;animation:fadeInUp .6s ease-out .4s both}.create-blog-btn{display:none}.blog-main{padding:60px 40px;width:100%;margin:0;animation:fadeInUp .6s ease-out .6s both}.articles-content,.articles-section{width:100%}.articles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:0;width:100%}.article-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(12,62,87,.08);transition:all .4s cubic-bezier(.25,.46,.45,.94);border:1px solid rgba(12,62,87,.06);position:relative;width:100%;max-width:none;display:flex;flex-direction:column;animation:cardSlideIn .4s ease-out both;will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.article-card:first-child{animation-delay:.7s}.article-card:nth-child(2){animation-delay:.8s}.article-card:nth-child(3){animation-delay:.9s}.article-card:nth-child(4){animation-delay:1s}.article-card:nth-child(5){animation-delay:1.1s}.article-card:nth-child(6){animation-delay:1.2s}.article-card:nth-child(7){animation-delay:1.3s}.article-card:nth-child(8){animation-delay:1.4s}.article-card:nth-child(9){animation-delay:1.5s}.article-card:nth-child(10){animation-delay:1.6s}.article-card:nth-child(11){animation-delay:1.7s}.article-card:nth-child(12){animation-delay:1.8s}.article-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 50px rgba(12,62,87,.2)}.article-image{position:relative;height:200px;overflow:hidden;width:100%;will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94);display:block}.article-card:hover .article-image img{transform:scale(1.08)}.article-image.cover img{object-fit:cover}.article-image.contain img{object-fit:contain;background:#f8fafc}.article-image.fill img{object-fit:fill}.category-overlay{position:absolute;top:16px;left:16px;background:linear-gradient(135deg,#0c3e57,#164e6a);color:#fff;padding:8px 16px;border-radius:25px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(12,62,87,.3);z-index:2;transform:translateY(-5px);opacity:0;animation:fadeInUp .3s ease-out .1s both;transition:all .3s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.article-card:hover .category-overlay{transform:translateY(-8px) scale(1.05);box-shadow:0 6px 18px rgba(12,62,87,.4)}.pinned-badge{position:absolute;top:16px;right:16px;background:rgba(220,38,38,.9);color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(220,38,38,.3);z-index:2;transform:translateY(-5px);opacity:0;animation:fadeInUp .3s ease-out .15s both;transition:all .3s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.article-card:hover .pinned-badge{transform:translateY(-8px) scale(1.05);box-shadow:0 6px 18px rgba(220,38,38,.4)}.article-content{padding:24px;display:flex;flex-direction:column;flex-grow:1;height:calc(100% - 200px)}.article-meta{margin-bottom:12px;animation:fadeInUp .3s ease-out .05s both;opacity:0}.meta-info{display:flex;gap:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;font-weight:500}.meta-item svg{color:#0c3e57}.article-content h3{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:12px;line-height:1.3;font-family:Inter,sans-serif;animation:fadeInUp .3s ease-out .1s both;opacity:0;transition:color .3s ease}.article-card:hover .article-content h3{color:#0c3e57}.article-excerpt{color:#64748b;line-height:1.6;margin-bottom:16px;flex-grow:1;font-size:14px;animation:fadeInUp .3s ease-out .15s both;opacity:0;transition:color .3s ease}.article-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;animation:fadeInUp .3s ease-out .2s both;opacity:0}.article-tags .tag{display:flex;align-items:center;gap:4px;background:#f1f5f9;color:#0c3e57;padding:4px 8px;border-radius:16px;font-size:10px;font-weight:500;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:1px solid #e2e8f0;transform:translateY(2px)}.article-tags .tag:hover{background:#0c3e57;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(12,62,87,.2)}.article-tags .more-tags{background:#e2e8f0;color:#64748b;border-color:#cbd5e1}.article-tags .more-tags:hover{background:#cbd5e1;color:#475569}.article-footer{justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid #f1f5f9}.article-footer,.author{display:flex;align-items:center}.author{gap:6px;font-size:12px;color:#64748b;font-weight:500}.author svg,.read-link{color:#0c3e57}.read-link{display:flex;align-items:center;gap:6px;text-decoration:none;font-weight:600;font-size:12px;padding:8px 16px;border-radius:20px;background:rgba(12,62,87,.08);transition:all .4s cubic-bezier(.25,.46,.45,.94);border:none;cursor:pointer;position:relative;overflow:hidden}.read-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.read-link:hover:before{left:100%}.read-link:hover{background:#0c3e57;color:#fff;transform:translateX(6px) scale(1.05);box-shadow:0 6px 20px rgba(12,62,87,.3)}.no-results{text-align:center;padding:80px 40px;color:#64748b;background:#fff;border-radius:16px;margin:40px 0;box-shadow:0 4px 20px rgba(12,62,87,.08);border:1px solid rgba(12,62,87,.06);grid-column:1/-1;animation:fadeInUp .5s ease-out .7s both;opacity:0}.no-results svg{color:#0c3e57;margin-bottom:20px;animation:fadeInUp .4s ease-out .8s both;opacity:0}.no-results h3{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:16px;animation:fadeInUp .4s ease-out .9s both;opacity:0}.no-results p{font-size:16px;line-height:1.6;margin-bottom:0;max-width:400px;margin-left:auto;margin-right:auto;animation:fadeInUp .4s ease-out 1s both;opacity:0}.create-first-post-btn{display:none}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:20px;background:#fff;border-radius:16px;margin:40px 20px;box-shadow:0 4px 20px rgba(12,62,87,.08);animation:fadeInUp .6s ease-out both}.loading-spinner{border:3px solid rgba(12,62,87,.1);border-top-color:#0c3e57;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite,pulse 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#64748b;font-size:16px;font-weight:500;animation:pulse 2s ease-in-out infinite}.error-message{text-align:center;padding:60px 40px;color:#dc2626;background:#fff;border-radius:16px;margin:40px 20px;box-shadow:0 4px 20px rgba(220,38,38,.08);border:1px solid #fca5a5}.error-message p{margin:0 0 20px;font-size:16px;line-height:1.6;font-weight:500}.retry-btn{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,38,38,.3)}.blog-post-container{max-width:900px;padding:40px 20px;background:#fff;border-radius:16px;margin:40px auto;box-shadow:0 4px 20px rgba(12,62,87,.08)}.blog-post-nav{margin-bottom:30px}.back-button{display:flex;align-items:center;gap:8px;background:rgba(12,62,87,.08);color:#0c3e57;border:none;padding:12px 20px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#0c3e57;color:#fff;transform:translateX(-4px)}.blog-post-hero-image{position:relative;margin-bottom:40px;border-radius:16px;overflow:hidden;min-height:300px;max-height:500px;background:#f8fafc;display:flex;align-items:center;justify-content:center}.blog-post-hero-image img{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}.blog-post-hero-image.cover img{object-fit:cover}.blog-post-hero-image.contain img{object-fit:contain;padding:16px}.blog-post-pinned-badge{position:absolute;top:20px;right:20px;background:rgba(220,38,38,.9);color:#fff;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(220,38,38,.3);z-index:2}.blog-post-header{margin-bottom:40px;border-bottom:1px solid #e2e8f0;padding-bottom:30px}.blog-post-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.blog-post-category{background:linear-gradient(135deg,#0c3e57,#164e6a);color:#fff;padding:8px 16px;border-radius:25px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-post-meta-info{display:flex;gap:20px}.blog-post-title{font-size:42px;font-weight:700;color:#1e293b;margin-bottom:20px;line-height:1.2;font-family:Inter,sans-serif}.blog-post-description{font-size:20px;color:#64748b;line-height:1.6;margin-bottom:30px;font-weight:300}.blog-post-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.blog-post-tag{display:flex;align-items:center;gap:6px;background:#f1f5f9;color:#0c3e57;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;transition:all .3s ease;border:1px solid #e2e8f0}.blog-post-tag:hover{background:#0c3e57;color:#fff;transform:translateY(-2px)}.blog-post-share{gap:16px;flex-wrap:wrap}.blog-post-share,.share-label{display:flex;align-items:center}.share-label{gap:8px;color:#64748b;font-weight:600;font-size:14px}.share-buttons{display:flex;gap:10px}.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;color:#fff}.share-btn.twitter{background:#1da1f2}.share-btn.twitter:hover{background:#0d8bd9;transform:translateY(-2px)}.share-btn.facebook{background:#4267b2}.share-btn.facebook:hover{background:#365899;transform:translateY(-2px)}.share-btn.linkedin{background:#0077b5}.share-btn.linkedin:hover{background:#005582;transform:translateY(-2px)}.share-btn.save-link{background:#10b981}.share-btn.save-link:hover{background:#059669;transform:translateY(-2px)}.blog-post-content{margin-bottom:40px}.blog-post-body{font-size:18px;line-height:1.8;color:#374151}.blog-post-body h1,.blog-post-body h2,.blog-post-body h3,.blog-post-body h4,.blog-post-body h5,.blog-post-body h6{color:#1e293b;margin-top:32px;margin-bottom:16px;font-weight:700}.blog-post-body h2{font-size:32px;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.blog-post-body h3{font-size:24px}.blog-post-body p{margin-bottom:20px;line-height:1.8}.blog-post-body b,.blog-post-body strong{font-weight:700;color:#1e293b}.blog-post-body em,.blog-post-body i{font-style:italic}.blog-post-body u{text-decoration:underline}.blog-post-body ol,.blog-post-body ul{margin:20px 0;padding-left:30px}.blog-post-body li{margin-bottom:8px;line-height:1.7}.blog-post-body blockquote{border-left:4px solid #0c3e57;background:#f8fafc;margin:30px 0;padding:20px 30px;font-style:italic;font-size:20px;color:#64748b;border-radius:0 8px 8px 0}.blog-post-body a{color:#0c3e57;text-decoration:underline;font-weight:600}.blog-post-body a:hover{color:#164e6a}.blog-post-body img{max-width:100%;height:auto;border-radius:8px;margin:20px 0;box-shadow:0 4px 12px rgba(0,0,0,.1);display:block}.blog-post-body code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:16px;color:#dc2626}.blog-post-body pre{background:#1e293b;color:#f8fafc;padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0}.blog-post-body pre code{background:none;color:inherit;padding:0}.blog-post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:20px}.post-author-info{display:flex;align-items:center;gap:16px}.author-avatar{width:60px;height:60px;background:linear-gradient(135deg,#0c3e57,#164e6a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.author-details h4{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.author-details p{font-size:14px;color:#64748b;margin:0}.post-actions{display:flex;gap:12px}.action-btn{display:flex;align-items:center;gap:8px;background:rgba(12,62,87,.08);color:#0c3e57;border:none;padding:12px 20px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:#0c3e57;color:#fff;transform:translateY(-2px)}.save-link-btn{background:rgba(16,185,129,.08)!important;color:#10b981!important}.save-link-btn:hover{background:#10b981!important;color:#fff!important}.save-link-btn.copied{background:#059669!important;color:#fff!important;transform:scale(1.05)}.image-display-toggle{position:absolute;bottom:12px;right:12px;display:flex;gap:4px;background:rgba(0,0,0,.7);border-radius:12px;padding:4px;z-index:3}.display-mode-btn{padding:4px 8px;background:transparent;color:#fff;border:none;border-radius:8px;font-size:10px;cursor:pointer;transition:all .2s ease}.display-mode-btn.active{background:#fff;color:#0c3e57}.display-mode-btn:hover{background:hsla(0,0%,100%,.2)}@media (min-width:1400px){.articles-grid{grid-template-columns:repeat(4,1fr);gap:40px}.blog-main{padding:60px}}@media (min-width:1200px) and (max-width:1399px){.articles-grid{grid-template-columns:repeat(4,1fr);gap:30px}.blog-main{padding:60px 40px}}@media (max-width:1199px) and (min-width:900px){.articles-grid{grid-template-columns:repeat(4,1fr);gap:24px}.blog-main{padding:50px 30px}}@media (max-width:899px) and (min-width:700px){.articles-grid{grid-template-columns:repeat(3,1fr);gap:20px}.blog-main{padding:40px 24px}.blog-hero{padding:60px 20px}.blog-hero-content h1{font-size:36px}.blog-hero-content p{font-size:18px}.blog-post-container{margin:20px;padding:30px 20px}.blog-post-title{font-size:32px}.blog-post-description{font-size:18px}.blog-post-hero-image{min-height:250px;max-height:400px}.blog-post-footer{flex-direction:column;align-items:flex-start}}@media (max-width:699px) and (min-width:500px){.articles-grid{grid-template-columns:repeat(2,1fr);gap:16px}.blog-main{padding:40px 20px}.blog-hero{padding:50px 20px}.blog-hero-content h1{font-size:32px}.blog-hero-content p{font-size:16px}.article-content{padding:20px}.article-content h3{font-size:16px}.article-footer{flex-direction:column;gap:12px;align-items:flex-start}.no-results{padding:50px 20px;margin:20px 0}.no-results h3{font-size:22px}.meta-info{flex-direction:column;gap:8px}.article-tags{gap:6px}.article-tags .tag{font-size:10px;padding:4px 8px}}@media (max-width:499px){.articles-grid{grid-template-columns:1fr;gap:16px}.blog-hero,.blog-main{padding:40px 16px}.blog-hero-content h1{font-size:28px}.blog-hero-content p{font-size:16px}.article-content{padding:20px}.article-content h3{font-size:16px}.article-footer{flex-direction:column;gap:12px;align-items:flex-start}.no-results{padding:60px 20px;margin:20px 0}.no-results h3{font-size:24px}.meta-info{flex-direction:column;gap:8px}.article-tags{gap:6px}.article-tags .tag{font-size:10px;padding:4px 8px}.blog-post-container{margin:10px;padding:20px 16px}.blog-post-title{font-size:28px}.blog-post-description{font-size:16px}.blog-post-hero-image{min-height:200px;max-height:300px}.blog-post-meta{flex-direction:column;align-items:flex-start}.blog-post-meta-info{flex-direction:column;gap:8px}.blog-post-share{flex-direction:column;align-items:flex-start;gap:12px}.blog-post-body{font-size:16px}.blog-post-body h2{font-size:24px}.blog-post-body h3{font-size:20px}.post-author-info{flex-direction:column;align-items:flex-start;text-align:left}.post-actions{width:100%;justify-content:space-between}.action-btn{flex:1;justify-content:center}.image-display-toggle{bottom:8px;right:8px}}.animate-in{animation-play-state:running!important}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.article-card{opacity:1!important;transform:none!important}.article-card,.blog-hero,.blog-hero-content h1,.blog-hero-content p{animation:none!important}}.article-card,.article-image,.category-overlay,.pinned-badge{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.skeleton-card{pointer-events:none;user-select:none}.skeleton,.skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-shimmer{width:100%;height:100%}.skeleton-line{height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px;margin-bottom:8px}.skeleton-meta{height:16px;width:60%}.skeleton-meta,.skeleton-title{margin-bottom:12px}.skeleton-line-long{width:90%}.skeleton-line-medium{width:70%}.skeleton-line-full{width:100%}.skeleton-line-short{width:50%}.skeleton-excerpt,.skeleton-tags{margin-bottom:16px}.skeleton-tags{display:flex;gap:6px}.skeleton-tag{width:60px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.skeleton-author{width:80px;height:16px}.skeleton-button{width:100px;height:32px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:20px}.skeleton-card:first-child{animation-delay:.05s}.skeleton-card:nth-child(2){animation-delay:.1s}.skeleton-card:nth-child(3){animation-delay:.15s}.skeleton-card:nth-child(4){animation-delay:.2s}.skeleton-card:nth-child(5){animation-delay:.25s}.skeleton-card:nth-child(6){animation-delay:.3s}.skeleton-card:nth-child(7){animation-delay:.35s}.skeleton-card:nth-child(8){animation-delay:.4s}.skeleton-card{animation-play-state:running!important;opacity:1!important;transform:none!important}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.blog-post-skeleton{pointer-events:none;user-select:none}.skeleton-back-button{width:120px;height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:25px;margin-bottom:30px}.skeleton-header{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #f1f5f9}.skeleton-meta-line{width:120px;height:16px;margin-bottom:12px;margin-right:20px;display:inline-block}.skeleton-title{margin-bottom:20px}.skeleton-title-line-1{width:95%;height:36px;margin-bottom:8px}.skeleton-title-line-2{width:70%;height:36px}.skeleton-description{margin-bottom:30px}.skeleton-desc-line{width:100%;height:16px;margin-bottom:8px}.skeleton-desc-line-short{width:60%;height:16px}.skeleton-share{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:30px}.skeleton-share-label{width:80px;height:16px}.skeleton-share-buttons{display:flex;gap:10px}.skeleton-share-btn{width:40px;height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:50%}.skeleton-content{margin-bottom:40px}.skeleton-content-lines{display:flex;flex-direction:column;gap:12px}.skeleton-content-heading{width:40%;height:24px;margin-top:24px;margin-bottom:8px}.skeleton-content-full{width:100%;height:16px}.skeleton-content-short{width:65%;height:16px}.skeleton-author-section{display:flex;align-items:center;gap:16px}.skeleton-avatar{width:60px;height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:50%}.skeleton-author-info{display:flex;flex-direction:column;gap:8px}.skeleton-author-name{width:120px;height:18px}.skeleton-author-role{width:80px;height:14px}.skeleton-action-buttons{display:flex;gap:12px}.skeleton-action-btn{width:100px;height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:25px}@media (max-width:768px){.skeleton-title-line-1,.skeleton-title-line-2{height:28px}.skeleton-share{gap:12px}.skeleton-author-section,.skeleton-share{flex-direction:column;align-items:flex-start}.skeleton-author-section{text-align:left}.skeleton-action-buttons{width:100%;justify-content:space-between}.skeleton-action-btn{flex:1}}