:root {
       --myn-bg: rgba(255, 255, 255, 0.85);
       --myn-text: #1a1a1e;
       --myn-muted: #66666e;
       --myn-border: rgba(0, 0, 0, 0.06);
       --myn-info: #007aff;
       --myn-success: #34c759;
       --myn-warning: #ff9500;
       --myn-error: #ff3b30;
       --myn-radius: 14px;
       --myn-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.05), 0 8px 30px -10px rgba(0, 0, 0, 0.08);
   }

   #myn-container {
       position: fixed;
       top: 2rem;
       right: 2rem;
       z-index: 10000;
       display: flex;
       flex-direction: column-reverse;
       gap: 10px;
       pointer-events: none;
       max-width: 350px;
       width: 100%;
   }

   .myn-toast {
       pointer-events: auto;
       background: var(--myn-bg);
       backdrop-filter: blur(12px);
       -webkit-backdrop-filter: blur(12px);
       border: 1px solid var(--myn-border);
       padding: 14px 18px;
       border-radius: var(--myn-radius);
       box-shadow: var(--myn-shadow);
       display: flex;
       align-items: flex-start;
       gap: 12px;
       transform: translateY(30px) scale(0.9);
       opacity: 0;
       filter: blur(8px);
       transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);

       cursor: pointer;
       user-select: none;
   }

   .myn-toast.is-visible {
       transform: translateY(0) scale(1);
       opacity: 1;
       filter: blur(0px);
   }

   .myn-toast.is-exiting {
       transform: scale(0.8);
       opacity: 0;
       filter: blur(12px);
       transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
   }

   .myn-toast::before {
       content: '';
       min-width: 8px;
       height: 8px;
       border-radius: 50%;
       margin-top: 6px;
       flex-shrink: 0;
   }

   .myn-toast.info::before {
       background: var(--myn-info);
   }

   .myn-toast.success::before {
       background: var(--myn-success);
   }

   .myn-toast.warning::before {
       background: var(--myn-warning);
   }

   .myn-toast.error::before {
       background: var(--myn-error);
   }

   .myn-content {
       display: flex;
       flex-direction: column;
       gap: 1px;
   }

   .myn-toast .myn-title {
       font-weight: 500;
       font-size: 0.9rem;
       color: var(--myn-text);
       letter-spacing: -0.01em;
   }

   .myn-toast .myn-message {
       font-size: 0.85rem;
       color: var(--myn-muted);
       line-height: 1.4;
   }