.toast{position:relative;top:auto;left:auto;transform:none;background:#333c;color:#fff;padding:12px 20px;border:1px solid rgba(68,68,68,.8);border-radius:16px;z-index:1000;text-align:center;box-shadow:0 4px 12px #0000004d;font-family:var(--web-app-font-family);pointer-events:auto;min-width:200px;max-width:320px;width:100%}.toast>p{margin:0;font-size:14px;font-weight:500}.toast-success{background-color:#10b981;border-color:#059669}.toast-error{background-color:#ef4444;border-color:#dc2626}.toast-info{background-color:#3b82f6;border-color:#2563eb}.toast.toast-hint{background:linear-gradient(180deg,#fffffffa,#f4f4f6f2);color:#111;border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:14px 24px;box-shadow:0 1px #ffffffe6 inset,0 10px 24px -8px #00000047,0 2px 6px #0000001f;letter-spacing:.01em}.toast.toast-hint>p{font-weight:600;font-size:14px}#toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:2000;pointer-events:none}#toast-container-bottom{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:2000;pointer-events:none}#toast-container-bottom .toast{background-color:#33333380;border-color:#44444480}#toast-container-bottom .toast.toast-hint{background:linear-gradient(180deg,#fffffffa,#f4f4f6f2);border-color:#00000014;color:#111}#toast-container .toast{pointer-events:auto}.toast-log{background-color:#6b7280;border-color:#4b5563}