.app-modal-backdrop{z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8f;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.app-modal{width:min(var(--app-modal-width,720px), calc(100vw - 3rem));border:1px solid var(--kc-surface-edge-strong,var(--surface-border));background:var(--kc-surface-region,var(--surface-card));min-width:min(20rem,100vw - 3rem);max-height:min(88vh,100%);color:var(--text-color);border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a3d,0 4px 12px #0f172a1f}.app-modal__header{border-bottom:1px solid var(--kc-surface-edge,var(--surface-border));background:var(--kc-surface-region,var(--surface-card));justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.15rem 1.25rem 1rem;display:flex}.app-modal__header-copy{flex:1;min-width:0}.app-modal__title{color:var(--text-color);letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:700;line-height:1.2}.app-modal__description{color:var(--text-color-secondary);margin:.35rem 0 0;font-size:.86rem;line-height:1.5}.app-modal__close{width:2.25rem;height:2.25rem;color:var(--text-color-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.app-modal__close:hover{background:var(--kc-surface-hover,var(--surface-hover));border-color:var(--kc-surface-edge,var(--surface-border));color:var(--text-color)}.app-modal__close:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f629}.app-modal__body{background:var(--kc-surface-region,var(--surface-card));color:var(--text-color);padding:1.25rem;overflow-y:auto}.app-modal__footer{border-top:1px solid var(--kc-surface-edge,var(--surface-border));background:var(--kc-surface-section,var(--surface-section));justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem 1.15rem;display:flex}html.dark .app-modal{box-shadow:0 24px 64px #0000007a,0 4px 14px #0000003d}@media (width<=720px){.app-modal-backdrop{align-items:flex-end;padding:.75rem}.app-modal{width:min(var(--app-modal-width,720px), calc(100vw - 1.5rem));border-radius:18px;max-height:min(90vh,100%)}.app-modal__header,.app-modal__body,.app-modal__footer{padding-left:1rem;padding-right:1rem}}