.up-banner{left:50%;bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));z-index:90;align-items:center;gap:var(--space-2);max-width:min(640px, calc(100vw - 2 * var(--gutter)));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--accent-line);border-radius:var(--radius-panel);background:var(--bg-raised);color:var(--text-1);font-size:var(--fs-body);line-height:var(--lh-body);animation:.18s ease-out up-banner-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 28px #00000073}.up-banner-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.up-banner-link{min-width:0;color:inherit;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;overflow:hidden}.up-banner-link:hover .up-banner-title{text-underline-offset:3px;text-decoration:underline}.up-banner-link b{color:var(--accent);font-weight:600}.up-banner-date{color:var(--text-3)}.up-banner-close{border-radius:var(--radius-control);width:28px;height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.up-banner-close:hover{background:var(--bg-active);color:var(--text-1)}.up-banner-close:focus-visible{outline:var(--focus-ring);outline-offset:2px}.up-banner-link:focus-visible{outline:var(--focus-ring);outline-offset:2px}@media (max-width:599px){.up-banner{left:var(--space-3);right:var(--space-3);max-width:none;font-size:var(--fs-table);animation:none;transform:none}.up-banner-date{display:none}.up-banner-link b:after{content:":"}}@keyframes up-banner-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.up-banner{animation:none}}