html .app-notification-viewport{right:24px;top:96px;width:min(360px,calc(100vw - 32px))}html .app-notification-viewport .app-notification{width:100%;min-width:0;box-sizing:border-box;grid-template-columns:30px minmax(0,1fr) 28px;padding:18px 12px 18px 16px;gap:10px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 8px 28px #24382c14;backdrop-filter:none}html .app-notification-viewport .app-notification-icon{width:30px;height:30px;border-radius:50%;background:var(--paper-deep);color:var(--green)}html .app-notification-viewport .app-notification-copy{min-width:0;gap:6px}html .app-notification-viewport .app-notification-copy strong{font-size:15px;line-height:1.5}html .app-notification-viewport .app-notification-copy>span{font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}html .app-notification-viewport .app-notification-action{justify-self:start;margin-top:6px;min-height:34px;padding:5px 12px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--green);font-size:12px;box-shadow:none}html .app-notification-viewport .app-notification-action:hover{background:var(--paper-deep);transform:translateX(2px)}html .app-notification-viewport .app-notification-close{width:28px;height:28px;color:var(--muted)}html .app-notification-viewport .tone-error{border-left-color:#b55549}html .app-notification-viewport .tone-warning{border-left-color:#b38a47}html .app-notification-viewport .variant-review{border-left-color:#ab8c60}html .app-notification-viewport .variant-review .app-notification-icon{color:#937445}@media(max-width:600px){html .app-notification-viewport{top:max(16px,env(safe-area-inset-top));right:16px}}@media(prefers-reduced-motion:reduce){html .app-notification-viewport .app-notification-action:hover{transform:none}}@media (prefers-reduced-motion:no-preference){:where(button,[role=button]):not(:disabled):not([aria-disabled=true]):active{scale:.97}html .app-notification.tone-success .app-notification-icon{animation:feedback-confirm .32s ease-out both}html .app-notification.tone-success .app-notification-icon polyline{stroke-dasharray:30;animation:feedback-check .42s ease-out both}html .app-notification.is-completion .app-notification-icon{animation:feedback-confirm .5s ease-out both}}html .app-notification.is-completion{border-top:3px solid var(--green);padding-block:24px}html .app-notification.is-completion .app-notification-copy strong{font-size:17px}@keyframes feedback-confirm{0%{opacity:.3;transform:scale(.75) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes feedback-check{0%{stroke-dashoffset:30}to{stroke-dashoffset:0}}