.changelog-page{min-height:70vh}.changelog-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);padding:88px 0 58px}.changelog-hero:before{content:"";position:absolute;right:-90px;top:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#ff6b1824,transparent 65%);filter:blur(28px);pointer-events:none}.changelog-hero-inner{position:relative}.changelog-hero h1{margin:14px 0 18px;font-size:clamp(50px,8vw,94px);line-height:.93;letter-spacing:-.065em}.changelog-hero p{max-width:760px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}.changelog-summary{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:10px 13px;border:1px solid #343434;border-radius:14px;background:#111}.changelog-summary span{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:8px;background:#ff6b18;color:#1a0c03;font-size:9px;font-weight:1000;letter-spacing:.1em}.changelog-summary strong{font-size:12px}
.changelog-section{padding:52px 0 110px}.changelog-shell{max-width:1220px}.changelog-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.changelog-toolbar h2{margin:8px 0 0;font-size:clamp(28px,4vw,46px);letter-spacing:-.045em}.changelog-sync-status{margin:9px 0 0;color:#77706a;font-size:10px}.changelog-sync-status.is-live{color:#86b866}.changelog-sync-status.is-fallback{color:#c79674}.changelog-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#8f8984;font-size:11px;font-weight:800}.changelog-legend span{display:flex;align-items:center;gap:6px}.changelog-legend i{width:8px;height:8px;border-radius:50%;background:#ff6b18}.changelog-legend i[data-kind="improved"]{background:#58a6ff}.changelog-legend i[data-kind="fixed"]{background:#53d769}
.changelog-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:48px;align-items:start}.changelog-index{position:relative;min-width:0}.changelog-index-inner{position:sticky;top:88px;max-height:calc(100dvh - 110px);overflow:auto;scrollbar-width:thin;scrollbar-color:#444 transparent;padding:5px 14px 24px 0}.changelog-index-home{display:inline-block;margin:0 0 26px;color:#9b948e;font-size:13px;font-weight:800;text-decoration:none}.changelog-index-home:hover{color:#fff}.changelog-index-inner>p{margin:0 0 12px;color:#817a74;font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.changelog-index-list,.changelog-index nav{display:grid;gap:1px}.changelog-index nav a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:8px 11px 8px 16px;border-radius:10px;color:#9d9690;text-decoration:none;font-size:13px;font-weight:750;font-variant-numeric:tabular-nums;transition:.16s}.changelog-index nav a:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:999px;background:transparent}.changelog-index nav a small{display:grid;place-items:center;min-width:25px;height:22px;padding:0 6px;border-radius:999px;background:#171717;color:#746e69;font-size:10px;font-weight:900}.changelog-index nav a:hover{color:#ddd;background:#ffffff08}.changelog-index nav a.active{color:#ff9a59;background:#ff6b180e}.changelog-index nav a.active:before{background:#ff6b18}.changelog-index nav a.active small{color:#b66e40}
.changelog-timeline{position:relative;display:grid;gap:0;min-width:0}.changelog-day{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:34px;padding-bottom:34px;scroll-margin-top:94px}.changelog-day:not(:last-child):before{content:"";position:absolute;left:149px;top:36px;bottom:-2px;width:1px;background:#2d2d2d}.changelog-date{position:sticky;top:96px;align-self:start;padding-top:5px;text-align:right}.changelog-date time{display:block;font-size:13px;font-weight:1000;letter-spacing:.04em;color:#f1ece8}.changelog-date small{display:block;margin-top:3px;color:#746f6a;font-size:10px;font-weight:800}.changelog-entries{position:relative;display:grid;gap:10px}.changelog-entries:before{content:"";position:absolute;left:-39px;top:11px;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff6b1818,0 0 20px #ff6b1845}.changelog-card{position:relative;padding:19px 20px 18px;border:1px solid #2c2c2e;border-radius:18px;background:linear-gradient(155deg,#151515,#0d0d0d);box-shadow:0 12px 32px #0002}.changelog-card.is-commit{padding:14px 17px;background:#101011;border-color:#262629}.changelog-card-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.changelog-card.is-commit .changelog-card-top{margin-bottom:0}.changelog-kind{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:23px;padding:0 8px;border-radius:8px;background:#ff6b1818;color:#ff9250;font-size:9px;font-weight:1000;letter-spacing:.08em}.changelog-kind[data-kind="improved"]{background:#58a6ff15;color:#79b7ff}.changelog-kind[data-kind="fixed"]{background:#53d76915;color:#6de282}.changelog-card h3{margin:0;font-size:18px;letter-spacing:-.025em}.changelog-card.is-commit h3{font-size:13px;font-weight:800;line-height:1.5}.changelog-card p{margin:0;color:#a7a09a;font-size:13px;line-height:1.75}.changelog-commit-meta{display:flex;align-items:center;gap:8px;margin-top:8px;color:#6f6964;font-size:9px}.changelog-commit-meta code{padding:2px 5px;border-radius:5px;background:#1c1c1f;color:#9d9690;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.changelog-commit-meta a{color:#77706a;text-decoration:none}.changelog-commit-meta a:hover{color:#ff9250}.changelog-empty{padding:34px;border:1px dashed #3b3b3d;border-radius:18px;text-align:center;color:var(--muted)}
[data-theme="light"] .changelog-summary{background:#fff;border-color:#d8cec5;box-shadow:0 5px 18px #6c4a2a0d}[data-theme="light"] .changelog-day:not(:last-child):before{background:#ddd5ce}[data-theme="light"] .changelog-date time{color:#2b211a}[data-theme="light"] .changelog-card{background:linear-gradient(155deg,#fff,#f8f3ee);border-color:#ddd4cb;box-shadow:0 12px 28px #6c4a2a0d}[data-theme="light"] .changelog-card.is-commit{background:#fbf7f3;border-color:#e7ded6}[data-theme="light"] .changelog-card p{color:#756b63}[data-theme="light"] .changelog-index nav a:hover{background:#ff6b1809}[data-theme="light"] .changelog-index-home:hover{color:#2b211a}[data-theme="light"] .changelog-commit-meta code{background:#eee7e0;color:#675e57}
@media(max-width:900px){.changelog-layout{grid-template-columns:180px minmax(0,1fr);gap:28px}.changelog-day{grid-template-columns:128px minmax(0,1fr);gap:27px}.changelog-day:not(:last-child):before{left:127px}.changelog-entries:before{left:-32px}}
@media(max-width:760px){.changelog-hero{padding:58px 0 42px}.changelog-section{padding:42px 0 80px}.changelog-toolbar{align-items:flex-start;flex-direction:column}.changelog-layout{display:block}.changelog-index{position:sticky;z-index:8;top:66px;margin:0 -14px 24px;padding:8px 14px;border-top:1px solid #252525;border-bottom:1px solid #252525;background:#0b0b0ce8;backdrop-filter:blur(14px)}.changelog-index-inner{position:static;display:flex;align-items:center;gap:9px;max-height:none;overflow:visible;padding:0}.changelog-index-home,.changelog-index-inner>p{display:none}.changelog-index nav{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:0 2px}.changelog-index nav::-webkit-scrollbar{display:none}.changelog-index nav a{flex:0 0 auto;min-height:36px;padding:6px 12px;border:1px solid #303033;border-radius:999px;background:#121214;font-size:12px}.changelog-index nav a:before,.changelog-index nav a small{display:none}.changelog-index nav a.active{border-color:#ff6b1866;background:#ff6b1815}.changelog-day{grid-template-columns:1fr;gap:12px;padding-bottom:30px;scroll-margin-top:118px}.changelog-day:not(:last-child):before{left:5px;top:47px;bottom:-4px}.changelog-date{position:static;text-align:left;padding-left:22px}.changelog-date time{font-size:12px}.changelog-entries{margin-left:22px}.changelog-entries:before{left:-22px;top:10px;width:9px;height:9px}.changelog-card{padding:17px}.changelog-card h3{font-size:16px}.changelog-card.is-commit h3{font-size:12px}[data-theme="light"] .changelog-index{background:#fffaf6e8;border-color:#e4dad2}}

/* Large-display changelog scaling */
@media(min-width:1600px) and (min-height:900px){
  .changelog-shell{max-width:1500px}
  .changelog-layout{grid-template-columns:260px minmax(0,1fr);gap:56px}
  .changelog-index-inner{padding-right:16px}
  .changelog-index-home{font-size:14px}
  .changelog-index-inner>p{font-size:12px}
  .changelog-index nav{gap:3px}
  .changelog-index nav a{min-height:44px;padding:9px 12px 9px 17px;font-size:14px}
  .changelog-index nav a small{min-width:28px;height:24px;font-size:11px}
  .changelog-day{grid-template-columns:170px minmax(0,1fr);gap:40px}
  .changelog-day:not(:last-child):before{left:169px}
  .changelog-entries:before{left:-45px}
  .changelog-date time{font-size:14px}
  .changelog-date small{font-size:11px}
  .changelog-card{padding:22px 23px 21px}
  .changelog-card h3{font-size:19px}
  .changelog-card p{font-size:14px}
}
@media(min-width:2400px) and (min-height:1300px){
  .changelog-shell{max-width:1800px}
  .changelog-layout{grid-template-columns:300px minmax(0,1fr);gap:66px}
  .changelog-index-home{font-size:15px}
  .changelog-index-inner>p{font-size:13px}
  .changelog-index nav a{min-height:48px;padding:10px 14px 10px 19px;font-size:15px}
  .changelog-index nav a small{min-width:30px;height:26px;font-size:11px}
  .changelog-day{grid-template-columns:190px minmax(0,1fr);gap:46px}
  .changelog-day:not(:last-child):before{left:189px}
  .changelog-entries:before{left:-51px}
  .changelog-date time{font-size:15px}
  .changelog-card h3{font-size:20px}
  .changelog-card p{font-size:15px}
}
