.restart-live-notice {
    position: fixed;
    right: 18px;
    top: 18px;
    z-index: 2147483647;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    width: min(620px, calc(100vw - 36px));
    padding: 14px 16px;
    border: 1px solid #f59e0b;
    border-left: 5px solid #f59e0b;
    border-radius: 12px;
    background: #fffbeb;
    color: #451a03;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .24);
    font-family: inherit;
    animation: restart-notice-slide-in .38s cubic-bezier(.22, 1, .36, 1) both;
}
.restart-live-notice[hidden] { display: none; }
.restart-live-notice__icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #f59e0b;
    color: #111827;
    font-size: 1.35rem;
    font-weight: 800;
}
.restart-live-notice__copy { display: grid; gap: 2px; min-width: 0; }
.restart-live-notice__copy strong { color: inherit; font-size: .96rem; }
.restart-live-notice__copy span { color: #78350f; font-size: .84rem; line-height: 1.35; }
.restart-live-notice__countdown {
    color: #92400e;
    font-size: .88rem;
    font-weight: 800;
    white-space: nowrap;
}
.restart-live-notice__close {
    display: grid;
    width: 30px;
    height: 30px;
    padding: 0;
    place-items: center;
    color: currentColor;
    background: transparent;
    border: 1px solid currentColor;
    border-radius: 50%;
    opacity: .72;
    cursor: pointer;
    font: 700 20px/1 sans-serif;
}
.restart-live-notice__close:hover,
.restart-live-notice__close:focus-visible {
    opacity: 1;
    background: rgba(127, 127, 127, .12);
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
.restart-live-notice__close[hidden] { display: none; }
.restart-live-notice.is-locked,
.restart-live-notice.is-restarting {
    border-color: #ef4444;
    border-left-color: #ef4444;
    background: #fef2f2;
    color: #7f1d1d;
}
.restart-live-notice.is-locked .restart-live-notice__icon,
.restart-live-notice.is-restarting .restart-live-notice__icon {
    background: #ef4444;
    color: #fff;
}
.restart-live-notice.is-ready {
    border-color: #16a34a;
    border-left-color: #16a34a;
    background: #f0fdf4;
    color: #14532d;
}
.restart-live-notice.is-ready .restart-live-notice__icon {
    background: #16a34a;
    color: #fff;
}
.restart-live-notice.is-failed {
    border-color: #dc2626;
    border-left-color: #dc2626;
    background: #450a0a;
    color: #fee2e2;
}
.restart-live-notice.is-live-info {
    border-color: #2563eb;
    border-left-color: #2563eb;
    background: #eff6ff;
    color: #1e3a8a;
}
.restart-live-notice.is-live-info .restart-live-notice__icon {
    background: #2563eb;
    color: #fff;
}
.restart-live-notice.is-live-success {
    border-color: #16a34a;
    border-left-color: #16a34a;
    background: #f0fdf4;
    color: #14532d;
}
.restart-live-notice.is-live-success .restart-live-notice__icon {
    background: #16a34a;
    color: #fff;
}
.restart-live-notice.is-live-warning {
    border-color: #f59e0b;
    border-left-color: #f59e0b;
}
.restart-live-notice.is-live-critical {
    border-color: #dc2626;
    border-left-color: #dc2626;
    background: #fef2f2;
    color: #7f1d1d;
}
.restart-live-notice.is-live-critical .restart-live-notice__icon {
    background: #dc2626;
    color: #fff;
}
.restart-live-notice.is-live-info .restart-live-notice__copy span,
.restart-live-notice.is-live-info .restart-live-notice__countdown { color: #1d4ed8; }
.restart-live-notice.is-live-success .restart-live-notice__copy span,
.restart-live-notice.is-live-success .restart-live-notice__countdown { color: #15803d; }
.restart-live-notice.is-live-critical .restart-live-notice__copy span,
.restart-live-notice.is-live-critical .restart-live-notice__countdown { color: #b91c1c; }
.restart-live-notice.is-failed .restart-live-notice__copy span { color: #fecaca; }
html.dark-mode .restart-live-notice,
html[data-theme="dark"] .restart-live-notice,
body.developer-console .restart-live-notice {
    background: #211a08;
    color: #fde68a;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .5);
}
html.dark-mode .restart-live-notice.is-live-info,
html[data-theme="dark"] .restart-live-notice.is-live-info,
body.developer-console .restart-live-notice.is-live-info {
    background: #0c1d3b;
    color: #bfdbfe;
}
html.dark-mode .restart-live-notice.is-live-success,
html[data-theme="dark"] .restart-live-notice.is-live-success,
body.developer-console .restart-live-notice.is-live-success {
    background: #082719;
    color: #bbf7d0;
}
html.dark-mode .restart-live-notice.is-live-critical,
html[data-theme="dark"] .restart-live-notice.is-live-critical,
body.developer-console .restart-live-notice.is-live-critical {
    background: #2b0b0b;
    color: #fecaca;
}
html.dark-mode .restart-live-notice.is-live-info .restart-live-notice__copy span,
html.dark-mode .restart-live-notice.is-live-info .restart-live-notice__countdown,
html[data-theme="dark"] .restart-live-notice.is-live-info .restart-live-notice__copy span,
html[data-theme="dark"] .restart-live-notice.is-live-info .restart-live-notice__countdown,
body.developer-console .restart-live-notice.is-live-info .restart-live-notice__copy span,
body.developer-console .restart-live-notice.is-live-info .restart-live-notice__countdown { color: #93c5fd; }
html.dark-mode .restart-live-notice.is-live-success .restart-live-notice__copy span,
html.dark-mode .restart-live-notice.is-live-success .restart-live-notice__countdown,
html[data-theme="dark"] .restart-live-notice.is-live-success .restart-live-notice__copy span,
html[data-theme="dark"] .restart-live-notice.is-live-success .restart-live-notice__countdown,
body.developer-console .restart-live-notice.is-live-success .restart-live-notice__copy span,
body.developer-console .restart-live-notice.is-live-success .restart-live-notice__countdown { color: #86efac; }
html.dark-mode .restart-live-notice.is-live-critical .restart-live-notice__copy span,
html.dark-mode .restart-live-notice.is-live-critical .restart-live-notice__countdown,
html[data-theme="dark"] .restart-live-notice.is-live-critical .restart-live-notice__copy span,
html[data-theme="dark"] .restart-live-notice.is-live-critical .restart-live-notice__countdown,
body.developer-console .restart-live-notice.is-live-critical .restart-live-notice__copy span,
body.developer-console .restart-live-notice.is-live-critical .restart-live-notice__countdown { color: #fecaca; }
html.dark-mode .restart-live-notice__copy span,
html[data-theme="dark"] .restart-live-notice__copy span,
body.developer-console .restart-live-notice__copy span { color: #fcd34d; }
html.dark-mode .restart-live-notice.is-locked,
html.dark-mode .restart-live-notice.is-restarting,
html[data-theme="dark"] .restart-live-notice.is-locked,
html[data-theme="dark"] .restart-live-notice.is-restarting,
body.developer-console .restart-live-notice.is-locked,
body.developer-console .restart-live-notice.is-restarting {
    background: #2b0b0b;
    color: #fecaca;
}
html.dark-mode .restart-live-notice.is-ready,
html[data-theme="dark"] .restart-live-notice.is-ready,
body.developer-console .restart-live-notice.is-ready {
    background: #082719;
    color: #bbf7d0;
}
html.dark-mode .restart-live-notice.is-ready .restart-live-notice__copy span,
html[data-theme="dark"] .restart-live-notice.is-ready .restart-live-notice__copy span,
body.developer-console .restart-live-notice.is-ready .restart-live-notice__copy span {
    color: #86efac;
}
html.dark-mode .restart-live-notice.is-locked .restart-live-notice__copy span,
html.dark-mode .restart-live-notice.is-restarting .restart-live-notice__copy span,
html[data-theme="dark"] .restart-live-notice.is-locked .restart-live-notice__copy span,
html[data-theme="dark"] .restart-live-notice.is-restarting .restart-live-notice__copy span,
body.developer-console .restart-live-notice.is-locked .restart-live-notice__copy span,
body.developer-console .restart-live-notice.is-restarting .restart-live-notice__copy span {
    color: #fecaca;
}
@keyframes restart-notice-slide-in {
    from { opacity: 0; transform: translateX(calc(100% + 36px)); }
    to { opacity: 1; transform: translateX(0); }
}
@media (max-width: 600px) {
    .restart-live-notice {
        right: 10px;
        top: 10px;
        grid-template-columns: auto minmax(0, 1fr);
        width: calc(100vw - 20px);
    }
    .restart-live-notice__countdown {
        grid-column: 2;
        white-space: normal;
    }
    .restart-live-notice__close {
        position: absolute;
        top: 8px;
        right: 8px;
    }
    .restart-live-notice__copy { padding-right: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .restart-live-notice { animation: none; }
}