.logout-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--shadow);display:flex;align-items:center;justify-content:center;z-index:10000;animation:logout-fade-in .2s ease-out;padding:20px;box-sizing:border-box}@keyframes logout-fade-in{0%{opacity:0}to{opacity:1}}.logout-modal-card{position:relative;width:480px;background:var(--white);border-radius:20px;padding:44px 40px 36px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 10px 40px var(--shadow);animation:logout-slide-up .3s cubic-bezier(.16,1,.3,1);font-family:var(--font-family-base,"Inter",sans-serif)}@keyframes logout-slide-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.logout-drag-handle{display:none}.logout-close-btn{position:absolute;top:20px;right:20px;width:34px;height:34px;border-radius:50%;border:1px solid var(--grey-1);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.logout-close-btn:hover{background:var(--bg)}.logout-icon-wrapper{width:72px;height:72px;border-radius:50%;background:#fde8e8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logout-text-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;max-width:380px}.logout-text-content h2{font-family:var(--font-family-base,"Roboto",sans-serif);color:var(--text-dark);font-size:26px;font-weight:700;margin:0;letter-spacing:-.01em}.logout-text-content p{color:var(--text-2);font-size:15px;line-height:1.55;margin:0}.logout-actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:4px}.logout-confirm-btn,.logout-stay-btn{width:100%;height:52px;border:none;border-radius:999px;font-family:var(--font-family-base,"Roboto",sans-serif);font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;display:flex;align-items:center;justify-content:center}.logout-confirm-btn{background:var(--primary);color:var(--white)}.logout-confirm-btn:hover{background:var(--primary-hover)}.logout-stay-btn{background:#e8e8e8;color:var(--text-dark)}.logout-stay-btn:hover{background:#dcdcdc}.logout-confirm-btn:active,.logout-stay-btn:active{transform:scale(.98)}@media (max-width:600px){.logout-modal-overlay{align-items:flex-end;padding:0}.logout-modal-card{width:100%;border-radius:28px 28px 0 0;padding:16px 24px 48px;gap:18px;animation:logout-sheet-up .38s cubic-bezier(.22,1,.36,1)}@keyframes logout-sheet-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.logout-drag-handle{display:block;width:48px;height:5px;border-radius:100px;background:#d0d0d0;margin:4px auto 8px;flex-shrink:0;align-self:center}.logout-close-btn{display:none}.logout-icon-wrapper{width:64px;height:64px}.logout-text-content h2{font-size:22px}.logout-text-content p{font-size:14px}.logout-actions{margin-top:6px;gap:10px}.logout-confirm-btn,.logout-stay-btn{height:50px;font-size:15px}}