.ql-overlay{position:fixed;inset:0;z-index:9999;background:var(--color-overlay-scrim-strong);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .2s ease}.ql-overlay.ql-in{opacity:1}.ql-overlay.ql-out{opacity:0;animation:qlFadeOut .2s ease forwards}@keyframes qlFadeOut{to{opacity:0}}.ql-modal{background:var(--bg-1);border-radius:16px;padding:28px 24px;max-width:340px;width:100%;text-align:center;box-shadow:0 20px 50px var(--color-shadow-30);transform:scale(.95) translateY(10px);transition:transform .25s cubic-bezier(.34,1.4,.64,1)}.ql-overlay.ql-in .ql-modal{transform:scale(1) translateY(0)}.ql-overlay.ql-out .ql-modal{transform:scale(.95) translateY(10px)}.ql-icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--warning) 10%,transparent);border-radius:50%;color:var(--warning)}.ql-title{font-size:18px;font-weight:600;color:var(--text-1);margin:0 0 8px}.ql-body{font-size:14px;color:var(--text-3);margin:0 0 24px;line-height:1.5}.ql-actions{display:flex;flex-direction:column;gap:10px}.ql-upgrade{width:100%;padding:12px 20px;border:none;border-radius:10px;background:var(--brand);color:var(--btn-on-brand);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.ql-upgrade:hover{opacity:.9}.ql-dismiss{width:100%;padding:10px 20px;border:none;border-radius:10px;background:transparent;color:var(--text-3);font-size:14px;font-weight:500;cursor:pointer;transition:color .2s,background .2s}.ql-dismiss:hover{background:var(--hover);color:var(--text-1)}