.safe-mode-badge {
appearance: none;
border: 1px solid currentColor;
border-radius: 3px;
background: transparent;
color: inherit;
font: inherit;
font-size: .68rem;
font-weight: 700;
letter-spacing: 1px;
padding: 2px 5px;
cursor: pointer;
}
.system-post {
position: fixed;
inset: 0;
z-index: 12000;
box-sizing: border-box;
overflow: auto;
padding: max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
background: #050505;
color: #e8e8e8;
cursor: pointer;
}
.system-post pre {
width: min(100%, 760px);
margin: 0 auto;
color: inherit;
font: 700 clamp(.78rem, 2.8vw, 1rem)/1.65 "Courier New", monospace;
white-space: pre-wrap;
}
.system-post:focus-visible { outline: 3px solid #fff; outline-offset: -8px; }
@media (prefers-reduced-motion: reduce) {
.system-post { scroll-behavior: auto; }
}