:root{--color-primary: 59, 130, 246;--color-secondary: 107, 114, 128}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s ease}.btn-primary{background-color:rgb(var(--color-primary));color:#fff}.btn-primary:hover{background-color:rgba(var(--color-primary),.9);transform:translateY(-1px)}.post-card{transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.tag{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.prose{max-width:none;line-height:1.75}.prose h2{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:1rem}.prose p{margin-bottom:1.25rem}.prose ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:1.25rem}.prose blockquote{border-left:4px solid rgb(var(--color-primary));padding-left:1rem;font-style:italic;margin:1.5rem 0}.btn-loading{opacity:.7;cursor:not-allowed}.btn-disabled{opacity:.5;cursor:not-allowed}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:.375rem;margin:1rem 0;text-align:center}.load-more-container{text-align:center;margin:3rem 0;padding:2rem 0}#load-more-btn{background-color:rgb(var(--color-primary));color:#fff;border:none;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;font-size:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}#load-more-btn:hover:not(.btn-loading){background-color:rgba(var(--color-primary),.9);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}#load-more-btn:active{transform:translateY(0)}#load-more-btn.btn-loading{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:1.25rem;height:1.25rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-more-posts{color:#6b7280;font-style:italic;margin-top:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:0;left:0;z-index:9999}