.app-modal-backdrop{z-index:300;background:var(--app-modal-backdrop-background,#0d172694);-webkit-backdrop-filter:blur(var(--app-modal-backdrop-blur,5px));place-items:center;padding:1rem;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.app-modal-panel{color:#24364d;background:#f3f6fa;border:1px solid #ffffffdb;border-radius:1.35rem;width:min(100%,28rem);max-height:calc(100dvh - 2rem);overflow-y:auto;box-shadow:0 24px 64px #0f1d2f52}.app-modal-panel:focus{outline:none}.app-modal-panel-lg{width:min(100%,32rem)}.app-modal-title{color:inherit;font-size:1.25rem;font-weight:800;line-height:1.3}.app-modal-description{color:#61728a;margin-top:.5rem;font-size:.875rem;font-weight:500;line-height:1.55}.app-modal-label{color:inherit;gap:.5rem;font-size:.875rem;font-weight:700;display:grid}.app-modal-input{color:#1f3148;background:#fff;border:1px solid #5d748b47;border-radius:.9rem;outline:none;width:100%;padding:.75rem 1rem;box-shadow:inset 0 1px 2px #20344b0f}.app-modal-input:focus-visible{border-color:#169aae;box-shadow:0 0 0 3px #2fbbc933}.app-modal-input:disabled{cursor:not-allowed;opacity:.62}.app-modal-error{color:#b42334;font-size:.875rem;font-weight:650}.app-modal-hint{color:#61728a;font-size:.75rem;font-weight:500;line-height:1.5}.app-modal-alert{color:#97202f;background:#b4233414;border:1px solid #b423342e;border-radius:.9rem;padding:.75rem 1rem;font-size:.875rem;font-weight:650;line-height:1.45}.app-modal-input-code{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;font-weight:700}.app-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.app-modal-action{border-radius:999px;min-height:2.75rem;padding:.65rem 1.2rem;font-size:.875rem;font-weight:750}.app-modal-action:focus-visible{outline-offset:2px;outline:2px solid #169aae}.app-modal-action-secondary{color:#455c75}.app-modal-action-secondary:hover{background:#6a80971f}.app-modal-action-primary{color:#09262d;background:linear-gradient(145deg,#48ced8,#24a9b7);align-items:center;gap:.5rem;display:inline-flex;box-shadow:0 8px 18px #19919f38}.app-modal-action-neutral{color:#fff;background:#2f3e52;align-items:center;gap:.5rem;display:inline-flex;box-shadow:0 8px 18px #1f2d4233}.app-modal-action-neutral:hover:not(:disabled){background:#1f2d42}.app-modal-action-danger{color:#fff;background:#b42318;align-items:center;gap:.5rem;display:inline-flex;box-shadow:0 8px 18px #941e143d}.app-modal-action-danger:hover:not(:disabled){background:#971b12}.app-modal-action-danger:focus-visible{outline-color:#d4483c}.app-modal-action:disabled{cursor:not-allowed;opacity:1;color:#55647a;box-shadow:none;background:#6a809729}.app-modal-action-secondary:disabled{color:#8090a5;background:0 0}html[data-appearance=dark] .app-modal-backdrop{--app-modal-backdrop-background:#040810b3}html[data-appearance=dark] .app-modal-panel{color:#e8edf3;background:#1b2435;border-color:#ffffff14;box-shadow:0 24px 64px #00000085}html[data-appearance=dark] .app-modal-description{color:#9aa9bd}html[data-appearance=dark] .app-modal-input{color:#eef3f8;background:#111827;border-color:#ffffff1a;box-shadow:inset 0 1px 2px #00000061}html[data-appearance=dark] .app-modal-action-secondary{color:#bdc8d6}html[data-appearance=dark] .app-modal-action-secondary:hover{background:#ffffff12}html[data-appearance=dark] .app-modal-hint{color:#9aa9bd}html[data-appearance=dark] .app-modal-error{color:#ff9a9a}html[data-appearance=dark] .app-modal-alert{color:#ffc2c2;background:#b4233438;border-color:#ff8a8a3d}html[data-appearance=dark] .app-modal-action:disabled{color:#9fb0c4;background:#ffffff17}html[data-appearance=dark] .app-modal-action-secondary:disabled{color:#7f8fa5;background:0 0}html[data-appearance=dark] .app-modal-action-neutral{color:#eef3f8;background:#35455c;box-shadow:0 8px 18px #0006}html[data-appearance=dark] .app-modal-action-neutral:hover:not(:disabled){background:#41546e}html[data-appearance=dark] .app-modal-action-danger{color:#200606;background:#e2685e;box-shadow:0 8px 18px #0000006b}html[data-appearance=dark] .app-modal-action-danger:hover:not(:disabled){background:#ec7a70}@media (prefers-reduced-motion:no-preference){.app-modal-backdrop{animation:.14s ease-out both app-modal-backdrop-in}.app-modal-panel{animation:.18s cubic-bezier(.22,1,.36,1) both app-modal-panel-in}}@keyframes app-modal-backdrop-in{0%{opacity:0}}@keyframes app-modal-panel-in{0%{opacity:0;transform:translateY(6px)scale(.985)}}