@layer components{.app-modal-backdrop{z-index:50;padding:var(--space-4);background:var(--color-panel-scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-modal{max-height:calc(100vh - (var(--space-4) * 2));padding:var(--space-6);border:1px solid var(--color-accent-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-1);position:relative;overflow:auto}.app-modal-close{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-2);width:2.5rem;height:2.5rem;color:var(--color-fg-strong);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;display:inline-flex;position:absolute}.app-modal-close span{display:block;transform:translateY(-3px)}}