.whats-new-page{min-height:100vh;color:var(--mineral-ceramic);background:radial-gradient(circle at 78% 5%, color-mix(in srgb, var(--opal-edge) 12%, transparent), transparent 32rem), linear-gradient(155deg, var(--basalt-void), var(--graphite-radiator));padding:clamp(1rem,3vw,2.5rem) max(1rem,50vw - 460px);position:relative;overflow:hidden}.whats-new-page:before{content:"";pointer-events:none;opacity:.12;background-image:linear-gradient(color-mix(in srgb, var(--warm-titanium) 18%, transparent) 1px, transparent 1px);background-size:100% 44px;position:fixed;inset:0}.whats-new-signal{background:color-mix(in srgb, var(--opal-edge) 24%, transparent);width:1px;position:fixed;top:0;bottom:0;left:clamp(1rem,50vw - 460px - 3rem,8rem)}.whats-new-signal span,.whats-new-signal i{border:1px solid var(--opal-edge);width:7px;height:7px;position:absolute;left:-3px;transform:rotate(45deg)}.whats-new-signal span{top:18%}.whats-new-signal i{bottom:12%}.whats-new-header{justify-content:space-between;align-items:center;min-height:44px;display:flex;position:relative}.whats-new-back,.whats-new-footer a{color:var(--mineral-ceramic);letter-spacing:.04em;align-items:center;gap:.55rem;font:600 .78rem IBM Plex Mono,monospace;text-decoration:none;display:inline-flex}.whats-new-back svg,.whats-new-footer svg{width:1rem}.whats-new-language{border:1px solid color-mix(in srgb, var(--warm-titanium) 58%, transparent);display:flex}.whats-new-language button{min-width:44px;min-height:44px;color:var(--muted-text);background:0 0;border:0;font:700 .72rem IBM Plex Mono,monospace}.whats-new-language button.is-active{color:var(--energy-pearl);background:color-mix(in srgb, var(--copper-nickel) 32%, transparent)}.whats-new-intro{max-width:720px;padding:clamp(4rem,12vh,8rem) 0 clamp(2rem,6vh,4rem);position:relative}.whats-new-intro p{color:var(--opal-edge);letter-spacing:.16em;align-items:center;gap:.6rem;margin:0 0 .85rem;font:700 .7rem IBM Plex Mono,monospace;display:flex}.whats-new-intro p svg{width:1rem}.whats-new-intro h1{color:var(--energy-pearl);letter-spacing:-.045em;text-transform:uppercase;margin:0;font:700 clamp(3.2rem,9vw,6.8rem)/.82 Saira Condensed,sans-serif}.whats-new-intro>span{max-width:36rem;color:var(--muted-text);margin-top:1.2rem;font-size:.96rem;line-height:1.6;display:block}.whats-new-state{border-left:2px solid var(--copper-nickel);background:color-mix(in srgb, var(--graphite-radiator) 72%, transparent);padding:1.4rem;position:relative}.whats-new-state.is-error{border-color:var(--oxide-coral)}.whats-new-history{border-left:1px solid color-mix(in srgb, var(--opal-edge) 32%, transparent);margin:0 0 4rem 1rem;position:relative}.release-note{padding:0 0 clamp(2.8rem,7vw,4.8rem) clamp(1.6rem,5vw,4rem);position:relative}.release-note-node{border:1px solid var(--opal-edge);background:var(--basalt-void);width:9px;height:9px;position:absolute;top:.6rem;left:-5px;transform:rotate(45deg)}.release-note[data-current=true] .release-note-node{background:var(--opal-edge);box-shadow:0 0 22px color-mix(in srgb, var(--opal-edge) 70%, transparent)}.release-note header{border-bottom:1px solid color-mix(in srgb, var(--warm-titanium) 34%, transparent);justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:.85rem;display:flex}.release-note header div{gap:.1rem;display:grid}.release-note header small{color:var(--muted-text);letter-spacing:.13em;font:700 .65rem IBM Plex Mono,monospace}.release-note header strong{color:var(--energy-pearl);font:700 2rem Saira Condensed,sans-serif}.release-note time{color:var(--muted-text);font:.72rem IBM Plex Mono,monospace}.release-note ul{gap:.8rem;margin:1.4rem 0 0;padding:0;list-style:none;display:grid}.release-note li{padding-left:1.3rem;line-height:1.55;position:relative}.release-note li:before{content:"◇";color:var(--opal-edge);position:absolute;left:0}.release-note-edited{color:var(--muted-text);margin-top:1rem;font:.68rem IBM Plex Mono,monospace;display:block}.whats-new-footer{border-top:1px solid color-mix(in srgb, var(--warm-titanium) 30%, transparent);padding:1.2rem 0 2rem;position:relative}@media (max-width:600px){.release-note header{flex-direction:column;align-items:flex-start}.whats-new-intro h1{font-size:3.6rem}}@media (prefers-reduced-motion:reduce){.release-note-node{box-shadow:none!important}}
