/* Stable layout: animate the surface separately so text never stretches. */
.site-island .island-bar{position:sticky;top:calc(12px + env(safe-area-inset-top,0px));z-index:30;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:start;height:80px;margin:20px 0 0;--island-side-space:108px;--island-height:44px}
.site-island .island-side{display:grid;place-items:center;width:44px;height:44px;padding:0;margin:0;border:1px solid #ffffff0e;border-radius:50%;background:#1b1b1d;color:#a6a6b2;cursor:pointer;transition:opacity .18s ease,transform .36s cubic-bezier(.2,.8,.2,1),background .18s}
.site-island .island-side:hover{color:#fff;background:#2a2a30}
.site-island .island-side:active{transform:scale(.92)}
.site-island .island-side svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.site-island .dynamic-island{position:relative;justify-self:center;width:calc(100% + var(--island-side-space));height:94px;isolation:isolate;pointer-events:none;--island-compact-x:.7;--island-compact-y:.4681;--island-profile-width:min(calc(100% - var(--island-side-space)),320px);--island-compact-radius:32px / 47px}
.site-island .island-surface{position:absolute;inset:0;z-index:-1;background:#19191c;border:1px solid #ffffff14;border-radius:var(--island-compact-radius);box-shadow:0 6px 18px #0004,inset 0 1px 0 #ffffff03;transform-origin:50% 0;transform:scale(var(--island-compact-x),var(--island-compact-y));pointer-events:none}
.site-island .island-ready .island-surface{transition:transform .42s cubic-bezier(.22,1,.36,1),border-radius .42s cubic-bezier(.22,1,.36,1)}
.site-island .island-profile{position:absolute;top:0;left:50%;display:flex;align-items:center;gap:10px;width:var(--island-profile-width);height:var(--island-height);padding:4px 12px 4px 6px;transform:translateX(-50%);transform-origin:50% 0;pointer-events:auto;transition:opacity .24s .12s ease,transform .44s .07s cubic-bezier(.16,1,.3,1)}
.site-island .island-profile .account{position:relative;inset:auto;width:32px;height:32px;border-radius:50%;background:#2c2c32;flex:none;transition:transform .2s}
.site-island .island-profile .account:active{transform:scale(.96)}
.site-island .island-profile .account svg{width:21px;height:21px}
.site-island .island-identity{min-width:0;flex:1;text-align:left;padding:0;border:0;background:none;color:#f5f5f7;cursor:pointer}
.site-island .island-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-island #island-name{font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:1.4}
.site-island #island-caption{font-size:11px;color:#9696a2;line-height:1.4;margin-top:1px}
.site-island .island-indicator{width:5px;height:5px;background:#6b6b76;border-radius:50%;flex:none;margin-left:2px}
.site-island .dynamic-island[data-signed-in="true"] .island-indicator{background:#6bc594;box-shadow:none}
.site-island .island-notification{position:absolute;inset:0;display:flex;align-items:center;gap:12px;padding:12px 16px;opacity:0;transform:translateY(9px);transition:opacity .13s ease,transform .24s cubic-bezier(.4,0,.2,1);pointer-events:none}
.site-island .island-notice-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;color:#76baff;background:#173049}
.site-island .island-notice-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-island .island-notice-copy{flex:1;min-width:0}
.site-island .island-notice-copy span{display:block}
.site-island #island-notice-title{font-size:13px;font-weight:600;color:#f5f5f7;line-height:1.4}
.site-island #island-notice-text{font-size:12px;color:#b2b2be;line-height:1.4;margin-top:3px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.site-island .island-dismiss{flex:none;display:grid;place-items:center;padding:0;width:26px;height:26px;border:0;border-radius:50%;background:#ffffff0c;color:#a6a6b2;font-size:18px;cursor:pointer;transition:transform .2s,background .2s}
.site-island .island-dismiss:hover{background:#ffffff18}
.site-island .island-dismiss:active{transform:scale(.96)}
.site-island .is-notifying .island-surface{transform:scale(1);border-radius:26px;transition:transform .48s cubic-bezier(.22,1,.36,1),border-radius .48s cubic-bezier(.22,1,.36,1)}
.site-island .is-notifying .island-profile{opacity:0;transform:translate(-50%,-4px) scale(.99);pointer-events:none;transition:opacity .12s ease,transform .24s cubic-bezier(.4,0,.2,1)}
.site-island .is-notifying .island-notification{opacity:1;transform:translateY(0);transition:opacity .28s .1s ease,transform .48s .08s cubic-bezier(.16,1,.3,1);pointer-events:auto}
.site-island .island-bar:has(.is-notifying) .island-side{opacity:0;transform:scale(.96);pointer-events:none}
.site-island #toast{display:none}
@media(min-width:900px){.site-island .island-bar{max-width:560px;margin:28px auto 0;height:84px}}
@media(max-width:359px){
 .site-island .island-bar{grid-template-columns:38px minmax(0,1fr) 38px;gap:7px;--island-side-space:90px;--island-height:38px}
 .site-island .island-side{width:38px;height:38px}
 .site-island .island-profile{gap:7px;padding:3px 9px 3px 5px}
 .site-island .island-profile .account{width:28px;height:28px}
 .site-island #island-name{font-size:12px}
 .site-island #island-caption{font-size:10px}
 .site-island .island-indicator{display:none}
 .site-island .island-notification{gap:9px;padding:12px}
}
@media(prefers-reduced-motion:reduce){.site-island .island-bar *{transition:none!important;animation:none!important}}
/* Guest and signed-in profiles share the same leading-edge alignment. */
.site-island .island-profile{justify-content:flex-start;padding:6px 20px 6px 12px;gap:8px;box-sizing:border-box}
.site-island .island-identity{flex:1;max-width:none;margin:0;align-self:center;line-height:1}
.site-island .island-profile .account{margin:0;align-self:center;padding:0;box-sizing:border-box}
.site-island .island-indicator{position:absolute;right:8px;top:50%;margin:0;transform:translateY(-50%)}
.site-island #island-name,.site-island #island-caption{margin:0;line-height:16px}
.site-island #island-caption{margin-top:0}
@media(max-width:359px){.site-island .island-profile{padding:5px 8px;gap:8px}.site-island .island-identity{max-width:calc(100% - 36px)}.site-island #island-name,.site-island #island-caption{line-height:14px}}

/* Optical alignment: lift only the avatar circle by one pixel. */
.site-island .site-header .island-profile .account{top:-1px}

/* Restrained capsule treatment; geometry and content positions stay unchanged. */
.site-island .dynamic-island{font-family:-apple-system,BlinkMacSystemFont,var(--sans,sans-serif)}
.site-island .island-notification{transition-timing-function:cubic-bezier(.22,1,.36,1)}