/* 참여자 마이페이지 /me (2026-10-13) — styles.css 의 토큰 · 입력칸 · 버튼을 그대로 쓰고 이 화면에만 필요한 것 */
.me{background:#fff}
.me-main{width:min(480px,100% - 40px);margin:0 auto;padding:48px 0 96px;min-height:calc(100vh - 64px - 160px)}
.me-view[hidden]{display:none}
.me-h1{font-size:28px;font-weight:700;line-height:1.4;color:var(--t1)}
.me-lead{margin-top:8px;font-size:17px;color:var(--t3);line-height:1.6}
.me-strong{color:var(--t1);font-weight:600;word-break:break-all}
.me-eyebrow{font-size:15px;color:var(--t4);margin-bottom:4px;word-break:break-all}
.me-form{margin-top:32px}
.me-cta{margin-top:8px;display:flex}
.me-cta .btn{flex:1}
.me-code{letter-spacing:.4em !important;font-size:24px !important;font-weight:600 !important;text-align:center}
.me-code::placeholder{letter-spacing:.4em}
.me-row{display:flex;gap:24px;justify-content:center;margin-top:24px}
.me-link{background:none;border:0;padding:8px 4px;font-size:15px;font-weight:600;color:var(--t4);cursor:pointer}
.me-link:hover{color:var(--t1)}
.me-link:disabled{color:var(--t5);cursor:default}
.me-fine{margin-top:16px;font-size:14px;color:var(--t4);line-height:1.6;text-align:center}
.me-fine a{color:var(--blue);font-weight:600;text-decoration:none}
.me-card{margin-top:16px;padding:24px;border-radius:24px;background:var(--soft2)}
.me-card:first-of-type{margin-top:32px}
.me-h2{font-size:18px;font-weight:700;color:var(--t1);margin-bottom:12px}
.me-apps li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.me-apps li:first-child{border-top:0;padding-top:4px}
.me-apps .d{font-size:15px;color:var(--t2);font-weight:500}
.me-apps .s{margin-top:4px;font-size:14px;color:var(--t4);line-height:1.6}
.me-chip{flex:none;display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:7px;font-size:13px;font-weight:600;letter-spacing:0;white-space:nowrap}
.me-chip.blue{background:var(--blue-weak);color:var(--blue-d)}
.me-chip.gray{background:var(--soft);color:var(--t3)}
.me-empty{padding:20px;border-radius:16px;background:#fff;text-align:center}
.me-empty-t{font-size:16px;font-weight:600;color:var(--t2)}
.me-empty-d{margin-top:6px;font-size:14px;color:var(--t4);line-height:1.6}
.me-none{background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-align:center}
.me-dl{margin:0}
.me-dl div{display:flex;gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.me-dl div:first-child{border-top:0;padding-top:0}
.me-dl dt{flex:none;width:96px;font-size:14px;color:var(--t4)}
.me-dl dd{margin:0;flex:1;min-width:0;font-size:15px;color:var(--t1);font-weight:500;word-break:break-all}
.me-foot{margin-top:32px}
.me-footer{padding:32px 0 48px}
.me-spin{width:32px;height:32px;margin:120px auto;border-radius:50%;border:3px solid var(--soft);border-top-color:var(--blue);animation:meSpin .8s linear infinite}
@keyframes meSpin{to{transform:rotate(360deg)}}
@media (max-width:600px){
  .me-main{padding-top:32px}
  .me-h1{font-size:24px}
  .me-lead{font-size:16px}
  .me-card{padding:20px}
  .me-dl dt{width:84px}
  body.me{padding-bottom:0}
}
/* styles.css 의 신청서 form 안쪽 여백 · 로고 밑줄을 이 화면에서는 뺀다 */
.me-form{padding:0}
a.brand{text-decoration:none}