:root{--bg-primary:#000;--bg-secondary:#272727;--bg-hover:#3f3f3f;--text-primary:#f1f1f1;--text-secondary:#aaa;--accent:#cf4084;--border:#303030;--card-radius:12px;--transition:.2s ease-in-out;--main-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--main-font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button,input,textarea,select{font-family:inherit}.blog-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content-blofd{box-sizing:border-box;flex:1;width:100%;max-width:1600px;margin:0 auto;padding:0 1.5rem}.controls-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000f2;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem 0;display:flex;position:sticky;top:0}.top-bar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-title h1{letter-spacing:-.5px;margin-left:1rem;font-size:1.5rem;font-weight:700}.search-container{flex:1;align-items:center;max-width:600px;margin:0 auto;display:flex}.search-input-wrapper{border:1px solid var(--border);background:#121212;border-radius:40px;width:100%;display:flex;overflow:hidden}.search-input-wrapper input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:.75rem 1.2rem;font-size:1rem}.search-btn{border:none;border-left:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#222;padding:0 1.25rem}.category-scroll{scrollbar-width:none;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.category-scroll::-webkit-scrollbar{display:none}.chip{background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:var(--transition);border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.chip:hover{background-color:var(--bg-hover)}.chip.active{background-color:var(--text-primary);color:var(--bg-primary)}.utility-bar{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.9rem;font-weight:500;display:flex}.view-toggles button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.2rem}.view-toggles button.active{color:var(--text-primary)}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px 1.5rem;display:grid}.posts-grid.list-view{grid-template-columns:1fr;max-width:900px;margin:0 auto}.post-card{cursor:pointer;flex-direction:column;gap:.75rem;text-decoration:none;display:flex}.list-view .post-card{flex-direction:row;align-items:flex-start}.thumbnail-wrapper{aspect-ratio:16/9;border-radius:var(--card-radius);background-color:#202020;width:100%;position:relative;overflow:hidden}.list-view .thumbnail-wrapper{flex-shrink:0;width:360px}.post-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.post-card:hover .post-image{transform:scale(1.05)}.duration-badge{color:#fff;letter-spacing:.5px;background-color:#000c;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600;position:absolute;bottom:8px;right:8px}.post-info{gap:.75rem;display:flex}.author-avatar{background-color:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.post-text{flex-direction:column;flex:1;display:flex}.post-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .25rem;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.post-meta{color:var(--text-secondary);flex-wrap:wrap;gap:4px;font-size:.85rem;display:flex}.post-excerpt{display:none}.list-view .post-excerpt{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.5rem;font-size:.85rem;display:-webkit-box;overflow:hidden}.load-more-container{justify-content:center;margin-top:3rem;margin-bottom:2rem;display:flex}.load-more-btn{border:1px solid var(--border);color:var(--accent);cursor:pointer;transition:var(--transition);background:0 0;border-radius:20px;padding:.75rem 2rem;font-family:inherit;font-weight:600}.load-more-btn:hover{border-color:var(--accent);background:#cf40841a}.no-results{text-align:center;color:var(--text-secondary);padding:4rem 0}@media (max-width:768px){.controls-header{top:-60px}.list-view .post-card{flex-direction:column}.list-view .thumbnail-wrapper{width:100%}.post-info{margin-top:.5rem}}