#accountModal.account-menu-modal{ display:none!important; position:fixed!important; inset:0!important; z-index:2500!important; padding:0!important; background:transparent!important; backdrop-filter:none!important; pointer-events:none!important; } #accountModal.account-menu-modal.active{display:block!important} #accountModal.account-menu-modal .account-menu-box{ position:fixed!important; top:var(--lk-menu-top, 86px)!important; left:var(--lk-menu-left, auto)!important; right:auto!important; pointer-events:auto!important; width:318px!important; max-width:calc(100vw - 24px)!important; padding:16px!important; border-radius:22px!important; border:1px solid rgba(255,255,255,.82)!important; background:rgba(255,255,255,.97)!important; box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 0 1px rgba(17,24,39,.04)!important; overflow:visible!important; transform-origin:top right!important; animation:lkMenuPop .16s ease-out both!important; } #accountModal.account-menu-modal .account-menu-box:before{ content:""; position:absolute; top:-9px; left:var(--lk-arrow-left, 252px); right:auto; width:18px; height:18px; transform:rotate(45deg); background:rgba(255,255,255,.97); border-left:1px solid rgba(255,255,255,.82); border-top:1px solid rgba(255,255,255,.82); } #accountModal.account-menu-modal .modal-head{ margin:0 0 12px!important; gap:10px!important; } #accountModal.account-menu-modal .modal-head h3{ font-size:24px!important; line-height:1!important; letter-spacing:.01em!important; } #accountModal.account-menu-modal .modal-close{ width:36px!important; height:36px!important; min-width:36px!important; border-radius:12px!important; font-size:24px!important; line-height:1!important; } #accountModal.account-menu-modal .account-card{ display:grid!important; gap:7px!important; padding:14px!important; margin:0 0 12px!important; border-radius:18px!important; border:1px solid #e1e6ef!important; background:linear-gradient(135deg,#fff,#fff7f7)!important; box-shadow:0 14px 34px rgba(17,24,39,.08)!important; } #accountModal.account-menu-modal .account-role-badge{ width:max-content!important; padding:6px 10px!important; border-radius:999px!important; background:#ffe4e4!important; color:#a30000!important; font-size:11px!important; font-weight:950!important; letter-spacing:.12em!important; text-transform:uppercase!important; } #accountModal.account-menu-modal .account-card b{ font-size:21px!important; line-height:1.12!important; color:#111827!important; word-break:break-word!important; } #accountModal.account-menu-modal .account-card span:not(.account-role-badge){ font-size:14px!important; color:#55647a!important; word-break:break-word!important; } #accountModal.account-menu-modal .account-actions, #accountModal.account-menu-modal .account-actions-minimal{ display:grid!important; grid-template-columns:1fr!important; gap:10px!important; margin-top:0!important; } #accountModal.account-menu-modal .red-pill, #accountModal.account-menu-modal .ghost-pill{ width:100%!important; min-height:48px!important; border-radius:16px!important; font-size:18px!important; font-weight:950!important; letter-spacing:.02em!important; text-align:center!important; justify-content:center!important; } #accountModal.account-menu-modal .ghost-pill{ background:#fff!important; color:#111!important; border:1px solid #d7d7d7!important; box-shadow:none!important; } @keyframes lkMenuPop{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}} @media(max-width:720px){ #accountModal.account-menu-modal .account-menu-box{width:min(320px,calc(100vw - 24px))!important;border-radius:20px!important;min-height:0!important} } @media(max-width:760px){ #accountModal.account-menu-modal{ --mobile-lk-fix-v16:1; align-items:flex-start!important; justify-content:center!important; padding: calc(78px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom))!important; } #accountModal.account-menu-modal.active{ display:flex!important; align-items:flex-start!important; justify-content:center!important; pointer-events:auto!important; background:rgba(0,0,0,.32)!important; backdrop-filter:blur(5px)!important; -webkit-backdrop-filter:blur(5px)!important; } #accountModal.account-menu-modal .account-menu-box{ position:relative!important; top:auto!important; left:auto!important; right:auto!important; bottom:auto!important; width:min(350px,calc(100vw - 24px))!important; max-width:350px!important; height:auto!important; min-height:0!important; max-height:calc( 100dvh - 102px - env(safe-area-inset-top) - env(safe-area-inset-bottom) )!important; margin:0 auto!important; padding:14px!important; border-radius:20px!important; overflow-x:hidden!important; overflow-y:auto!important; transform:none!important; transform-origin:center top!important; animation:lkMobilePopV16 .18s ease-out both!important; box-shadow: 0 24px 70px rgba(0,0,0,.32), 0 0 0 1px rgba(17,24,39,.05)!important; } #accountModal.account-menu-modal .account-menu-box:before{ display:none!important; } #accountModal.account-menu-modal .modal-head{ position:relative!important; top:auto!important; min-height:0!important; margin:0 0 12px!important; padding:14px 58px 14px 16px!important; border-radius:14px!important; background:#0b1220!important; } #accountModal.account-menu-modal .modal-head h3{ margin:0!important; font-size:25px!important; line-height:1!important; color:#fff!important; } #accountModal.account-menu-modal .modal-close{ position:absolute!important; top:50%!important; right:10px!important; left:auto!important; width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; max-height:42px!important; padding:0!important; transform:translateY(-50%)!important; border-radius:12px!important; display:grid!important; place-items:center!important; } #accountModal.account-menu-modal .account-card{ padding:14px!important; margin-bottom:10px!important; border-radius:16px!important; } #accountModal.account-menu-modal .account-card b{ font-size:19px!important; } #accountModal.account-menu-modal .account-card span:not(.account-role-badge){ font-size:13px!important; } #accountModal.account-menu-modal .account-actions, #accountModal.account-menu-modal .account-actions-minimal{ gap:8px!important; } #accountModal.account-menu-modal .red-pill, #accountModal.account-menu-modal .ghost-pill{ width:100%!important; height:48px!important; min-height:48px!important; max-height:48px!important; padding:0 14px!important; font-size:16px!important; border-radius:14px!important; } } @media(max-width:380px){ #accountModal.account-menu-modal{ padding-left:8px!important; padding-right:8px!important; } #accountModal.account-menu-modal .account-menu-box{ width:calc(100vw - 16px)!important; max-width:none!important; } } @keyframes lkMobilePopV16{ from{ opacity:0; transform:translateY(-7px) scale(.97) } to{ opacity:1; transform:translateY(0) scale(1) } }