#scroll-progress{position:fixed;top:0;left:0;height:4px;background:var(--neon-2,#0ff);width:0%;z-index:9999;box-shadow:0 0 10px var(--neon-2,#0ff);transition:width .1s}.main-layout{display:block;max-width:900px;margin:0 auto;padding:20px;perspective:1000px}#posts-grid{display:flex;flex-direction:column;gap:40px;transition:transform .3s ease}.glass-post{position:relative;background:rgba(20,20,30,.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.25, .8, .25, 1);transform-origin:center center;opacity:1;z-index:1}#posts-grid:hover .glass-post{opacity:.3;filter:blur(4px) grayscale(80%);transform:scale(.95)}#posts-grid .glass-post:hover{opacity:1;filter:blur(0) grayscale(0%);z-index:100;transform:scale(1.15);box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 30px rgba(0,255,255,.2);border-color:var(--neon-2)}.glass-img-wrapper{height:250px;overflow:hidden;position:relative}.glass-img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.glass-post:hover .glass-img{transform:scale(1.1)}.glass-content{padding:25px}.glass-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-family:'JetBrains Mono',monospace;font-size:.8rem}.glass-badge{padding:4px 10px;border:1px solid;border-radius:12px;text-transform:uppercase;font-weight:700;letter-spacing:1px}.glass-title{font-size:1.8rem;color:#fff;margin-bottom:10px;line-height:1.2;transition:color .3s}.glass-post:hover .glass-title{color:var(--neon-2);text-shadow:0 0 10px rgba(0,255,255,.5)}.glass-text{color:#ccc;line-height:1.6;font-size:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.glass-actions{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:20px;opacity:.6;transition:.3s}.glass-post:hover .glass-actions{opacity:1}.action-btn{background:0 0;border:none;color:#fff;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:.3s}.action-btn:hover{color:var(--neon-2);transform:translateX(5px)}.skeleton{background:#1a1a2e;border-radius:24px;height:350px;position:relative;overflow:hidden;margin-bottom:30px}.skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{100%{transform:translateX(100%)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);backdrop-filter:blur(10px);z-index:10000;display:none;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.modal-overlay.active{display:flex;opacity:1}.modal-content{background:#111;border:1px solid var(--neon-2);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;border-radius:20px;padding:0;position:relative;box-shadow:0 0 50px rgba(0,255,255,.2);transform:scale(.9);transition:transform .3s ease}.modal-overlay.active .modal-content{transform:scale(1)}.close-modal{position:absolute;top:20px;right:20px;font-size:2rem;color:#fff;cursor:pointer;z-index:10;background:rgba(0,0,0,.5);width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px}.filter-container{display:flex;justify-content:center;gap:15px;margin:30px 0;flex-wrap:wrap}.filter-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#aaa;padding:10px 25px;border-radius:30px;cursor:pointer;transition:.3s;font-family:inherit;font-weight:700}.filter-btn.active,.filter-btn:hover{background:var(--neon-2);color:#000;box-shadow:0 0 20px var(--neon-2)}.toast{position:fixed;bottom:30px;right:30px;background:var(--neon-2);color:#000;padding:12px 25px;border-radius:8px;font-weight:700;transform:translateY(100px);transition:.3s;z-index:10001}.toast.show{transform:translateY(0)}.link-btn:hover{color:#0f8;text-shadow:0 0 8px #0f8}