.sf-account-overlay{--sf-menu-bg:#fff8ed;--sf-menu-card:#fffdf8;--sf-menu-ink:#512c33;--sf-menu-muted:#87665e;--sf-menu-line:#ebd9c9;--sf-menu-hover:#fff0de;z-index:2000;color:var(--sf-menu-ink);position:fixed;inset:0}.sf-account-overlay *{box-sizing:border-box}.sf-account-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a141e61;animation:.2s both sf-menu-fade;position:absolute;inset:0}.sf-account-panel{border:1px solid var(--sf-menu-line);background:var(--sf-menu-bg);border-radius:30px;flex-direction:column;width:410px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);animation:.3s cubic-bezier(.2,.8,.2,1) both sf-menu-enter;display:flex;position:absolute;top:18px;right:max(18px,50vw - 720px);overflow:hidden;box-shadow:0 28px 90px #19121f55}.sf-account-panel a{color:inherit;text-decoration:none}.sf-account-panel button{font:inherit;color:inherit;cursor:pointer}.sf-account-hero{border-bottom:1px solid var(--sf-menu-line);background:linear-gradient(120deg,#ffe9d5,#ffcbaf 55%,#f18f86);flex-shrink:0;padding:30px 44px 26px 24px;position:relative}.sf-account-close{background:#fff9;border:1px solid #744b4433;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;line-height:1;display:grid;position:absolute;top:10px;right:10px;font-size:18px!important}.sf-account-person{align-items:center;gap:15px;display:flex}.sf-account-avatar{background:linear-gradient(135deg,#8558cf,#ffb88c,#ed778d);border-radius:50%;flex:0 0 64px;place-items:center;height:64px;padding:3px;display:grid;overflow:hidden;box-shadow:0 5px 15px #78404525}.sf-account-avatar img{object-fit:cover;border:2px solid #fff8;border-radius:50%;width:100%;height:100%}.sf-account-avatar>span{color:#fff;font-size:30px}.sf-account-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sf-account-copy b{font-size:15px;font-weight:750;line-height:1.35}.sf-account-copy small{color:var(--sf-menu-muted);font-size:11px;line-height:1.45}.sf-account-person .sf-account-copy>b{font-size:20px}.sf-account-person small{overflow-wrap:anywhere}.sf-account-caption{text-transform:uppercase;letter-spacing:1.4px;margin-top:5px;font-size:9px;font-weight:800}.sf-account-quick{background:var(--sf-menu-card);border:1px solid #e9c978;border-radius:22px;flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:16px 16px 5px;padding:14px 10px 12px;display:grid;box-shadow:0 5px #d6b37418}.sf-account-quick a{border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:3px 0;font-size:12px;display:flex;position:relative}.sf-account-tile{isolation:isolate;color:#26231e;background:var(--tile-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--tile-accent),white 58%),color-mix(in srgb,var(--tile-accent),white 12%) 47%,color-mix(in srgb,var(--tile-accent),black 10%));border:1px solid color-mix(in srgb,var(--tile-accent),white 45%);width:43px;height:43px;box-shadow:inset 0 2px 2px #ffffff70,inset 0 -2px 2px #0003,0 5px 0 color-mix(in srgb,var(--tile-accent),black 35%),0 9px 12px #0003;border-radius:12px;flex:0 0 43px;place-items:center;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:25px;font-style:normal;line-height:1;transition:transform .2s,box-shadow .2s;display:inline-grid;position:relative}.sf-account-tile:after{content:"";background:#ffffff70;height:1px;position:absolute;top:4px;left:8px;right:8px}.sf-account-quick .sf-account-tile{border-radius:14px;flex-basis:51px;width:51px;height:51px;font-size:30px}.sf-account-badge{color:#fff;border:2px solid var(--sf-menu-card);text-align:center;background:#d54c65;border-radius:20px;min-width:19px;padding:3px 4px;font-size:9px;font-weight:800;position:absolute;top:-2px;right:15px}.sf-account-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cba598 transparent;min-height:0;padding:12px 16px 18px;overflow-y:auto}.sf-account-group{border:1px solid var(--sf-menu-line);background:var(--sf-menu-card);border-radius:20px;margin:0 0 12px;padding:6px;box-shadow:0 5px 13px #63472f08}.sf-account-group:last-child{margin-bottom:0}.sf-account-row{text-align:left;background:0 0;border:0;border-radius:15px;align-items:center;gap:14px;width:100%;padding:12px 10px 15px;transition:background .2s,transform .2s;display:flex}.sf-account-row+.sf-account-row{border-top:1px solid var(--sf-menu-line)}.sf-account-chevron{opacity:.55;flex:none;font-family:Arial,sans-serif;font-size:26px;line-height:1;transition:transform .2s}.sf-account-partner{background:linear-gradient(115deg,var(--sf-menu-card),var(--sf-menu-hover));border-color:#d9b482}.sf-account-help summary{cursor:pointer;list-style:none}.sf-account-help summary::-webkit-details-marker{display:none}.sf-account-help[open] summary>.sf-account-chevron{transform:rotate(90deg)}.sf-account-help-links{border-top:1px solid var(--sf-menu-line);padding-top:5px}.sf-account-exit .sf-account-row b{color:#bb4354}.sf-account-exit{background:linear-gradient(100deg,var(--sf-menu-card),#f5dce0)}.sf-account-panel :is(a,button,summary):focus-visible{outline-offset:3px;outline:2px solid #b45330}@media (hover:hover){.sf-account-row:hover,.sf-account-quick a:hover{background:var(--sf-menu-hover)}.sf-account-row:hover .sf-account-tile,.sf-account-quick a:hover .sf-account-tile{transform:translateY(-2px)rotate(-3deg)}.sf-account-row:hover>.sf-account-chevron{transform:translate(3px)}.sf-account-help[open] summary:hover>.sf-account-chevron{transform:rotate(90deg)}}.sf-account-row:active .sf-account-tile,.sf-account-quick a:active .sf-account-tile{transform:translateY(2px)}[data-theme=dark] .sf-account-overlay{--sf-menu-bg:#151c2c;--sf-menu-card:#232b3c;--sf-menu-ink:#fff4e6;--sf-menu-muted:#c8c1ca;--sf-menu-line:#3e4455;--sf-menu-hover:#30364b}[data-theme=dark] .sf-account-hero{background:linear-gradient(115deg,#23465a,#363062 58%,#522246)}[data-theme=dark] .sf-account-quick{border-color:#887f51}[data-theme=dark] .sf-account-close{background:#ffffff16;border-color:#ffffff40}[data-theme=dark] .sf-account-exit{background:linear-gradient(100deg,var(--sf-menu-card),#402c3d)}[data-theme=dark] .sf-account-exit .sf-account-row b{color:#ffa3ae}[data-theme=dark] .sf-account-panel :is(a,button,summary):focus-visible{outline-color:#ffc68a}@keyframes sf-menu-enter{0%{opacity:0;transform:translate(24px)scale(.98)}to{opacity:1;transform:none}}@keyframes sf-menu-fade{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.sf-account-panel{top:max(10px,env(safe-area-inset-top));width:min(390px,100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:25px;right:10px}.sf-account-hero{padding-left:18px}.sf-account-copy b{font-size:14px}}@media (max-height:520px){.sf-account-panel{overflow-y:auto}.sf-account-scroll{flex-shrink:0;overflow:visible}}@media (prefers-reduced-motion:reduce){.sf-account-overlay *,.sf-account-overlay :after{transition:none!important;animation:none!important}}