@charset "UTF-8";.mypage{max-width:720px;margin:0 auto;padding:32px 20px 64px}.page-header{margin-bottom:32px;text-align:center}.page-header h1{font-size:1.75rem;color:#1a2a40;font-weight:700;margin-bottom:8px;letter-spacing:.05em}.page-header .sub{font-size:.95rem;color:#666}.profile-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;display:flex;gap:20px;align-items:flex-start;margin-bottom:28px;box-shadow:0 4px 14px #1a2a400a}.profile-card .avatar{flex-shrink:0;width:64px;height:64px;border-radius:50%;background:#f0f4f8;color:#1a2a40;display:flex;align-items:center;justify-content:center;border:2px solid #c5a059}.profile-card .profile-info{flex:1;display:flex;flex-direction:column;gap:12px}.profile-card .row{display:flex;flex-direction:column;gap:2px}.profile-card .row .label{font-size:.8rem;color:#888;letter-spacing:.05em}.profile-card .row .value{font-size:1.05rem;color:#1a2a40;font-weight:500;word-break:break-all}.line-friend-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#06c755,#05a648);color:#fff;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 14px #06c75540}.line-friend-banner .banner-icon{flex-shrink:0;width:44px;height:44px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.line-friend-banner .banner-text{flex:1;min-width:0}.line-friend-banner .banner-text h3{font-size:1rem;font-weight:700;margin-bottom:4px}.line-friend-banner .banner-text p{font-size:.82rem;opacity:.92;line-height:1.5}.line-friend-banner .banner-cta{flex-shrink:0;padding:10px 16px;background:#fff;color:#06c755;font-weight:700;font-size:.85rem;border-radius:6px;text-decoration:none;white-space:nowrap;transition:transform .15s}.line-friend-banner .banner-cta:active{transform:scale(.97)}@media (max-width: 480px){.line-friend-banner{flex-wrap:wrap}.line-friend-banner .banner-cta{width:100%;text-align:center;padding:12px}}.actions{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.action-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#fff;border:1px solid #e9ecef;border-radius:10px;color:#1a2a40;text-decoration:none;transition:border-color .2s,transform .15s;box-shadow:0 2px 8px #1a2a400a}.action-card:hover{border-color:#c5a059}.action-card:active{transform:scale(.99)}.action-card .icon-box{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:#f8f9fa;color:#1a2a40;display:flex;align-items:center;justify-content:center}.action-card .text{flex:1}.action-card .text h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}.action-card .text p{font-size:.85rem;color:#666}.action-card .arrow{font-size:1.4rem;color:#c5a059}.danger-area{display:flex;justify-content:center}.logout-btn{min-height:48px;min-width:200px;padding:0 24px;background:#fff;border:1px solid #d4d4d4;border-radius:6px;font-size:.95rem;color:#555;cursor:pointer;letter-spacing:.05em;transition:border-color .2s,color .2s}.logout-btn:hover{border-color:#c0392b;color:#c0392b}.logout-btn:disabled{opacity:.5;cursor:not-allowed}.loading-text{text-align:center;color:#888;padding:40px}