main.mypage-main{padding-top:33px}
.mypage{width:100%;padding:0}
.mypage-profile{padding:0 0 50px}
.mypage-profile h1,.mypage>h1{font-size:24px;line-height:36px;margin-bottom:12px}
.mypage-profile p{color:var(--muted);font-size:15px;line-height:24px}
.mypage-profile .kakao-login{min-height:50px;border-radius:12px;font-size:15px;padding:14px 16px;gap:7px}
.mypage-group{border-top:0}
.mypage-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52.75px;width:100%;padding:15px 2px;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;font-size:16px;line-height:21.75px}
.mypage-row-meta{display:flex;align-items:center;gap:8px;color:#a99c88;font-size:13px;text-align:right}
.mypage-row-meta>span{font-size:20px;color:#a99c88}
.mypage-row:disabled,.mypage-row:disabled .mypage-row-meta{color:var(--disabled)}
.mypage-row:not(:disabled):hover{background:var(--surface)}
.mypage-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}
.mypage-links button,.mypage-logout,.mypage-back{min-height:44px;padding:10px 0;background:none;color:#a99c88;font-size:12px}
.mypage-logout{margin-top:16px;text-decoration:underline}
.mypage-back{margin-bottom:24px}
.mypage-empty{text-align:center;padding:56px 0}
.mypage-empty>.material-symbols-rounded{font-size:40px;color:#8da292}
.mypage-empty h2{font-size:20px;line-height:29px;margin:24px 0 12px}
.mypage-empty p,.mypage-notifications p{font-size:15px;line-height:24px;color:var(--muted)}
.mypage-empty .secondary{margin:28px auto 20px}
.mypage-notifications .kakao-login{margin:24px 0;text-decoration:none}
.mypage-row input[role=switch]{width:24px;height:24px;flex:none}
.mypage .hint{margin-top:12px;font-size:13px}
body:has(.mypage-main) #root>footer{display:none}
@media(max-width:359px){.mypage-row{gap:10px;font-size:15px}
.mypage-row-meta{font-size:12px;gap:8px}
}