:root{--tr-primary:#4f46e5;--tr-primary-hover:#4338ca;--tr-bg:#f8fafc;--tr-card:#ffffff;--tr-text-dark:#0f172a;--tr-text-muted:#64748b;--tr-border:#e2e8f0}body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:var(--tr-bg);color:var(--tr-text-dark);margin:0;padding:0;-webkit-font-smoothing:antialiased}.toprecents-container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.tr-post-card{background:#ffffff;border-radius:16px;border:1px solid var(--tr-border);overflow:hidden;transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),box-shadow 0.2s ease,border-color 0.2s ease}.tr-post-card:hover{transform:translateY(-3px);border-color:#cbd5e1;box-shadow:0 16px 30px -10px rgba(0,0,0,0.08)}.tr-category-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.tr-category-scroll::-webkit-scrollbar{height:6px}.tr-category-scroll::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:9999px}.tr-cat-pill.active{background-color:var(--tr-primary) !important;color:#ffffff !important;border-color:var(--tr-primary) !important}.tr-modal-overlay{transition:opacity 0.2s ease}