::view-transition-group(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-old(*){mix-blend-mode:normal;height:100%}::view-transition-new(*){mix-blend-mode:normal;height:100%}::view-transition-group(card-cover-){border-radius:12px}::view-transition-old(card-cover-){object-fit:cover;object-position:center;border-radius:12px;width:100%;height:100%}::view-transition-new(card-cover-){object-fit:cover;object-position:center;border-radius:12px;width:100%;height:100%}::view-transition-group(card-bg-){border-radius:16px}.posts-viewport{justify-content:center;width:100%;min-height:100vh;margin-top:0;padding:7.5rem 0 80px;display:flex}.posts-container{width:90%;max-width:1200px}.posts-header{flex-direction:column;gap:24px;margin-bottom:48px;display:flex}.section-tagline{color:#888;letter-spacing:.12em;align-items:center;gap:8px;margin-top:1.618rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:700;display:flex}.blue-dot{background-color:var(--themeColor);width:6px;height:6px;box-shadow:0 0 8px rgba(var(--themeColorRgb), .6);border-radius:50%;display:inline-block}.main-title{letter-spacing:-.03em;background:linear-gradient(#fff 60%,#999 100%);-webkit-background-clip:text;font-size:3.8rem;font-weight:900;line-height:1.618}.subtitle{color:#86868b;margin-bottom:2rem;font-size:1.05rem;font-weight:300}.category-filter-bar{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.filter-btn{color:#aaa;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:8px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;transition:all .25s}.filter-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.filter-btn.active{color:#030303;background:#fff;border-color:#fff;font-weight:700}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.post-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s,box-shadow .35s;overflow:hidden}.post-card:hover{background:#ffffff0a;border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 30px #00000080}.card-inner-link{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.card-cover-box{aspect-ratio:16/9;border-radius:12px 12px 0 0;width:100%;position:relative;overflow:hidden;background:0 0!important}.card-cover-box img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.post-card:hover .card-cover-box img{transform:scale(1.05)}.category-tag{color:#fff;background:#0a0a0cd1;border:1px solid #ffffff1f;border-radius:8px;padding:4px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:700;position:absolute;top:12px;left:12px}.card-content{flex-direction:column;flex:1;padding:24px;display:flex}.card-top-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-top-meta .category-tag{background:#ffffff0f;position:static}.post-title{color:#fff;margin-bottom:10px;font-size:1.25rem;font-weight:700;line-height:1.4;transition:color .2s;display:inline-block}.post-card:hover .post-title{color:var(--themeColor)}.post-desc{color:#86868b;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:20px;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer{color:#666;border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;display:flex}.empty-state{text-align:center;color:#666;padding:80px 0}html.perf-degraded ::view-transition-group(*){animation:none!important}html.perf-degraded ::view-transition-old(*){animation:none!important}html.perf-degraded ::view-transition-new(*){animation:none!important}html.perf-degraded .post-card,html.perf-degraded .post-card:hover,html.perf-degraded .card-cover-box img,html.perf-degraded .post-card:hover .card-cover-box img,html.perf-degraded .filter-btn{box-shadow:none!important;transition:none!important;transform:none!important}html.light-mode,html.light-mode body{background-color:#fbfbfd!important}html.light-mode .main-title{background:linear-gradient(#1d1d1f 40%,#86868b 100%)!important;-webkit-background-clip:text!important}html.light-mode .subtitle,html.light-mode .post-desc{color:#6e6e73!important}html.light-mode .filter-btn{color:#555;background:#0000000a;border-color:#00000014}html.light-mode .filter-btn:hover{color:#000;background:#00000014}html.light-mode .filter-btn.active{color:#fff;background:#1d1d1f;border-color:#1d1d1f}html.light-mode .post-card{background:#fff;border-color:#0000000f}html.light-mode .post-card:hover{background:#fff;border-color:#00000026;box-shadow:0 12px 30px #00000014}html.light-mode .post-title{color:#1d1d1f}html.light-mode .category-tag{color:#1d1d1f;background:#ffffffd9;border-color:#00000014}html.light-mode .card-top-meta .category-tag{background:#0000000d}html.light-mode .card-footer{color:#86868b;border-top-color:#0000000d}@media (max-width:768px){.posts-viewport{padding-top:6.5rem!important}.posts-header{gap:16px!important;margin-bottom:32px!important}.section-tagline{margin-top:1.618rem}.main-title{font-size:2.2rem!important;line-height:1.618!important}.subtitle{font-size:.95rem!important}.posts-grid{grid-template-columns:1fr;gap:16px}}