.feedback-toast-viewport{z-index:95;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;width:fit-content;max-width:calc(100vw - 32px);display:flex;position:fixed;right:20px}.feedback-toast-viewport-top{top:20px}.feedback-toast-viewport-bottom{bottom:20px}.feedback-toast{--feedback-toast-border:var(--accent-border-medium);--feedback-toast-copy:var(--text-bright);--feedback-toast-copy-strong:var(--text-bright);--feedback-toast-timer-color:var(--accent-text);--feedback-toast-background-top:#1c2027f2;--feedback-toast-background-bottom:#101318f7;--feedback-toast-button-background:var(--surface-card-raised);--feedback-toast-button-border:var(--line-soft);--feedback-toast-button-shadow:var(--button-shadow);border:1px solid var(--feedback-toast-border);border-radius:var(--pixel-radius);background-color:var(--feedback-toast-background-bottom);background-image:linear-gradient(180deg, var(--feedback-toast-background-top), var(--feedback-toast-background-bottom));pointer-events:auto;gap:12px;width:fit-content;min-width:min(320px,100vw - 32px);max-width:min(420px,100vw - 32px);padding:14px 16px 12px;transition:opacity .22s,transform .22s;animation:.18s feedback-toast-enter;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 32px #00000057}.feedback-toast.is-exiting{opacity:0}.feedback-toast-viewport-bottom .feedback-toast.is-exiting{transform:translateY(8px)}.feedback-toast-viewport-top .feedback-toast.is-exiting{transform:translateY(-8px)}.feedback-toast-copy{color:var(--feedback-toast-copy);white-space:pre-wrap;z-index:1;padding-right:56px;line-height:1.5;position:relative}.feedback-toast-close{z-index:2;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;padding:0;font-size:.92rem;line-height:1;display:inline-flex;position:absolute;top:13px;right:14px}.feedback-toast .feedback-toast-close.neutral-action.button-reset{background:var(--feedback-toast-button-background);color:var(--feedback-toast-copy-strong);border-color:var(--feedback-toast-button-border);box-shadow:var(--feedback-toast-button-shadow)}.feedback-toast .feedback-toast-close.neutral-action.button-reset:hover,.feedback-toast .feedback-toast-close.neutral-action.button-reset:focus-visible{background:color-mix(in srgb, var(--feedback-toast-button-background) 84%, white 16%);color:var(--text-bright);border-color:var(--feedback-toast-border)}.feedback-toast:before{content:"";background-image:var(--panel-pattern), var(--panel-pattern);opacity:.28;pointer-events:none;background-size:16px 16px,16px 16px;position:absolute;inset:0}.feedback-toast:after{content:"";border-radius:calc(var(--pixel-radius) - 4px);pointer-events:none;border:1px solid #ffffff09;position:absolute;inset:6px}.feedback-toast-timer{pointer-events:none;z-index:1;background:#ffffff14;border-radius:999px;height:4px;position:relative;overflow:hidden}.feedback-toast-timer:after{content:"";background:linear-gradient(90deg, var(--accent-text-soft), var(--feedback-toast-timer-color) 100%);transform-origin:0;width:100%;height:100%;animation:linear forwards feedback-toast-timer;animation-duration:var(--feedback-toast-duration,3.8s);display:block}.feedback-toast-system{--feedback-toast-border:var(--accent-border-strong);--feedback-toast-copy:var(--accent-text-soft);--feedback-toast-copy-strong:var(--accent-text);--feedback-toast-timer-color:var(--accent-text);--feedback-toast-background-top:color-mix(in srgb, var(--accent-surface) 88%, #262a30fa);--feedback-toast-background-bottom:color-mix(in srgb, var(--accent-surface) 72%, #181b20fc);--feedback-toast-button-background:color-mix(in srgb, var(--accent-surface) 58%, var(--surface-card-raised));--feedback-toast-button-border:var(--accent-border-medium);--feedback-toast-button-shadow:var(--button-shadow);box-shadow:0 18px 36px color-mix(in srgb, var(--accent-border-soft) 30%, #0000006b)}@keyframes feedback-toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes feedback-toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.feedback-toast-viewport-top .feedback-toast{animation-name:feedback-toast-enter-top}@keyframes feedback-toast-enter-top{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}