.portal-notification-position{z-index:60;top:max(20px, env(safe-area-inset-top));pointer-events:none;width:min(560px,100% - 40px);position:fixed;left:50%;transform:translate(-50%)}.portal-notification{--notification-color:var(--ui-accent-text,#8a631f);--notification-tint:var(--ui-accent-soft,#fcf5e7);border:1px solid var(--border);background:var(--card);color:var(--foreground);pointer-events:auto;border-radius:14px;grid-template-columns:40px minmax(0,1fr) 44px;align-items:start;gap:12px;padding:16px;animation:.18s ease-out portal-notification-enter;display:grid;box-shadow:0 12px 40px #14203226,0 2px 8px #1420320a}.portal-notification--success{--notification-color:var(--ui-success,#217044);--notification-tint:var(--ui-success-soft,#edf6f0)}.portal-notification--error{--notification-color:var(--ui-error,#b43e3e);--notification-tint:color-mix(in srgb, var(--notification-color) 9%, var(--card))}.portal-notification-icon{width:40px;height:40px;color:var(--notification-color);background:var(--notification-tint);border-radius:50%;place-items:center;display:grid}.portal-notification-copy{overflow-wrap:anywhere;padding-top:1px}.portal-notification-action{text-align:left;margin-top:4px;padding:0;font-size:13px;font-weight:600}.portal-notification-pending{color:var(--muted-foreground);margin:4px 0 0;font-size:12px}.portal-notification-description{max-height:min(40vh,260px);overflow-y:auto}.portal-notification .portal-notification-title{margin:0;font-size:14px;font-weight:600;line-height:1.5}.portal-notification .portal-notification-description{color:var(--muted-foreground);margin:4px 0 0;font-size:13px;line-height:1.5}.portal-notification-close{width:44px;height:44px;color:var(--muted-foreground);background:0 0;border:0;border-radius:4px;place-items:center;margin-top:-2px;padding:0;display:grid}.portal-notification-close:hover{color:var(--foreground)}.notification-demo-controls{z-index:40;border:1px solid var(--border);background:var(--card);max-width:calc(100% - 40px);color:var(--foreground);border-radius:12px;padding:12px 16px;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px #14203214}.notification-demo-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:8px;display:flex}.notification-demo-heading strong{font-size:13px;font-weight:600}.notification-demo-heading span{color:var(--muted-foreground);font-size:12px}.notification-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.notification-demo-actions button{border:1px solid var(--border);background:0 0;border-radius:7px;min-height:44px;padding:0 14px;font-size:13px}.notification-demo-actions button:hover{color:var(--ui-accent-text,#8a631f);border-color:var(--ring)}@keyframes portal-notification-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.portal-notification-position{top:max(12px, env(safe-area-inset-top));width:calc(100% - 24px)}.portal-notification{grid-template-columns:32px minmax(0,1fr) 44px;gap:8px;padding:12px}.portal-notification-icon{width:32px;height:32px}.portal-notification-icon svg{width:19px;height:19px}.notification-demo-controls{max-width:calc(100% - 24px);bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){.portal-notification{animation:none}}