.mypage{max-width:850px;min-height:60vh;margin:0 auto;padding:3rem 1.5rem 5rem;animation:.3s ease-out mypageFadeIn}@keyframes mypageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mypage__title{color:#333;letter-spacing:-.02em;margin-bottom:2rem;font-size:1.75rem;font-weight:700}.mypage-profile{background:linear-gradient(135deg,#f8f0ff 0%,#faf5ff 50%,#f0e6ff 100%);border:1px solid #ede5f5;border-radius:12px;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.75rem;display:flex}.mypage-profile__avatar{color:#fff;background:#5f0080;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 8px #5f008033}.mypage-profile__avatar img{object-fit:cover;width:100%;height:100%}.mypage-profile__info{flex:1;min-width:0}.mypage-profile__name{color:#333;margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.mypage-profile__email{color:#888;font-size:.8rem}.mypage-profile__since{color:#aaa;margin-top:.25rem;font-size:.7rem}.mypage-profile__provider{vertical-align:middle;letter-spacing:.01em;border-radius:10px;align-items:center;margin-left:.5rem;padding:.125rem .5rem;font-size:.6rem;font-weight:600;display:inline-flex}.mypage-profile__provider--google{color:#1a73e8;background:#e8f0fe}.mypage-profile__provider--email{color:#7b1fa2;background:#f3e5f5}.mypage-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem;display:grid}.mypage-stats__item{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:10px;flex-direction:column;align-items:center;gap:.375rem;padding:1.25rem .75rem;text-decoration:none;transition:all .15s;display:flex}.mypage-stats__item:hover{border-color:#d0d0d0;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.mypage-stats__count{color:#5f0080;font-size:1.5rem;font-weight:700;line-height:1}.mypage-stats__label{color:#888;font-size:.7rem;font-weight:500}.mypage-section{margin-bottom:1.5rem}.mypage-section__title{color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding-left:.25rem;font-size:.8rem;font-weight:600}.mypage-menu{background:#fff;border:1px solid #eee;border-radius:10px;overflow:hidden}.mypage-menu__item{cursor:pointer;color:inherit;border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:1rem 1.25rem;text-decoration:none;transition:background .15s;display:flex}.mypage-menu__item:last-child{border-bottom:none}.mypage-menu__item:hover{background:#faf5ff}.mypage-menu__left{align-items:center;gap:.75rem;display:flex}.mypage-menu__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.mypage-menu__icon--orders{background:#e8f5e9}.mypage-menu__icon--addresses{background:#e3f2fd}.mypage-menu__icon--reviews{background:#fff3e0}.mypage-menu__icon--profile{background:#f3e5f5}.mypage-menu__icon--logout{background:#fce4ec}.mypage-menu__text{color:#333;font-size:.9rem;font-weight:500}.mypage-menu__badge{color:#fff;background:#5f0080;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.65rem;font-weight:700;display:inline-flex}.mypage-menu__arrow{color:#ccc;font-size:.9rem}.mypage-login{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.mypage-login__icon{background:linear-gradient(135deg,#f8f0ff 0%,#ede5f5 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.mypage-login__title{color:#333;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.mypage-login__text{color:#999;margin-bottom:2rem;font-size:.85rem;line-height:1.5}.mypage-login__btn{color:#fff;cursor:pointer;background:#5f0080;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 2.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.mypage-login__btn:hover{background:#7b1fa2}.mypage-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.mypage-loading__spinner{border:3px solid #f0f0f0;border-top-color:#5f0080;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite mypageSpin}@keyframes mypageSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mypage-loading__text{color:#999;font-size:.8rem}.mypage-toast{z-index:1000;border-radius:8px;padding:.75rem 1.5rem;font-size:.8rem;font-weight:500;animation:.3s ease-out mypageToastSlideUp;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.mypage-toast--success{color:#fff;background:#333}.mypage-toast--error{color:#fff;background:#f44336}@keyframes mypageToastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:640px){.mypage{padding:2rem 1rem 4rem}.mypage__title{font-size:1.375rem}.mypage-profile{gap:1rem;padding:1.25rem}.mypage-profile__avatar{width:52px;height:52px;font-size:1.25rem}.mypage-profile__name{font-size:1.05rem}.mypage-stats{grid-template-columns:repeat(4,1fr);gap:.5rem}.mypage-stats__item{padding:1rem .5rem}.mypage-stats__count{font-size:1.25rem}.mypage-stats__label{font-size:.65rem}}