.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 45%,#fff 80% 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-controls{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.75rem 2rem;margin-bottom:3.5rem;padding-bottom:1.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.changelog-search{position:relative;flex:1 1 320px;min-width:260px}.changelog-search-icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:#fff6;pointer-events:none;transition:color .2s ease}.changelog-search:focus-within .changelog-search-icon{color:#c4b5fde6}.changelog-search-input{width:100%;padding:.7rem 1rem .7rem 2.85rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:9999px;color:#fff;font-family:inherit;font-size:.95rem;line-height:1.4;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.changelog-search-input::placeholder{color:#fff6}.changelog-search-input:hover:not(:focus){border-color:#fff3;background:#ffffff0d}.changelog-search-input:focus{outline:none;background:#ffffff0f;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf62e}.changelog-search-input::-webkit-search-cancel-button{-webkit-appearance:none}.changelog-filters{display:flex;flex-wrap:wrap;gap:.5rem}.changelog-filter-select-wrap{display:none;position:relative;width:100%}.changelog-filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.8rem 2.75rem .8rem 1rem;background-color:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-family:inherit;font-size:16px;font-weight:500;line-height:1.4;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:18px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.changelog-filter-select:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf62e}.changelog-filter-select option{background-color:#15131c;color:#fff}.filter-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem .55rem .7rem .9rem;border-radius:9999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;font-family:inherit;font-size:.8rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease}.filter-pill:hover{color:#fff;background:#ffffff12;border-color:#ffffff47;transform:translateY(-1px)}.filter-pill:focus-visible{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf62e}.filter-pill:active{transform:translateY(0)}.filter-count{font-size:.7rem;font-weight:600;line-height:1;min-width:1.35rem;padding:.2rem .45rem;border-radius:9999px;text-align:center;background:#ffffff14;color:#fff9;transition:background .2s ease,color .2s ease}.filter-pill:hover .filter-count{color:#ffffffd9}.filter-pill.is-active{color:#fff;background:#8b5cf629;border-color:#8b5cf673;box-shadow:0 0 0 1px #8b5cf62e,0 4px 14px #8b5cf61f}.filter-pill.is-active:hover{transform:translateY(-1px)}.filter-pill.is-active .filter-count{background:#8b5cf647;color:#fff}.filter-pill--feature.is-active{color:#c4b5fd;background:#8b5cf629;border-color:#8b5cf673;box-shadow:0 0 0 1px #8b5cf62e,0 4px 14px #8b5cf61f}.filter-pill--feature.is-active .filter-count{background:#8b5cf64d;color:#ddd6fe}.filter-pill--improvement.is-active{color:#67e8f9;background:#06b6d429;border-color:#06b6d473;box-shadow:0 0 0 1px #06b6d42e,0 4px 14px #06b6d41f}.filter-pill--improvement.is-active .filter-count{background:#06b6d44d;color:#cffafe}.filter-pill--performance.is-active{color:#6ee7b7;background:#10b98129;border-color:#10b98173;box-shadow:0 0 0 1px #10b9812e,0 4px 14px #10b9811f}.filter-pill--performance.is-active .filter-count{background:#10b9814d;color:#d1fae5}.filter-pill--bugfix.is-active{color:#fcd34d;background:#f59e0b29;border-color:#f59e0b73;box-shadow:0 0 0 1px #f59e0b2e,0 4px 14px #f59e0b1f}.filter-pill--bugfix.is-active .filter-count{background:#f59e0b4d;color:#fef3c7}@media(prefers-reduced-motion:reduce){.filter-pill,.filter-pill:hover,.filter-pill.is-active:hover,.filter-pill:active{transform:none}}.changelog-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 1.5rem;max-width:460px;margin:1rem auto 0}.changelog-empty[hidden]{display:none}.changelog-empty:before{content:"";width:56px;height:56px;margin-bottom:1.5rem;border-radius:9999px;background-color:#8b5cf61a;border:1px solid rgba(139,92,246,.28);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23c4b5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m13.5 8.5-5 5'/%3E%3Cpath d='m8.5 8.5 5 5'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.changelog-empty-text{color:#ffffffc7;font-size:1.1rem;font-weight:500;line-height:1.5;margin:0 0 .4rem}.changelog-empty-hint{margin:.4rem 0 0;color:#ffffff80;font-size:.9rem;font-weight:400}.changelog-clear-btn{display:inline-flex;align-items:center;margin-top:1.5rem;padding:.6rem 1.4rem;background:#8b5cf61f;border:1px solid rgba(139,92,246,.4);border-radius:10px;color:#fff;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.changelog-clear-btn:hover{background:#8b5cf633;border-color:#8b5cf699;transform:translateY(-1px)}.changelog-clear-btn:active{transform:translateY(0)}.changelog-clear-btn:focus-visible{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf62e}@media(prefers-reduced-motion:reduce){.changelog-clear-btn:hover,.changelog-clear-btn:active{transform:none}}.changelog-timeline{position:relative}.changelog-timeline.is-searching .changelog-entry[data-hidden=true]{display:grid}.changelog-entry.is-filtered-out{display:none!important}.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:180px;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}.entry-highlights a{color:#c4b5fd;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(196,181,253,.35);transition:color .15s ease,border-color .15s ease}.entry-highlights a:hover{color:#ddd6fe;border-color:#ddd6fe}.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-controls{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:2.5rem;padding-bottom:1.5rem}.changelog-search{flex:0 0 auto;width:100%;max-width:none}.changelog-search-input{font-size:16px;padding-top:.8rem;padding-bottom:.8rem}.changelog-filters{display:none}.changelog-filter-select-wrap{display:block}.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}.changelog-empty{padding:3rem 1rem}.changelog-clear-btn{min-height:44px;justify-content:center}}@media(max-width:480px){.changelog-empty{padding:2.5rem .5rem}.changelog-empty:before{width:48px;height:48px;margin-bottom:1.25rem}.changelog-empty-text{font-size:1rem}.changelog-empty-hint{font-size:.85rem}}