#whats-new{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:24px}
.whats-new-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:whats-new-fade-in 180ms ease}
.whats-new-card{position:relative;z-index:1;display:flex;flex-direction:column;background:var(--glass-bg-strong);border:1px solid var(--glass-border-soft);border-radius:14px;padding:24px;max-width:560px;width:90%;max-height:calc(100vh - 48px);text-align:left;box-shadow:var(--glass-shadow-strong);backdrop-filter:var(--glass-filter-strong);-webkit-backdrop-filter:var(--glass-filter-strong);animation:whats-new-rise 220ms ease}
.whats-new-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-shrink:0}
.whats-new-title{margin:0;color:var(--accent);font-size:16px;font-weight:600}
.whats-new-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(247,147,26,0.18);color:var(--accent);font-size:12px;font-weight:600}
.whats-new-close{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:0 4px;line-height:1;margin-left:auto}
.whats-new-close:hover{color:#fff}
.whats-new-close:focus-visible,.whats-new-got-it:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.whats-new-list{overflow-y:auto;min-height:0;flex:1 1 auto;overscroll-behavior:contain}
.whats-new-date{margin:16px 0 8px;color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em}
.whats-new-date:first-child{margin-top:0}
.whats-new-entry{padding:12px 0;border-bottom:1px solid var(--border);animation:whats-new-entry-in 280ms ease both;animation-delay:calc(var(--i,0)*40ms)}
.whats-new-entry:first-child{padding-top:0}
.whats-new-entry:last-child{border-bottom:none;padding-bottom:4px}
.whats-new-tag{display:inline-block;padding:2px 8px;border-radius:999px;background:rgba(247,147,26,0.15);color:var(--accent);font-size:11px;font-weight:600}
.whats-new-entry-title{margin:6px 0 4px;color:var(--text);font-size:14px;font-weight:600}
.whats-new-entry-body{margin:0;color:var(--text-dim);font-size:13px;line-height:1.5}
.whats-new-entry-body code{font-family:inherit;font-weight:600;color:var(--text)}
.whats-new-footer{margin-top:16px;flex-shrink:0}
.whats-new-got-it{width:100%;background:var(--accent);border:none;border-radius:6px;color:#000;padding:12px;font-size:14px;font-weight:600;cursor:pointer}
.whats-new-got-it:hover{filter:brightness(1.1)}
:is(.whats-new-got-it){--btn-solid:#d97508;--btn-rest:var(--btn-primary-rest);--btn-hover:var(--btn-primary-hover);--btn-active:var(--btn-primary-active);--btn-border:var(--btn-primary-border);--btn-border-hover:var(--btn-primary-border-hover);--btn-role-shadow:var(--btn-primary-shadow);--btn-role-shadow-hover:var(--btn-primary-shadow-hover);--btn-color:var(--btn-ink);--btn-color-hover:var(--btn-ink);--btn-radius:6px}
:is(.whats-new-close){--btn-solid:#1b1b23;--btn-rest:var(--btn-neutral-rest);--btn-hover:var(--btn-neutral-hover);--btn-active:var(--btn-neutral-active);--btn-border:var(--btn-neutral-border);--btn-border-hover:var(--btn-neutral-border-hover);--btn-role-shadow:var(--btn-shadow);--btn-role-shadow-hover:var(--btn-shadow-hover);--btn-color:var(--btn-fg);--btn-color-hover:#FFB454;--btn-radius:8px}
:is(.whats-new-got-it,.whats-new-close){background-color:color-mix(in srgb,var(--btn-solid) 18%,transparent)!important;background-image:var(--btn-rest)!important;border:1px solid!important;border-color:var(--btn-border)!important;border-radius:var(--btn-radius)!important;box-shadow:var(--btn-role-shadow);color:var(--btn-color)!important;cursor:pointer;translate:0 0;transition:border-color 140ms ease,box-shadow 140ms ease,color 140ms ease,opacity 140ms ease}
:is(.whats-new-got-it,.whats-new-close):not(:disabled):not([aria-disabled="true"]):hover{background-image:var(--btn-hover)!important;border-color:var(--btn-border-hover)!important;box-shadow:var(--btn-role-shadow-hover);color:var(--btn-color-hover)!important;filter:none;translate:0 0}
:is(.whats-new-got-it,.whats-new-close):not(:disabled):not([aria-disabled="true"]):active{background-image:var(--btn-active)!important;border-color:var(--btn-border)!important;box-shadow:var(--btn-shadow-active);translate:0 0}
:is(.whats-new-got-it,.whats-new-close):focus-visible{outline:2px solid var(--btn-focus)!important;outline-offset:2px}
:is(.whats-new-got-it,.whats-new-close):is(:disabled,[aria-disabled="true"]){background-image:var(--btn-rest)!important;box-shadow:var(--btn-role-shadow);cursor:not-allowed;opacity:.5;translate:0 0}

@keyframes whats-new-fade-in{from{opacity:0}to{opacity:1}}
@keyframes whats-new-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes whats-new-entry-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media (max-width:600px){
#whats-new{padding:12px}
.whats-new-card{width:calc(100% - 24px);padding:18px;max-height:calc(100vh - 24px)}
}

@media (prefers-reduced-motion:reduce){
.whats-new-backdrop,.whats-new-card,.whats-new-entry{animation:none}
}