/* 로그인 · 가입 · 내 정보 */
.mb-main{max-width:560px;margin:0 auto;padding:14px 20px 70px}
.mb-card{background:#fff;border:1px solid #ece3d4;border-radius:18px;padding:28px 26px;display:grid;gap:18px}
.mb-card h1{font-size:25px;font-weight:900;letter-spacing:-.8px;margin:0;text-wrap:balance}
.mb-lead{margin:-8px 0 0;color:#6f6456;font-size:14.5px;line-height:1.7}
.mb-perks{list-style:none;margin:0;padding:14px 16px;border-radius:12px;background:#f7f2ea;display:grid;gap:6px;font-size:14px;color:#3d3a34}
.mb-perks li{display:flex;gap:8px}.mb-perks li::before{content:"";flex:none;width:6px;height:6px;margin-top:9px;border-radius:50%;background:#eac559}
.mb-btns{display:grid;gap:10px}
.mb-sso{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:12px;font-size:16px;font-weight:800;text-decoration:none;border:0;cursor:pointer}
.mb-sso svg{width:20px;height:20px;flex:none}
.mb-sso.kakao{background:#FEE500;color:rgba(0,0,0,.85)}
.mb-sso.naver{background:#03C75A;color:#fff}
.mb-sso.dev{background:#1f1c18;color:#fff}
.mb-sso:focus-visible{outline:3px solid #1f1c18;outline-offset:2px}
.mb-sso[aria-disabled="true"]{opacity:.45;pointer-events:none}
.mb-fine{font-size:12.5px;color:#968a78;line-height:1.7;margin:0}
.mb-fine a{color:#6f6456}
.mb-err{background:#fbe9e6;color:#9a3225;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:700}
.mb-err[hidden],.mb-ok[hidden]{display:none}
.mb-ok{background:#e7f4ea;color:#256b3c;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:700}

.mb-form{display:grid;gap:22px}
.mb-field{display:grid;gap:8px;border:0;margin:0;padding:0;min-width:0}
.mb-field > label,.mb-field > legend{font-size:14px;font-weight:800;color:#1f1c18;padding:0}
.mb-field .opt{font-weight:600;color:#968a78;font-size:12.5px;margin-left:4px}
.mb-field input[type=text],.mb-field input[type=search],.mb-field select{height:46px;border:1px solid #ddd3c2;border-radius:10px;padding:0 14px;font:inherit;font-size:15px;background:#fff;color:#1f1c18;width:100%;box-sizing:border-box}
.mb-field input:focus,.mb-field select:focus{outline:2px solid #eac559;border-color:#eac559}
.mb-hint{font-size:12.5px;color:#968a78;margin:0}
.mb-hint.bad{color:#b0412f;font-weight:700}.mb-hint.good{color:#2f7a4b;font-weight:700}

.mb-preview{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#1f1c18;color:#fff}
.mb-preview small{color:#c9bca6;font-size:12px;flex:none}
.mb-preview .nbl-tag{font-size:16px}
.mb-preview .nbl-nick{color:#fff}

.mb-brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;max-height:300px;overflow:auto;padding:2px}
.mb-brand{display:grid;justify-items:center;gap:6px;padding:10px 6px;border:1px solid #e6dccb;border-radius:10px;background:#fff;cursor:pointer;font:inherit;font-size:12.5px;color:#3d3a34}
.mb-brand img{height:20px;max-width:92px;object-fit:contain}
.mb-brand .ph{height:16px;font-weight:900;font-size:13px;line-height:16px;color:#1f1c18}
.mb-brand[aria-pressed="true"]{border-color:#1f1c18;box-shadow:inset 0 0 0 1px #1f1c18;background:#fffbef}
.mb-brand:focus-visible{outline:2px solid #eac559;outline-offset:1px}

.mb-chips{display:flex;flex-wrap:wrap;gap:8px}
.mb-chip{height:38px;padding:0 15px;border:1px solid #ddd3c2;border-radius:99px;background:#fff;font:inherit;font-size:14px;color:#3d3a34;cursor:pointer}
.mb-chip[aria-pressed="true"]{background:#1f1c18;border-color:#1f1c18;color:#fff;font-weight:800}
.mb-chip:focus-visible{outline:2px solid #eac559;outline-offset:1px}

.mb-checks{display:grid;gap:10px;padding:14px 16px;border:1px solid #ece3d4;border-radius:12px}
.mb-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6;cursor:pointer}
.mb-check input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:#1f1c18}
.mb-check a{color:#b0671b}
.mb-ts:empty{display:none}
.mb-submit{height:54px;border:0;border-radius:12px;background:#1f1c18;color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer}
.mb-submit:disabled{opacity:.4;cursor:default}
.mb-submit:focus-visible{outline:3px solid #eac559;outline-offset:2px}
.mb-row{display:flex;gap:10px;flex-wrap:wrap}
.mb-ghost{height:42px;padding:0 16px;border:1px solid #ddd3c2;border-radius:10px;background:#fff;font:inherit;font-size:14px;font-weight:700;color:#3d3a34;cursor:pointer}
.mb-danger{border-top:1px solid #ece3d4;padding-top:18px;display:grid;gap:10px}
.mb-danger summary{cursor:pointer;font-size:13.5px;color:#968a78;font-weight:700}
.mb-danger .mb-ghost{color:#9a3225;border-color:#e7c3bb}
.mb-public{font-size:12.5px;color:#6f6456;background:#f7f2ea;border-radius:10px;padding:10px 12px;line-height:1.7;margin:0}
@media (max-width:480px){.mb-card{padding:22px 16px;border-radius:14px}.mb-main{padding-inline:16px}}
.mb-fields{display:grid;gap:22px}

/* 이메일·비밀번호 가입(2026-09-29) — login·signup·verify·reset·me */
.mb-field input[type=email],.mb-field input[type=password],.mb-pwwrap input[type=text]{height:46px;border:1px solid #ddd3c2;border-radius:10px;padding:0 14px;font:inherit;font-size:16px;background:#fff;color:#1f1c18;width:100%;box-sizing:border-box;min-width:0}
.mb-pwwrap{position:relative}
.mb-pwwrap input{padding-right:72px!important}
.mb-eye{position:absolute;right:6px;top:34px;height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#6f6456;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.mb-eye:focus-visible{outline:2px solid #eac559}
.mb-or{display:flex;align-items:center;gap:12px;color:#968a78;font-size:13px;font-weight:700;margin:4px 0 -4px}
.mb-or::before,.mb-or::after{content:"";flex:1;height:1px;background:#ece3d4}
.mb-or[hidden],.mb-eform[hidden],.mb-links[hidden],.mb-unv[hidden],.mb-done[hidden],.mb-pw[hidden],.mb-row[hidden],.mb-form[hidden]{display:none}
.mb-eform{gap:14px}
.mb-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin:0;font-size:14px;color:#968a78}
.mb-links a{color:#b0671b;font-weight:700;text-decoration:none}
.mb-links a:hover{text-decoration:underline}
.mb-unv{display:grid;gap:10px;padding:14px 16px;border-radius:12px;background:#fff7e0;font-size:14px;line-height:1.7}
.mb-unv p{margin:0}
.mb-done{display:grid;gap:12px;font-size:14.5px;line-height:1.7}
.mb-done p{margin:0}
.mb-done b{overflow-wrap:anywhere}
.mb-alink{display:inline-flex;align-items:center;justify-content:center;padding:0 22px;text-decoration:none;flex:1 1 160px}
.mb-row a.mb-ghost{display:inline-flex;align-items:center;text-decoration:none}
.mb-pw{border-top:1px solid #ece3d4;padding-top:18px}
.mb-pw summary{cursor:pointer;font-size:14px;font-weight:800;color:#3d3a34}
.mb-pw .mb-form{gap:14px;margin-top:14px}
.mb-lead{overflow-wrap:anywhere}
@media (max-width:420px){.mb-row>*{flex:1 1 auto;justify-content:center}}
[data-theme="dark"] .mb-field input[type=email],[data-theme="dark"] .mb-field input[type=password],[data-theme="dark"] .mb-pwwrap input[type=text]{background:var(--nbl-surface2);color:var(--nbl-text);border-color:var(--nbl-border)}
[data-theme="dark"] .mb-eye{color:var(--nbl-sub)}
[data-theme="dark"] .mb-or{color:var(--nbl-faint)}
[data-theme="dark"] .mb-or::before,[data-theme="dark"] .mb-or::after,[data-theme="dark"] .mb-pw{border-color:var(--nbl-border);background-color:var(--nbl-border)}
[data-theme="dark"] .mb-pw{background:none}
[data-theme="dark"] .mb-links{color:var(--nbl-faint)}
[data-theme="dark"] .mb-links a{color:#f0b35c}
[data-theme="dark"] .mb-unv{background:var(--nbl-surface2);color:var(--nbl-text)}
[data-theme="dark"] .mb-pw summary,[data-theme="dark"] .mb-done{color:var(--nbl-text)}
[data-theme="dark"] .mb-submit,[data-theme="dark"] .mb-sso.dev{background:#eac559;color:#1f1c18}
[data-theme="dark"] .mb-submit:focus-visible{outline-color:#fff}

.mb-sso .mb-soon{margin-left:6px;font-size:11px;font-weight:700;background:rgba(255,255,255,.28);border-radius:999px;padding:2px 8px;vertical-align:middle}

/* hidden 속성이 display:flex 에 덮여 「로컬 시험 로그인」이 운영에서도 보이던 버그(2026-09-29) */
.mb-sso[hidden],.mb-btns [hidden]{display:none!important}

/* 내 정보 「내 요청·답변」 카드(2026-09-29) */
.rq-card h2{margin:0;font-size:19px;font-weight:900;letter-spacing:-.4px}
.rq-card .mb-lead{margin-top:-10px}
.rq-n{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:9px;background:#e5484d;color:#fff;font-size:11px;font-weight:800}
.rq-n[hidden]{display:none}
.rq-card[hidden]{display:none}

/* 만 14세 이상 확인 안내 (2026-09-30) */
.mb-agenote{margin:-4px 0 2px 28px;font-size:12.5px;line-height:1.55;color:#8a7f6e}.mb-agenote a{color:#b0671b}
:root[data-theme="dark"] .mb-agenote{color:#a89c89}

/* 이달의 라이더 점수 계산(투명하게) */
.pt-calc{margin:10px 0 0;padding:10px 12px;border:1px solid #f0d9bb;border-radius:12px;background:#fffaf2;font-size:13.5px}
.pt-calc summary{cursor:pointer;font-weight:800}.pt-calc summary b{color:#d9560c}
.pt-calc table{width:100%;margin:8px 0 4px;border-collapse:collapse}.pt-calc td{padding:4px 2px;border-bottom:1px dotted #eadfcd}.pt-calc td:last-child{text-align:right;font-weight:800}
.pt-calc-n{margin:6px 0 0;font-size:12px;color:#8a7f6e;line-height:1.55}.pt-calc-n a{color:#b0671b}
:root[data-theme="dark"] .pt-calc{background:#26231f;border-color:#3a352d}

/* 내 정보 「내 동호회」 카드(2026-09-30 동호회 공간, me-clubs.js) */
.mc-card h2{margin:0;font-size:21px;font-weight:900;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mc-badge{font-size:12.5px;padding:3px 10px;border-radius:99px;background:#e0661a;color:#fff}
.mc-list{display:grid;gap:8px}
.mc-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #ece3d4;border-radius:14px;background:#fffdf9;min-width:0;flex-wrap:wrap}
.mc-logo{flex:none;width:48px;height:48px;border-radius:12px;overflow:hidden;background:#1f1c18;display:grid;place-items:center;text-decoration:none}
.mc-logo img{width:100%;height:100%;object-fit:cover}.mc-logo span{color:#f0c35a;font-size:20px;font-weight:900}
.mc-mid{flex:1;min-width:140px}
.mc-name{font-weight:900;font-size:16px;color:#1f1c18;text-decoration:none;overflow-wrap:anywhere}
.mc-st{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px}
.mc-st small{color:#8f8474;font-size:12.5px}.mc-st b{color:#c9560f}.mc-st em{font-style:normal;color:#fff;background:#e0661a;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:800}
.mc-role{font-size:11.5px;font-weight:900;padding:2px 8px;border-radius:6px;background:#f1ebe0;color:#6f6456}
.mc-role.owner{background:#1f1c18;color:#f0c35a}.mc-role.vice{background:#e0661a;color:#fff}.mc-role.staff{background:#fff0d6;color:#b3651d}.mc-role.wait{background:#fff3c4;color:#7a5b00}.mc-role.no{background:#fbe3df;color:#9a3225}
.mc-btns{display:flex;gap:6px;flex-wrap:wrap}
.mc-go{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 13px;border:1px solid #ddd3c2;border-radius:99px;background:#fff;color:#3d3a34;font:inherit;font-size:13.5px;font-weight:800;text-decoration:none;cursor:pointer}
.mc-go.adm{background:#e0661a;border-color:#e0661a;color:#fff}.mc-go b{background:#fff;color:#c9560f;border-radius:99px;padding:0 6px;font-size:12px}
.mc-empty{margin:0;color:#8f8474;font-size:14px}.mc-empty a{color:#b3651d}
.mc-find summary{cursor:pointer;font-weight:900;color:#b3651d;padding:6px 0}
.mc-find input{width:100%;margin:8px 0;padding:10px 12px;border:1px solid #d9cfbf;border-radius:10px;font:inherit}
[data-theme="dark"] .mc-item{background:var(--nbl-surface2,#212721);border-color:var(--nbl-border,#2a312a)}
[data-theme="dark"] .mc-name{color:var(--nbl-text,#e9ede7)}
[data-theme="dark"] .mc-go{background:var(--nbl-surface,#181d18);border-color:var(--nbl-border,#2a312a);color:var(--nbl-text,#e9ede7)}
[data-theme="dark"] .mc-go.adm{background:#e0661a;border-color:#e0661a;color:#fff}
[data-theme="dark"] .mc-find input{background:var(--nbl-surface,#181d18);border-color:var(--nbl-border,#2a312a);color:var(--nbl-text,#e9ede7)}

/* 내 동호회 v2(2026-10-01) — 목표 대회 접수 알림 · 동호회 리워드 쿠폰 */
.mc-sub{margin:12px 0 6px;font-weight:900;font-size:14.5px}.mc-sub small{font-weight:600;color:#8f8474;font-size:12px}
.mc-alerts{display:grid;gap:6px}
.mc-alert{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #eee5d8;border-radius:12px;background:#fff;color:inherit;text-decoration:none}
.mc-alert span{display:grid;min-width:0}.mc-alert small{color:#8f8474;font-size:12.5px}
.mc-gs{flex:none;font-size:12px;font-weight:900;padding:3px 8px;border-radius:6px;color:#fff}.mc-gs.open{background:#1e8f4e}.mc-gs.soon{background:#e0661a}
.mc-rw{display:grid;gap:8px}.mc-cp{padding:12px 14px;border:1px solid #f3dfb8;border-radius:14px;background:#fff8ea}.mc-cp.used{opacity:.6}
.mc-cp p{margin:0 0 6px}.mc-cp small{color:#8f8474}.mc-cp img{display:block;max-width:260px;width:100%;border-radius:10px;margin:6px 0}
.mc-code{font:800 18px ui-monospace,Consolas,monospace;letter-spacing:1px}
[data-theme="dark"] .mc-alert{background:var(--nbl-surface,#181d18);border-color:var(--nbl-border,#2a312a)}[data-theme="dark"] .mc-cp{background:#2a2219;border-color:#4a3a22}