.xq-toast { position:fixed; left:50%; top:76px; z-index:12000; display:inline-grid; grid-template-columns:24px max-content; align-items:center; gap:10px; width:max-content; max-width:calc(100vw - 32px); padding:10px 18px 10px 12px; border:1px solid rgba(124,244,179,.35); border-radius:18px; color:#eafff4; background:linear-gradient(135deg, rgba(14,42,36,.94), rgba(18,30,53,.94)); box-shadow:0 20px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter:blur(18px); text-align:left; font-size:13px; font-weight:700; opacity:0; pointer-events:none; transform:translate(-50%, -14px) scale(.98); transition:opacity .18s ease, transform .18s ease; }
.xq-toast::before { content:"✓"; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; color:#04111f; background:linear-gradient(135deg,#5df08a,#5cf3ff); box-shadow:0 0 24px rgba(92,243,255,.20); font-size:15px; font-weight:900; line-height:1; }
.xq-toast span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xq-toast.show { opacity:1; transform:translate(-50%, 0) scale(1); }
.xq-toast.hiding { opacity:0; transform:translate(-50%, -10px) scale(.98); }
.xq-toast.err { border-color:rgba(255,138,138,.45); color:#fff0f0; background:linear-gradient(135deg, rgba(68,28,37,.95), rgba(37,28,49,.95)); }
.xq-toast.err::before { content:"!"; color:#441018; background:linear-gradient(135deg,#ff8a8a,#ffb4a8); box-shadow:0 0 24px rgba(255,138,138,.20); }
:root:not([data-theme]) .xq-toast,:root[data-theme="light"] .xq-toast { color:#123c2e; background:linear-gradient(135deg, rgba(236,253,245,.96), rgba(239,246,255,.96)); box-shadow:0 20px 55px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.8); }
:root:not([data-theme]) .xq-toast.err,:root[data-theme="light"] .xq-toast.err { color:#7f1d1d; background:linear-gradient(135deg, rgba(254,242,242,.98), rgba(255,247,237,.98)); }

.xq-dialog-backdrop { position:fixed; inset:0; z-index:11990; display:grid; place-items:center; padding:18px; background:rgba(2,6,23,.48); backdrop-filter:blur(8px); opacity:0; pointer-events:none; transition:opacity .18s ease; }
.xq-dialog-backdrop.show { opacity:1; pointer-events:auto; }
.xq-dialog-backdrop.hiding { opacity:0; }
.xq-dialog { width:min(420px, calc(100vw - 32px)); display:grid; grid-template-columns:28px minmax(0,1fr); gap:12px; padding:16px; border:1px solid rgba(124,244,179,.35); border-radius:22px; color:#eafff4; background:linear-gradient(135deg, rgba(14,42,36,.96), rgba(18,30,53,.96)); box-shadow:0 24px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08); transform:translateY(-52px) scale(.97); opacity:0; transition:opacity .18s ease, transform .18s ease; }
.xq-dialog-backdrop.show .xq-dialog { opacity:1; transform:translateY(-38px) scale(1); }
.xq-dialog-backdrop.hiding .xq-dialog { opacity:0; transform:translateY(-48px) scale(.98); }
.xq-dialog.err { border-color:rgba(255,138,138,.45); color:#fff0f0; background:linear-gradient(135deg, rgba(68,28,37,.96), rgba(37,28,49,.96)); }
.xq-dialog-icon { display:grid; place-items:center; width:28px; height:28px; margin-top:1px; border-radius:50%; color:#04111f; background:linear-gradient(135deg,#5df08a,#5cf3ff); box-shadow:0 0 24px rgba(92,243,255,.20); font-size:16px; font-weight:900; line-height:1; }
.xq-dialog.err .xq-dialog-icon { color:#441018; background:linear-gradient(135deg,#ff8a8a,#ffb4a8); }
.xq-dialog-body { display:grid; gap:12px; min-width:0; }
.xq-dialog-title { margin:0; font-size:15px; font-weight:800; line-height:1.35; }
.xq-dialog-message { margin:0; color:inherit; opacity:.92; font-size:13px; font-weight:650; line-height:1.65; white-space:pre-wrap; }
.xq-dialog-input { width:100%; min-height:40px; padding:0 12px; border:1px solid rgba(148,163,184,.28); border-radius:12px; color:inherit; background:rgba(255,255,255,.08); outline:none; font:inherit; font-size:13px; }
.xq-dialog-input:focus { border-color:rgba(92,243,255,.62); box-shadow:0 0 0 3px rgba(92,243,255,.14); }
.xq-dialog-input-wrap { display:grid; gap:6px; }
.xq-dialog-counter { justify-self:end; color:inherit; opacity:.66; font-size:12px; font-weight:700; line-height:1; }
.xq-dialog-actions { display:flex; justify-content:flex-end; gap:8px; }
.xq-dialog-button { min-height:36px; padding:0 14px; border:1px solid rgba(148,163,184,.28); border-radius:12px; color:inherit; background:rgba(255,255,255,.08); cursor:pointer; font:inherit; font-size:13px; font-weight:800; }
.xq-dialog-button:hover { background:rgba(255,255,255,.13); }
.xq-dialog-button.primary { color:#04111f; border-color:rgba(92,243,255,.54); background:linear-gradient(135deg,#5df08a,#5cf3ff); }
.xq-dialog.err .xq-dialog-button.primary { color:#441018; border-color:rgba(255,138,138,.48); background:linear-gradient(135deg,#ff8a8a,#ffb4a8); }
:root:not([data-theme]) .xq-dialog,:root[data-theme="light"] .xq-dialog { color:#123c2e; background:linear-gradient(135deg, rgba(236,253,245,.98), rgba(239,246,255,.98)); box-shadow:0 24px 70px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.8); }
:root:not([data-theme]) .xq-dialog.err,:root[data-theme="light"] .xq-dialog.err { color:#7f1d1d; background:linear-gradient(135deg, rgba(254,242,242,.98), rgba(255,247,237,.98)); }
:root:not([data-theme]) .xq-dialog-input,:root[data-theme="light"] .xq-dialog-input { background:rgba(255,255,255,.72); border-color:rgba(15,23,42,.14); }
:root:not([data-theme]) .xq-dialog-button,:root[data-theme="light"] .xq-dialog-button { color:#1f2937; background:rgba(15,23,42,.04); }

@media (prefers-reduced-motion: reduce) {
  .xq-toast,.xq-dialog-backdrop,.xq-dialog { transition:none !important; }
}