.app-open-dialog { position: fixed; inset: max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); margin: auto; width: min(520px,calc(100vw - 32px)); max-height: calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); padding: 24px; overflow-y: auto; overscroll-behavior: contain; overflow-wrap: anywhere; background: var(--surface-1); color: var(--text-1); border: 2px solid var(--edge-lit); border-radius: 14px; font: 15px/1.6 var(--body); }
.app-open-dialog::backdrop { background: rgba(8,6,14,.6); }
.app-open-dialog h2 { margin: 0 54px 14px 0; font: 500 26px/1.25 var(--display); }
.app-open-dialog h3 { margin: 20px 0 8px; font: 600 17px/1.4 var(--body); }
.app-open-dialog p { margin: 12px 0; color: var(--text-2); }
.app-open-dialog a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; color: var(--gold-text); text-decoration: underline; text-underline-offset: 3px; }
.app-open-dialog .app-open-launch { border: 1px solid var(--edge-lit); border-radius: 7px; background: var(--surface-2); padding: 10px 14px; margin: 4px 0; }
.app-open-dialog .app-open-close { float: right; min-width: 44px; min-height: 44px; padding: 0; border: 1px solid var(--edge-lit); border-radius: 7px; color: var(--text-1); background: var(--surface-0); font: 26px/1 var(--body); cursor: pointer; }
.app-open-dialog pre { padding: 12px; white-space: pre-wrap; background: var(--surface-0); border-radius: 7px; }
.app-open-dialog :is(button,a):focus-visible { outline: 3px solid var(--gold-text); outline-offset: 3px; }
.app-open-status:empty { display: none; }
@media (prefers-reduced-motion: reduce) { .app-open-dialog * { animation: none !important; transition: none !important; } }
@media (forced-colors: active) { .app-open-dialog,.app-open-dialog .app-open-launch,.app-open-dialog .app-open-close { background: Canvas; color: CanvasText; border-color: CanvasText; } }