.app-dialog{z-index:2147483600;font-family:var(--font-system);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.app-dialog__backdrop{opacity:0;cursor:default;background:color-mix(in srgb, var(--brand-ink-strong) 45%, transparent);border:0;transition:opacity .2s;position:absolute;inset:0}.app-dialog__panel{opacity:0;background:#fff;border-radius:16px;width:min(100%,420px);padding:22px 22px 18px;transition:opacity .2s,transform .2s;position:relative;transform:translateY(10px)scale(.98);box-shadow:0 20px 50px #0003}.app-dialog.is-open .app-dialog__backdrop{opacity:1}.app-dialog.is-open .app-dialog__panel{opacity:1;transform:none}.app-dialog__handle{display:none}.app-dialog__title{color:var(--brand-ink-strong);margin:0;font-size:17px;font-weight:600;line-height:1.4}.app-dialog__message{color:#4b5563;white-space:pre-line;margin:8px 0 0;font-size:14px;line-height:1.6}.app-dialog__actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.app-dialog__btn{color:#1a1a1a;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:999px;padding:0 18px;font-size:14px;font-weight:500}.app-dialog__btn:hover{border-color:var(--brand-ink-strong)}.app-dialog__btn:focus-visible{outline-offset:2px;outline:2px solid var(--brand-ink-strong)}.app-dialog__btn--primary{color:#fff;background:var(--brand-accent);border-color:var(--brand-accent)}.app-dialog__btn--primary:hover{background:var(--brand-accent-deep)}.app-dialog__btn--danger{color:#fff;background:var(--brand-accent);border-color:var(--brand-accent)}.app-dialog__btn--danger:hover{background:var(--brand-accent-deep);border-color:var(--brand-accent-deep)}@media (max-width:640px){.app-dialog{align-items:flex-end;padding:0}.app-dialog__panel{width:100%;padding:10px 20px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;transition:opacity .15s,transform .25s cubic-bezier(.2,.8,.2,1);transform:translateY(100%)}.app-dialog__handle{background:#d4d4d4;border-radius:99px;width:40px;height:4px;margin:0 auto 14px;display:block}.app-dialog__actions{flex-direction:column-reverse;gap:10px}.app-dialog__btn{width:100%;min-height:46px;font-size:15px}}@media (prefers-reduced-motion:reduce){.app-dialog__backdrop,.app-dialog__panel{transition:none}}
