.changelog-page{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - 78px);padding-inline:clamp(16px,6vw,96px);padding-block:clamp(70px,9vw,120px) clamp(80px,10vw,120px)}.changelog-page:before{position:absolute;z-index:-1;top:-160px;left:50%;width:min(900px,140vw);height:520px;content:"";pointer-events:none;transform:translate(-50%);background:radial-gradient(ellipse at center,rgb(14 165 233 / 14%),rgb(18 185 129 / 8%) 45%,transparent 70%)}:root[data-theme=dark] .changelog-page:before{background:radial-gradient(ellipse at center,rgb(14 165 233 / 16%),rgb(18 185 129 / 8%) 45%,transparent 70%)}.changelog-header{display:flex;justify-content:center;margin-bottom:clamp(44px,6vw,64px)}.changelog-list{--rail: 28px;position:relative;display:flex;flex-direction:column;gap:26px;max-width:760px;margin-inline:auto;padding-left:calc(var(--rail) + 22px)}.changelog-list:before{position:absolute;top:8px;bottom:8px;left:var(--rail);width:2px;content:"";border-radius:2px;background:linear-gradient(180deg,#0ea5e9,#12b981 60%,transparent);transform:scaleY(0);transform-origin:top;transition:transform 1.6s var(--ease-smooth) .2s}.changelog-list.is-drawn:before{transform:scaleY(1)}.changelog-entry{position:relative}.changelog-dot{position:absolute;top:30px;left:-28px;z-index:1;width:14px;height:14px;border:3px solid var(--surface);border-radius:50%;background:var(--line);box-shadow:0 0 0 1px var(--line);transform:scale(0);transition:transform .5s var(--ease-smooth) calc(var(--i, 0) * 80ms + .15s),background-color .3s}.changelog-entry.is-visible .changelog-dot{transform:scale(1)}.changelog-entry:hover .changelog-dot{background:var(--blue)}.changelog-entry.is-latest .changelog-dot{background:var(--gradient-brand);animation:changelog-ping 2.4s ease-out 1.2s infinite}.changelog-card{position:relative;padding:24px 26px;border:1px solid var(--line);border-radius:20px;background:var(--card-bg);box-shadow:0 1px 2px #0a28320a;opacity:0;transition:translate .3s var(--ease-smooth),border-color .3s var(--ease-smooth),box-shadow .3s var(--ease-smooth),background-color .3s var(--ease-smooth)}.changelog-entry.is-visible .changelog-card{animation:changelog-rise .7s var(--ease-smooth) calc(var(--i, 0) * 80ms) both}.changelog-card:hover{translate:0 -3px;border-color:#9fe0e8;box-shadow:0 18px 40px #0a92b024}:root[data-theme=dark] .changelog-card:hover{border-color:#1f5a66}.changelog-entry.is-latest .changelog-card{border-color:transparent;background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,var(--gradient-brand) border-box;box-shadow:0 16px 40px #0a92b024}.changelog-entry.is-latest .changelog-card:hover{border-color:transparent;box-shadow:0 22px 48px #12b9812e}.changelog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:14px}.changelog-version{color:var(--ink);font:700 18px IBM Plex Mono,monospace;letter-spacing:-.5px}.changelog-meta time{margin-left:auto;color:var(--muted);font:600 12px Be Vietnam Pro,sans-serif}.changelog-product{padding:4px 11px;border:1px solid var(--line);border-radius:999px;color:var(--blue);background:var(--pill-bg);text-decoration:none;font:700 11px Be Vietnam Pro,sans-serif;transition:border-color .25s var(--ease-smooth),color .25s var(--ease-smooth),background-color .25s var(--ease-smooth)}.changelog-product:hover{border-color:var(--blue);color:#fff;background:var(--blue)}:root[data-theme=dark] .changelog-product:hover{color:#06202a}.changelog-latest{padding:4px 10px;border-radius:999px;color:#fff;background:var(--gradient-brand);background-size:200% 100%;animation:changelog-shine 3s ease-in-out infinite alternate;font:700 10px Be Vietnam Pro,sans-serif;letter-spacing:.4px;text-transform:uppercase}.changelog-card h3{margin:0 0 16px;color:var(--ink);font:700 18px Be Vietnam Pro,sans-serif;letter-spacing:-.4px}.changelog-changes{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.changelog-change{display:flex;align-items:baseline;gap:12px;margin-inline:-10px;padding:6px 10px;border-radius:10px;color:var(--ink);font-size:14px;line-height:1.7;opacity:0;transform:translate(-10px);transition:opacity .5s var(--ease-smooth) calc(var(--i, 0) * 80ms + .25s + var(--j, 0) * 70ms),transform .5s var(--ease-smooth) calc(var(--i, 0) * 80ms + .25s + var(--j, 0) * 70ms),background-color .2s}.changelog-entry.is-visible .changelog-change{opacity:1;transform:translate(0)}.changelog-change:hover{background:var(--pill-bg)}.changelog-tag{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:88px;padding:3px 10px;border-radius:999px;font:700 10px Be Vietnam Pro,sans-serif;letter-spacing:.3px}.changelog-tag svg{width:11px;height:11px;flex-shrink:0;transition:transform .3s var(--ease-smooth)}.changelog-change:hover .changelog-tag svg{transform:scale(1.25)}.changelog-tag.is-new{color:var(--green);background:#12b9811f}.changelog-tag.is-improved{color:var(--blue);background:#0a92b01f}.changelog-tag.is-fix{color:#d97706;background:#d977061f}:root[data-theme=dark] .changelog-tag.is-fix{color:#fbbf24;background:#fbbf241f}.changelog-list>.empty-state{text-align:center}@keyframes changelog-ping{0%{box-shadow:0 0 #12b9818c}70%,to{box-shadow:0 0 0 10px #12b98100}}@keyframes changelog-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes changelog-shine{0%{background-position:0 0}to{background-position:100% 0}}@media(max-width:640px){.changelog-list{--rail: 6px;padding-left:calc(var(--rail) + 20px);gap:18px}.changelog-dot{left:-26px;top:26px}.changelog-card{padding:20px 18px;border-radius:16px}.changelog-meta time{width:100%;margin-left:0}.changelog-change{flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){.changelog-list:before,.changelog-dot,.changelog-card,.changelog-change{transform:none!important;opacity:1!important}}