#FomoToastArea{position:fixed;bottom:80px;left:20px;z-index:180;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;max-width:290px}.fomo-toast{background:#fff;border:1px solid #EDD8B8;border-left:3px solid #D85A30;border-radius:12px;padding:10px 28px 10px 10px;display:flex;align-items:center;gap:10px;width:290px;pointer-events:auto;transform:translateX(-320px);transition:transform .4s cubic-bezier(.34,1.2,.64,1),opacity .35s ease;opacity:0;position:relative;overflow:hidden}.fomo-toast.visible{transform:translateX(0);opacity:1}.fomo-toast.hiding{transform:translateX(-320px);opacity:0;transition:transform .3s ease,opacity .3s ease}.fomo-toast__icon{width:42px;height:42px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:19px}.fomo-toast__body{flex:1;min-width:0}.fomo-toast__name{font-size:12.5px;font-weight:800;color:#1E0A05;line-height:1.25}.fomo-toast__product{font-size:11px;color:#5F5E5A;line-height:1.35;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fomo-toast__time{font-size:10px;color:#888780;margin-top:3px;display:flex;align-items:center;gap:3px}.fomo-toast__close{position:absolute;top:6px;right:7px;width:17px;height:17px;border-radius:50%;background:#F1EFE8;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;color:#888;line-height:1;padding:0}.fomo-toast__close:hover{background:#E8E0D8}.fomo-toast__bar{position:absolute;bottom:0;left:0;height:2px;background:#D85A30;border-radius:0;transition:width linear}@media(max-width:480px){#FomoToastArea{left:10px;right:10px;max-width:none;bottom:72px}.fomo-toast{width:100%}}