.changelog-container{margin-top:120px;padding-bottom:100px;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.changelog-header{text-align:center;margin-bottom:5rem}.changelog-title{font-family:Clash Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#8b5cf6,#e879f9 50%,#fff 70% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.changelog-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#ffffffb3;line-height:1.6;margin:0}.changelog-timeline{position:relative}.changelog-timeline:before{content:"";position:absolute;left:220px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.14) 5%,rgba(255,255,255,.14) 95%,transparent 100%);pointer-events:none}.changelog-entry{display:grid;grid-template-columns:200px 40px 1fr;gap:0;padding-bottom:4rem;position:relative}.changelog-entry[data-hidden=true]{display:none}.changelog-entry:last-of-type{padding-bottom:0}@keyframes entry-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.changelog-entry.is-revealing{animation:entry-reveal .5s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.changelog-entry.is-revealing{animation:none}}.entry-date-column{position:sticky;top:140px;align-self:start;height:fit-content;padding-top:.125rem}.entry-date{color:#ffffff8c;font-size:.875rem;font-weight:500;line-height:1.5;display:block;letter-spacing:.01em}.entry-marker{position:relative;width:40px}.entry-dot{display:block;width:12px;height:12px;margin:.45rem auto 0;border-radius:50%;background:#8b5cf6;box-shadow:0 0 0 4px #8b5cf62e;position:relative;z-index:1}.entry-content-column{padding-left:1.75rem;min-width:0}.entry-image{display:block;width:100%;border-radius:12px;margin-top:1.75rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0006}.entry-compare{position:relative;width:100%;margin-top:1.75rem;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0006;user-select:none;touch-action:pan-y;cursor:ew-resize}.compare-img{display:block;width:100%;pointer-events:none}.compare-after{position:relative}.compare-before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 calc(100% - var(--compare-pos, 50%)) 0 0)}.compare-handle{position:absolute;top:0;bottom:0;left:var(--compare-pos, 50%);width:2px;transform:translate(-1px);background:#ffffffe6;box-shadow:0 0 0 1px #00000026;cursor:ew-resize;touch-action:none}.compare-handle:focus-visible{outline:none}.compare-line{position:absolute;inset:0}.compare-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:9999px;background:#fffffff2;box-shadow:0 4px 14px #00000059;display:flex;align-items:center;justify-content:center;gap:2px;transition:transform .12s ease,box-shadow .12s ease}.compare-handle:hover .compare-grip,.compare-handle:focus-visible .compare-grip{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 3px #8b5cf673,0 4px 14px #00000059}.compare-arrow{color:#1a1a1a;font-size:1.1rem;line-height:1;font-weight:700}.compare-label{position:absolute;top:12px;padding:4px 10px;border-radius:9999px;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#0000008c;backdrop-filter:blur(4px);pointer-events:none;transition:opacity .15s ease}.compare-label--before{left:12px}.compare-label--after{right:12px}.entry-type{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em;border:1px solid;margin-bottom:.875rem}.entry-type--feature{color:#c4b5fd;background:#8b5cf61f;border-color:#8b5cf652}.entry-type--improvement{color:#67e8f9;background:#06b6d41f;border-color:#06b6d452}.entry-type--performance{color:#6ee7b7;background:#10b9811f;border-color:#10b98152}.entry-type--bugfix{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b52}.entry-title{font-size:1.75rem;font-weight:600;margin:0 0 .875rem;color:#fff;line-height:1.25;letter-spacing:-.01em;word-spacing:.15em}.entry-description{color:#ffffffc7;font-size:1rem;line-height:1.7;margin:0 0 1.25rem}.entry-highlights{margin:1.25rem 0 0;padding-left:1.25rem;color:#ffffffb8;list-style-type:disc}.entry-highlights li{margin-bottom:.5rem;line-height:1.65}.entry-highlights strong{color:#fff;font-weight:600}.load-more-wrap{display:flex;justify-content:center;margin-top:2rem}.load-more-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease}.load-more-btn:hover{background:#8b5cf61a;border-color:#8b5cf666;transform:translateY(-1px)}.load-more-btn:active{transform:translateY(0)}.load-more-icon{transition:transform .25s ease;display:inline-block}.load-more-btn:hover .load-more-icon{transform:translateY(2px)}@media(max-width:768px){.changelog-container{padding-left:1rem;padding-right:1rem}.changelog-header{margin-bottom:3rem}.changelog-timeline:before{display:none}.changelog-entry{grid-template-columns:1fr;gap:.5rem;padding-bottom:2.5rem}.entry-date-column{position:static;top:auto;padding-top:0}.entry-date{font-size:.75rem}.entry-marker{display:none}.entry-content-column{padding-left:0}.entry-title{font-size:1.5rem}}
