.modal-root{z-index:100;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-scrim{background:color-mix(in srgb, var(--spore-fg) 42%, transparent);cursor:pointer;border:0;margin:0;padding:0;position:fixed;inset:0}.modal{z-index:1;border:1px solid var(--spore-border);border-radius:var(--spore-radius-lg);background:var(--spore-surface);width:100%;max-width:28rem;max-height:min(32rem,100dvh - 2rem);box-shadow:var(--spore-shadow);color:var(--spore-fg);flex-direction:column;padding:1.25rem;animation:.16s ease-out modal-enter;display:flex;position:relative;overflow:hidden}.modal:before{content:"";background:linear-gradient(to right, var(--spore-mesh-a), var(--spore-mesh-b));height:2px;position:absolute;top:0;left:0;right:0}.modal:focus{outline:none}.modal:focus-visible{outline:2px solid var(--spore-fg);outline-offset:3px}@keyframes modal-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.modal-close{border:1px solid var(--spore-border);background:var(--spore-surface);color:var(--spore-fg);width:2rem;height:2rem;font:inherit;cursor:pointer;border-radius:999px;padding:0;font-size:1.25rem;line-height:1;position:absolute;top:.85rem;right:.85rem}.modal-close:hover{background:var(--spore-surface-hover)}.modal-close:focus-visible{outline:2px solid var(--spore-fg);outline-offset:3px}#modal-title{flex-shrink:0;padding-right:2.5rem;font-size:1.25rem}.modal-body{flex:auto;min-height:0;overflow:auto}.loader{color:var(--spore-muted-fg);align-items:center;gap:.75rem;margin:0;display:flex}.loader-mark{border:2px solid var(--spore-border);border-top-color:var(--spore-accent);border-radius:50%;flex-shrink:0;width:1.25rem;height:1.25rem;animation:.8s linear infinite loader-spin;display:inline-block}@keyframes loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.modal,.loader-mark{animation:none}}