.tinytoast-container{position:fixed;top:24px;right:24px;z-index:2147483647;display:flex;flex-direction:column;gap:16px;}.tinytoast{display:flex;align-items:center;max-width:420px;width:fit-content;padding:16px 20px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.6);z-index:5;position:relative;transform:scale(.5) translateY(-20px);opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);font-weight:500;font-size:14px;line-height:1.4;}.tinytoast.success{--primary:#10b981;--secondary:#ecfdf5;--accent:#059669;background:linear-gradient(135deg,rgba(236,253,245,.95) 0%,rgba(209,250,229,.95) 100%);color:var(--accent);border-color:rgba(16,185,129,.2);}.tinytoast.warning{--primary:#f59e0b;--secondary:#fffbeb;--accent:#d97706;background:linear-gradient(135deg,rgba(255,251,235,.95) 0%,rgba(254,243,199,.95) 100%);color:var(--accent);border-color:rgba(245,158,11,.2);}.tinytoast.error{--primary:#ef4444;--secondary:#fef2f2;--accent:#dc2626;background:linear-gradient(135deg,rgba(254,242,242,.95) 0%,rgba(254,226,226,.95) 100%);color:var(--accent);border-color:rgba(239,68,68,.2);}.tinytoast.info{--primary:#3b82f6;--secondary:#eff6ff;--accent:#2563eb;background:linear-gradient(135deg,rgba(239,246,255,.95) 0%,rgba(219,234,254,.95) 100%);color:var(--accent);border-color:rgba(59,130,246,.2);}@keyframes slide-in{from{opacity:0;transform:translateY(-20px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.timer{width:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));position:absolute;bottom:0;left:0;border-radius:0 8px 0 0;box-shadow:0 0 12px rgba(var(--primary),.5),0 2px 8px rgba(var(--primary),.3);transition:all .3s ease;}.timer-animation{animation:countdown 10s cubic-bezier(.4,0,.2,1) forwards;}@keyframes countdown{from{width:100%;opacity:1}to{width:0;opacity:.8}}.tinytoast:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.7);}.tinytoast:hover .timer{box-shadow:0 0 16px rgba(var(--primary),.7),0 2px 12px rgba(var(--primary),.4);}.tinytoast.show{opacity:1;transform:translateY(0) scale(1);}@media (prefers-color-scheme:dark){.tinytoast{background:rgba(17,24,39,.95);border-color:rgba(75,85,99,.3);box-shadow:0 8px 32px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1)}.tinytoast.success{background:linear-gradient(135deg,rgba(5,46,22,.95) 0%,rgba(6,78,59,.95) 100%);color:#34d399}.tinytoast.warning{background:linear-gradient(135deg,rgba(69,26,3,.95) 0%,rgba(120,53,15,.95) 100%);color:#fbbf24}.tinytoast.error{background:linear-gradient(135deg,rgba(69,10,10,.95) 0%,rgba(127,29,29,.95) 100%);color:#f87171}.tinytoast.info{background:linear-gradient(135deg,rgba(7,12,39,.95) 0%,rgba(30,58,138,.95) 100%);color:#60a5fa}}@media (prefers-reduced-motion:reduce){.tinytoast{transition:opacity .2s ease}.timer-animation{animation:countdown 10s linear forwards}.tinytoast:hover{transform:none}}@media(max-width:600px){.tinytoast-container{top:24px;left:8px;right:8px;transform:none;width:auto;max-width:none}}
