.island-notification-host{--island-width:min(440px,calc(100vw - 24px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)));--island-ease:cubic-bezier(.22,1.04,.36,1);position:fixed;inset-inline:0;top:calc(env(safe-area-inset-top, 0px) + 8px);z-index:var(--layer-toast);display:flex;justify-content:center;pointer-events:none}.island-notification{position:relative;width:136px;min-height:44px;max-width:var(--island-width);overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:28px;background:linear-gradient(145deg,#4c86de,#3064b7);color:#fff;box-shadow:0 12px 34px rgba(48,100,183,.3),inset 0 1px 1px rgba(255,255,255,.45),inset 0 -1px 1px rgba(16,45,94,.2);pointer-events:auto;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:1;scale:1;transform:translateY(var(--sheet-drag,0));transform-origin:center top;transition:width .56s var(--nav-spring),scale .56s var(--nav-spring),transform .28s var(--ease-sheet),opacity .22s ease}.island-notification[data-phase=entering],.island-notification[data-phase=exiting]{opacity:0;scale:.35;pointer-events:none}.island-notification[data-phase=exiting]{transition:width .28s var(--ease-sheet),scale .28s cubic-bezier(.4,0,1,1),transform .28s ease,opacity .2s ease 70ms}.island-notification[data-phase=exiting][data-flung]{scale:.92;transform:translateY(calc(var(--fling-from, 0px) - 96px));transition:transform .32s cubic-bezier(.2,.7,.3,1),scale .32s cubic-bezier(.2,.7,.3,1),opacity .24s ease}.island-notification[data-flung=wide]{width:var(--island-width)}.island-notification[data-flung=wide] .island-notification-reveal{grid-template-rows:1fr;opacity:1;visibility:visible;transition:none}.island-notification[data-flung=wide] .island-notification-compact{opacity:0;transition:none}.island-notification[data-flung=wide] .island-notification-handle{height:32px;visibility:visible;transition:none}.island-notification[data-phase=expanded]{width:var(--island-width)}.island-notification[data-dragging=true]{transition:none}.island-notification-handle{display:flex;align-items:center;justify-content:center;width:100%;height:0;visibility:hidden;cursor:grab;outline-offset:-4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:height .28s var(--island-ease),visibility 0s .28s}.island-notification[data-phase=expanded] .island-notification-handle{height:32px;visibility:visible;transition-delay:0s}.island-notification-handle:active{cursor:grabbing}.island-notification-handle span{width:36px;height:4px;margin-top:-6px;border-radius:999px;background:rgba(255,255,255,.55)}.island-notification-compact{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:center;gap:10px;height:44px;font-size:12px;font-weight:600;pointer-events:none;transition:opacity .16s ease}.island-notification-compact svg{color:#fff}.island-notification[data-phase=expanded] .island-notification-compact{opacity:0}.island-notification-reveal{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .28s var(--island-ease),opacity .16s ease,visibility 0s .28s}.island-notification[data-phase=expanded] .island-notification-reveal{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .28s var(--island-ease),opacity .2s ease 80ms,visibility 0s}.island-notification-content{width:var(--island-width);min-height:0;overflow:hidden}.island-notification-heading{display:flex;align-items:flex-start;gap:12px;padding:14px 16px}.island-notification-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.2);color:#fff}.island-notification[data-tone=success] .island-notification-icon{background:rgba(167,243,208,.3)}.island-notification[data-tone=warning] .island-notification-icon{background:rgba(253,230,138,.32)}.island-notification-copy{flex:1;min-width:0;overflow-wrap:anywhere}.island-notification-brand{margin-bottom:3px;color:rgba(255,255,255,.72);font-size:10px;font-weight:500}.island-notification-copy h2{color:#fff;font-size:14px;line-height:1.4;font-weight:600}.island-notification-message{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;color:rgba(255,255,255,.86);font-size:12px;line-height:1.5}.island-notification-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;margin:-4px -8px 0 0;border-radius:50%;color:rgba(255,255,255,.85);--press-scale:.86}.island-notification-action{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:0 16px 16px;padding:9px 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:600;text-align:center}.island-notification :is(.island-notification-action,.island-notification-close){transition:scale .3s var(--ease-press),background-color .18s ease}.island-notification :is(.island-notification-action,.island-notification-close):active{scale:var(--press-scale,.96)}.island-notification :is(.island-notification-action,.island-notification-close):hover{background-color:rgba(255,255,255,.24)}.island-notification :focus-visible{outline:2px solid #fff;outline-offset:-3px}@media (max-width:639px){.island-notification-close{display:none}}@media (min-width:1024px){.island-notification-host{top:16px}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.island-notification{background:#3f73c7}}@media (prefers-reduced-transparency:reduce){.island-notification{background:#3f73c7;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.island-notification[data-phase=entering],.island-notification[data-phase=exiting]{scale:1;filter:none}.island-notification,.island-notification :is(.island-notification-action,.island-notification-close),.island-notification-compact,.island-notification-handle,.island-notification-reveal{transition:none!important}.island-notification :is(.island-notification-action,.island-notification-close):active{scale:1}}