.ghost-app-dialog {
    color: #9affac; background: #020a05; border: 1px solid #59b573;
    padding: calc(24px * var(--ui-scale, 1)); width: min(calc(560px * var(--ui-scale, 1) * var(--text-scale, 1)), calc(100vw - calc(32px * var(--ui-scale, 1)))); max-height: calc(100vh - calc(32px * var(--ui-scale, 1)));
    overflow: auto; font: calc(16px * var(--ui-scale, 1) * var(--text-scale, 1)) "Courier New", monospace; touch-action: pan-x pan-y;
    box-shadow: 0 0 calc(32px * var(--ui-scale, 1)) #59f48033;
}
.ghost-app-dialog::backdrop {background: #000b;}
.ghost-app-dialog h2 {font-size: calc(20px * var(--ui-scale, 1) * var(--text-scale, 1)); margin: 0 0 calc(16px * var(--ui-scale, 1));}
.ghost-app-dialog p {white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5;}
.ghost-dialog-actions {display: flex; flex-wrap: wrap; justify-content: flex-end; gap: calc(12px * var(--ui-scale, 1));}
.ghost-app-dialog button {
    font: inherit; color: inherit; background: #071b0d; border: 1px solid #28783d;
    padding: calc(12px * var(--ui-scale, 1)) calc(20px * var(--ui-scale, 1)); max-width: 100%; overflow-wrap: anywhere; cursor: pointer;
}
.ghost-app-dialog button:hover, .ghost-app-dialog button:focus-visible, .ghost-menu-nav .ghost-app-dialog button:focus {
    outline: calc(2px * var(--ui-scale, 1)) solid #9affac; background: #163722;
}