.modal{--modal-bg: #fffdf9;--modal-fg: #1c1917;--modal-muted: #78716c;--modal-border: #e7e5e4;--modal-backdrop: rgba(28, 25, 23, .52);--modal-radius: 18px;--modal-shadow: 0 28px 64px rgba(28, 25, 23, .28);--modal-font: "Segoe UI", ui-sans-serif, system-ui, sans-serif;--modal-accent: #0f766e;box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;z-index:13000;display:grid;place-items:center;padding:1.25rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;font-family:var(--modal-font);color:var(--modal-fg)}.modal *,.modal *:before,.modal *:after{box-sizing:border-box}.modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.modal[hidden]{display:none!important}.modal.is-open[hidden]{display:grid!important}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal__dialog{position:relative;z-index:1;width:min(var(--modal-width, 480px),100%);max-height:min(90vh,720px);display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff 0%,var(--modal-bg) 100%);color:var(--modal-fg);border:1px solid var(--modal-border);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);outline:none;transform:translateY(12px) scale(.97);transition:transform .24s cubic-bezier(.22,1,.36,1);overflow:hidden}.modal.is-open .modal__dialog{transform:none}.modal--animation-fade .modal__dialog{transform:none;transition:none}.modal--animation-none{transition:none}.modal--animation-none .modal__dialog{transform:none;transition:none}.modal--sm{--modal-width: 380px}.modal--md{--modal-width: 480px}.modal--lg{--modal-width: 720px}.modal__header{display:flex;align-items:flex-start;gap:.75rem;padding:1.15rem 1.15rem .65rem;border-bottom:1px solid transparent}.modal__header--draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.modal__header--draggable:active,.modal__dialog.is-dragging .modal__header{cursor:grabbing}.modal__dialog.is-dragging{transition:none}.modal__title{margin:0;flex:1;font-size:1.2rem;font-weight:800;letter-spacing:-.03em;line-height:1.25}.modal__title[hidden]{display:none!important}.modal__close{width:2.15rem;height:2.15rem;border:0;border-radius:10px;background:transparent;color:var(--modal-muted);font-size:1.35rem;line-height:1;cursor:pointer}.modal__close:hover{background:#f5f5f4;color:var(--modal-fg)}.modal__close:focus-visible{outline:2px solid var(--modal-accent);outline-offset:2px}.modal__body{padding:.35rem 1.15rem 1.25rem;overflow:auto;font-size:.98rem;line-height:1.55;color:var(--modal-muted)}.modal__text{margin:0;color:var(--modal-muted)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;padding:.85rem 1.15rem 1.15rem;border-top:1px solid var(--modal-border);color:var(--modal-muted)}.modal__button{padding:.58rem .9rem;border:1px solid var(--modal-border);border-radius:10px;background:#fff;color:var(--modal-fg);font:inherit;font-weight:700;cursor:pointer}.modal__button--primary{border-color:var(--modal-accent);background:var(--modal-accent);color:#fff}.modal__button:focus-visible{outline:2px solid var(--modal-accent);outline-offset:2px}html.modal-lock{overflow:hidden}@media(max-width:480px){.modal{padding:.85rem;align-items:end}.modal__dialog{width:100%;border-radius:16px 16px 14px 14px}}@media(prefers-reduced-motion:reduce){.modal,.modal__dialog{transition:none}}