.toaster{position:fixed;right:20px;top:20px;min-width:280px;max-width:400px;background:var(--surface-fill-background);border-radius:var(--base-radius-half) var(--base-radius-small);box-shadow:0 4px 10px rgba(0,0,0,.1);padding:12px 16px;display:flex;flex-direction:column;opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;z-index:999}.toaster.visible{opacity:1;transform:translateY(0)}.toaster .content{display:flex;align-items:center;gap:10px}.toaster .content .icon{display:flex;align-items:center;justify-content:center}.toaster .content .close{margin-left:auto;background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center}.toaster .progress{height:4px;width:100%;margin-top:8px;background:currentColor;transition:width .1s linear}.toaster.success{color:var(--text-success);border-left:5px solid var(--text-success)}.toaster.success .progress{background:var(--text-success)}.toaster.error{color:var(--text-danger);border-left:5px solid var(--text-danger)}.toaster.error .progress{background:var(--text-danger)}.toaster.info{color:#333;border-left:5px solid #333}.toaster.info .progress{background:#333}.toaster.warning{color:var(--text-warning);border-left:5px solid var(--text-warning)}.toaster.warning .progress{background:var(--text-warning)}@media(max-width:768px){.toaster{right:auto;top:auto;bottom:-100px;left:50%;transform:translateX(-50%) translateY(100%);transition:transform .3s ease}.toaster.visible{transform:translateX(-50%) translateY(0)}}