/* 마이페이지 (account.html, mypage.js) */
.mypage{max-width:720px}
.mypage>h1{font-size:26px;margin:0 0 18px}
.mp-card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:18px;padding:24px 28px;margin-bottom:16px}
.mp-card h2{font-size:17px;margin:0 0 14px}
.mp-card p,.mp-card li{color:#c6ccc4;line-height:1.75}
.mp-card ul{padding-left:20px;margin:0 0 14px}
.mp-card a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.mp-muted{color:var(--muted)!important}
.mp-rows{margin:0;display:grid;gap:0}
.mp-rows>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.mp-rows>div:last-child{border-bottom:0}
.mp-rows dt{color:var(--muted)}
.mp-rows dd{margin:0;color:var(--text);word-break:break-word}
.mp-ok{color:var(--accent)}.mp-warn{color:#f4d27a}
.mp-note{font-size:13px;color:var(--muted)!important;margin:12px 0 0}
.mp-hint{font-size:12.5px;color:var(--muted)!important;margin:4px 0 0}
.mp-msg{font-size:13px;margin:10px 0 0;min-height:0}
.mp-msg:empty{display:none}
.mp-msg.error{color:var(--danger,#ff8a7a)!important}
.mp-msg.ok{color:var(--accent)!important}
.mp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.mp-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:9px 18px;font:inherit;font-size:13.5px;font-weight:600;border:1px solid var(--line);background:transparent;color:var(--text)!important;cursor:pointer;text-decoration:none!important}
.mp-btn:hover{border-color:rgba(255,255,255,.3)}
.mp-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)!important}
.mp-btn.primary:hover{background:var(--accent-hi)}
.mp-btn.danger{background:#ff8a7a;border-color:#ff8a7a;color:#2a0d08!important}
.mp-btn:disabled{opacity:.45;cursor:not-allowed}
.mp-link{border:0;background:none;padding:0;font:inherit;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mp-link:hover{color:var(--text)}
.mp-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);margin:0 0 12px;max-width:420px}
.mp-field input{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font:inherit;font-size:14px}
.mp-field input:focus{outline:2px solid var(--accent);outline-offset:1px}
.mp-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--text);margin:6px 0 12px;cursor:pointer}
.mp-check input{margin-top:4px;accent-color:#ff8a7a}
.mp-box{border:1px solid rgba(244,210,122,.35);background:rgba(244,210,122,.06);border-radius:12px;padding:12px 14px;margin:0 0 12px}
.mp-box p{margin:0}
.mp-danger{border-color:rgba(255,138,122,.28)}
.mp-danger h2{color:#ffb0a4}
@media(max-width:600px){.mp-card{padding:20px 18px}.mp-rows>div{grid-template-columns:1fr;gap:2px}}