/* 화면별 모양 (목업 CSS 그대로 · 화면 이름으로 감싸서 서로 안 섞이게) */
@keyframes popIn{0%{opacity:0;transform:translateY(16px) scale(.96)}60%{opacity:1;transform:translateY(-3px) scale(1.01)}100%{opacity:1;transform:none}}
@keyframes mlFold{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes mlPop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}80%{transform:scale(.95)}100%{opacity:1;transform:scale(1)}}
@keyframes mlJelly{0%{transform:scale(1)}30%{transform:scale(.9,.94)}55%{transform:scale(1.06,1.02)}75%{transform:scale(.98)}100%{transform:scale(1)}}
@keyframes mlShakeX{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
@keyframes mlIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes mlGrow{from{transform:scaleY(.2);opacity:0}to{transform:scaleY(1);opacity:1}}
@keyframes mlBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes mlInL{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes mlInR{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes mlDot{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes mlTag{0%{opacity:0;transform:translateY(10px) scale(.6)}60%{opacity:1;transform:translateY(-2px) scale(1.08)}100%{opacity:1;transform:none}}
@keyframes mlTagIn{0%{opacity:0;transform:translateY(6px) scale(.7)}60%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:none}}
@keyframes mlDropA{0%{opacity:0;transform:translateY(-16px)}60%{opacity:1;transform:translateY(3px)}100%{opacity:1;transform:none}}
@keyframes mlSwoosh{0%{transform:none;opacity:1;max-height:400px}18%{transform:translateX(-12px) rotate(-1.5deg);opacity:1;max-height:400px}70%{transform:translateX(110%) rotate(6deg);opacity:0;max-height:400px;padding-top:16px;padding-bottom:16px;margin-bottom:0}100%{transform:translateX(120%) rotate(6deg);opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:-12px;border-width:0}}
@keyframes mlAccept{0%{transform:none;opacity:1;max-height:400px;background:#FFFFFF}20%{transform:scale(1.03);background:#CDEB4B;max-height:400px}45%{transform:scale(.98);background:#CDEB4B;max-height:400px}75%{transform:translateY(-30px) scale(.96);opacity:0;max-height:400px;padding-top:16px;padding-bottom:16px;margin-bottom:0}100%{transform:translateY(-30px) scale(.96);opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:-12px;border-width:0}}
@keyframes mlInLA{0%{opacity:0;transform:translateX(-140px)}55%{opacity:1;transform:translateX(10px) scale(.92,1.06)}75%{transform:translateX(-2px) scale(1.04,.97)}100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes mlInRA{0%{opacity:0;transform:translateX(140px)}55%{opacity:1;transform:translateX(-10px) scale(.92,1.06)}75%{transform:translateX(2px) scale(1.04,.97)}100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes mlSpark{0%{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(1.4)}}
@keyframes mlUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes mlWobble{0%,100%{transform:scale(1,1)}25%{transform:scale(1.05,.95)}50%{transform:scale(.97,1.03)}75%{transform:scale(1.02,.98)}}
@keyframes mlShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px) rotate(-3deg)}75%{transform:translateX(2px) rotate(3deg)}}
@keyframes mlBoing{0%{opacity:0;transform:translateY(24px) scale(.3)}45%{opacity:1;transform:translateY(-6px) scale(1.12,.9)}65%{transform:translateY(0) scale(.94,1.06)}100%{opacity:1;transform:none}}
@keyframes mlFadeOut{0%,80%{opacity:1}100%{opacity:0}}
@keyframes mlSheet{0%{transform:translateY(100%)}100%{transform:none}}
.jelly{animation:mlJelly .45s}
.ml-notify-dim{position:fixed;inset:0;z-index:60;background:rgba(21,21,21,.18)}
button{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}button:active{transform:scale(.95)}

/* ── 시작하기 결과 (MStartResult) */
.sr{padding-bottom:32px}
.sr .top{height:56px;padding:0 16px 0 5px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #E4E4DE;position:static;background:transparent;backdrop-filter:none}
.sr .top b{font-size:17px}
.sr .top .home{margin-left:auto;font-size:13px;color:#5E5E58;text-decoration:none;height:44px;display:flex;align-items:center}
.sr .stk{padding:20px 16px 0;display:flex;flex-direction:column;gap:16px}
.sr .eyebrow{font-family:'Space Grotesk','IBM Plex Sans KR',sans-serif;font-size:12px;font-weight:600;color:#4F6200;letter-spacing:.04em}
.sr h1{margin:6px 0 4px;font-size:22px;font-weight:700;letter-spacing:-.02em}
.sr .sb{margin:0;font-size:13px;color:#5E5E58}
.sr .stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sr .st{height:64px;padding:0 14px;border-radius:16px;background:#FFFFFF;border:1px solid #E4E4DE;display:flex;align-items:center;gap:10px}
.sr .st b{display:block;font-family:'Space Grotesk',sans-serif;font-size:20px;line-height:1.1;font-variant-numeric:tabular-nums}
.sr .st span{font-size:12px;color:#5E5E58}
.sr .dots{display:flex;gap:4px}
.sr .dots i{width:12px;height:12px;border-radius:50%;border:2px solid #BDBDB6;box-sizing:border-box}
.sr .dots i.on{background:#CDEB4B;border:1px solid #151515}
.sr .note{display:flex;align-items:center;gap:10px}
.sr .note p{flex:1;margin:0;font-size:12px;color:#5E5E58;line-height:1.5}
.sr .replay{flex-shrink:0;height:36px;padding:0 12px;border-radius:999px;border:1px solid #D6D6CF;background:#FFFFFF;font-size:12px;font-weight:600;cursor:pointer}
.sr .list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.sr .card{background:#FFFFFF;border:1px solid #E4E4DE;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px}
.sr .card.warn{border-color:#C2410C}
.sr .r1{display:flex;align-items:center;gap:12px}
.sr .rk{width:16px;flex-shrink:0;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:#5E5E58;text-align:center}
.sr .av{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid #151515;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;text-decoration:none}
.sr .nm{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sr .nm .n{display:flex;align-items:center;gap:6px}
.sr .nm .n a{font-size:16px;font-weight:700;text-decoration:none}
.sr .nm small{font-size:12px;color:#5E5E58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr .wtag{height:20px;padding:0 6px;border-radius:5px;background:#C2410C;color:#FFFFFF;font-size:11px;font-weight:700;display:inline-flex;align-items:center}
.sr .ntag{height:20px;padding:0 6px;border-radius:5px;background:#F1F9D2;color:#3F4D00;font-size:11px;font-weight:700;display:inline-flex;align-items:center;border:1px solid #151515}
.sr .pct{flex-shrink:0;height:36px;min-width:60px;padding:0 10px;box-sizing:border-box;border-radius:10px;border:1px solid #151515;font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center}
.sr .same{margin:-4px 0 0;font-size:13px;color:#3A3A36;padding-left:80px}
.sr .acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sr .b{height:40px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center}
.sr .b.l{border:1px solid #D6D6CF;background:#FFFFFF}
.sr .b.d{background:#151515;color:#FFFFFF}
.sr .b.lock{border:1px dashed #BDBDB6;color:#A4A49D;background:transparent;font-size:12px}
.sr .foot{margin:0;font-size:12px;color:#5E5E58;line-height:1.6}
.sr .empty{padding:32px 16px;border-radius:18px;border:1px dashed #BDBDB6;text-align:center;font-size:14px;color:#5E5E58;background:transparent}

/* ── 고른 답 비교 (MCompare) */
.cp{padding-bottom:110px}
.cp .tp{height:56px;padding:0 3px 0 16px;display:flex;align-items:center;gap:8px}
.cp .mode{height:28px;padding:0 10px;border-radius:999px;background:#151515;color:#FFFFFF;font-size:12px;font-weight:600;display:inline-flex;align-items:center}
.cp .tp h1{margin:0;font-size:16px;font-weight:700}
.cp .x{margin-left:auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:0;background:transparent}
.cp .stk{padding:0 16px;display:flex;flex-direction:column;gap:12px}
.cp .hero{border-radius:20px;border:1px solid #151515;padding:16px;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:16px}
.cp .pair{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:10px}
.cp .av{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;flex-shrink:0}
.cp .av.me{background:#FFFFFF;border:1px solid #151515}
.cp .av.them{background:#151515;color:#FFFFFF}
.cp .who{flex:1 1 0;display:flex;flex-direction:column;min-width:0}
.cp .who b{max-width:100%;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.cp .who span{max-width:100%;font-size:12px;color:#3A3A36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp .score{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid rgba(21,21,21,.2)}
.cp .big{font-family:'Space Grotesk',sans-serif;font-size:48px;font-weight:700;letter-spacing:-.05em;line-height:.9}
.cp .sc{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.cp .sc b{font-size:14px}.cp .sc span{font-size:12px;color:#3A3A36}
.cp .warn{display:flex;gap:10px;padding:12px 14px;border-radius:14px;background:#FFF1E8;border:1px solid #C2410C;font-size:13px;line-height:1.55;color:#7C2D12}
.cp .seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:14px;background:#FFFFFF;border:1px solid #E4E4DE}
.cp .segb{height:40px;border:0;border-radius:10px;background:transparent;font-size:14px;color:#5E5E58;cursor:pointer}
.cp .segb.on{background:#151515;color:#FFFFFF;font-weight:600}
.cp .list{display:flex;flex-direction:column;gap:8px}
.cp .row{background:#FFFFFF;border:1px solid #E4E4DE;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;align-items:stretch;gap:10px;animation:mlIn .35s ease-out both}
.cp .row.ban{background:#FFF7F2;border-color:#C2410C}
.cp .rh{display:flex;align-items:center;gap:8px}
.cp .rh b{flex:1;min-width:0;font-size:15px}
.cp .res{height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;flex-shrink:0}
.cp .res.same{background:#CDEB4B;border:1px solid #151515}
.cp .res.half{background:#F1F9D2;border:1px solid #151515}
.cp .res.diff{background:#F6F6F3;color:#5E5E58}
.cp .res.ban{background:#C2410C;color:#FFFFFF}
.cp .tags{display:flex;flex-wrap:wrap;gap:4px}
.cp .tag{height:22px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;border:1px solid #D6D6CF;color:#3A3A36}
.cp .tag.ban{background:#C2410C;border-color:#C2410C;color:#FFFFFF}
.cp .ans{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cp .cell{display:flex;flex-direction:column;gap:4px;min-width:0}
.cp .cell small{font-size:11px;color:#5E5E58}
.cp .a{min-height:36px;padding:7px 12px;box-sizing:border-box;border-radius:10px;font-size:14px;display:flex;align-items:center;line-height:1.35;overflow-wrap:anywhere}
.cp .a.same{background:#CDEB4B;border:1px solid #151515;font-weight:600}
.cp .a.diff{background:#FFFFFF;border:1px dashed #8A8A84}
.cp .a.ban{background:#C2410C;border:1px solid #C2410C;color:#FFFFFF;font-weight:600}
.cp .a.none{background:#F6F6F3;color:#A4A49D}
.cp .note{font-size:12px;color:#5E5E58;line-height:1.6;padding:4px 0;margin:0}
.cp .bar{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;box-sizing:border-box;padding:12px 16px calc(20px + env(safe-area-inset-bottom));background:#FFFFFF;border-top:1px solid #E4E4DE;display:flex;gap:8px;z-index:20}
.cp .b1{width:96px;height:48px;border-radius:999px;border:1px solid #D6D6CF;background:#FFFFFF;font-size:15px;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.cp .b2{flex:1;height:48px;border-radius:999px;border:1px solid #151515;background:#CDEB4B;font-size:15px;font-weight:700;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer}
.cp .b2.dk{background:#151515;color:#FFFFFF}


/* ── 내 프로필 (MMyProfile) · 클래스 앞에 mp- */
.mp-pg{position:relative;width:100%;min-height:100%;background:#F6F6F3;color:#151515;font-family:'IBM Plex Sans KR',system-ui,sans-serif;word-break:keep-all}
.mp-top{position:sticky;top:0;z-index:15;height:56px;padding:0 16px 0 5px;display:flex;align-items:center;gap:4px;background:#F6F6F3;border-bottom:1px solid #E4E4DE}
.mp-top h1{margin:0;font-size:17px;font-weight:700}
.mp-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:12px}
.mp-save{margin-left:auto;height:36px;padding:0 16px;border-radius:999px;border:0;background:#CDEB4B;font-size:14px;font-weight:700;cursor:pointer}
.mp-stack{padding:16px;display:flex;flex-direction:column;gap:12px}
.mp-card{background:#FFFFFF;border:1px solid #E4E4DE;border-radius:20px}
.mp-card.mp-on{border-color:#151515}
.mp-head{width:100%;display:flex;align-items:center;gap:12px;padding:16px;border:0;background:transparent;text-align:left;cursor:pointer}
.mp-num{width:32px;height:32px;flex-shrink:0;border-radius:10px;background:#151515;color:#CDEB4B;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.mp-num.mp-adult{background:#7A1F3D;color:#FFFFFF}
.mp-ht{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mp-ht b{font-size:16px;font-weight:700}
.mp-ht span{font-size:12px;color:#5E5E58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-card.mp-on .mp-ht span{display:none}
.mp-chev{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#F6F6F3;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.mp-card.mp-on .mp-chev{transform:rotate(180deg);background:#CDEB4B}
.mp-body{padding:0 16px 16px;display:flex;flex-direction:column;gap:20px;animation:mlFold .3s cubic-bezier(.25,1,.5,1) both}
.mp-block{display:flex;flex-direction:column;gap:10px}
.mp-block+.mp-block.mp-line{padding-top:20px;border-top:1px solid #E4E4DE}
.mp-lab{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.mp-lab b{font-size:14px;font-weight:700}
.mp-lab span,.mp-help{font-size:12px;color:#5E5E58}
.mp-inp{height:44px;width:100%;box-sizing:border-box;padding:0 14px;border-radius:12px;border:1px solid #D6D6CF;background:#FFFFFF;font-size:15px}
.mp-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mp-segb{height:44px;border-radius:12px;border:1px solid #E4E4DE;background:#FFFFFF;font-size:14px;cursor:pointer}
.mp-segb.mp-on{border:2px solid #151515;background:#FBFDF2;font-weight:700}
.mp-chips{display:flex;flex-wrap:wrap;gap:6px}
.mp-chip{height:32px;padding:0 12px;border-radius:999px;border:1px solid #D6D6CF;background:#FFFFFF;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.mp-chip.mp-like{background:#CDEB4B;border-color:#151515;font-weight:600}
.mp-chip.mp-mine{background:#151515;border-color:#151515;color:#FFFFFF;font-weight:600}
.mp-chip.mp-wlike{background:#F9EEF1;border-color:#7A1F3D;color:#7A1F3D;font-weight:600}
.mp-chip.mp-wmine{background:#7A1F3D;border-color:#7A1F3D;color:#FFFFFF;font-weight:600}
.mp-chip.mp-dark{background:#151515;border-color:#151515;color:#FFFFFF;font-weight:600}
.mp-chip.mp-ban{background:#C2410C;border-color:#C2410C;color:#FFFFFF;font-weight:600}
.mp-chip.mp-dash{border-style:dashed;color:#5E5E58;background:transparent}
.mp-chip.mp-off{color:#A4A49D;border-color:#E4E4DE;cursor:not-allowed}
.mp-tabs{display:flex;flex-wrap:wrap;gap:6px}
.mp-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:#F6F6F3}
.mp-cats .mp-tab{width:100%;height:36px;border:0;border-radius:9px;background:transparent;color:#5E5E58}
.mp-cats .mp-tab.mp-on{background:#151515;color:#FFFFFF}
.mp-tab{flex-shrink:0;height:32px;padding:0 12px;border-radius:999px;border:1px solid #D6D6CF;background:#FFFFFF;font-size:13px;cursor:pointer}
.mp-tab.mp-on{background:#151515;border-color:#151515;color:#FFFFFF;font-weight:600}
.mp-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:12px;border:1px solid #D6D6CF;background:#FFFFFF}
.mp-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:14px}
.mp-check{display:flex;align-items:center;gap:10px;min-height:44px;border:0;background:transparent;padding:0;font-size:15px;font-weight:600;cursor:pointer}
.mp-box{width:22px;height:22px;border-radius:6px;border:2px solid #BDBDB6;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#FFFFFF}
.mp-box.mp-on{background:#CDEB4B;border:1.5px solid #151515}
.mp-box.mp-w.mp-on{background:#7A1F3D;border-color:#7A1F3D}
.mp-pill19{height:20px;padding:0 6px;border-radius:5px;background:#7A1F3D;color:#FFFFFF;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;display:inline-flex;align-items:center}
.mp-tip{padding:12px 14px;border-radius:14px;background:#151515;color:#FFFFFF;font-size:13px;line-height:1.6;animation:mlTipPop .22s both}
.mp-tip b{display:block;color:#CDEB4B}
.mp-sub{display:flex;flex-direction:column;gap:10px;padding-left:12px;border-left:2px solid #CDEB4B;animation:mlFold .3s both}
.mp-lock{display:flex;align-items:center;gap:6px;font-size:12px;color:#5E5E58}
.mp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mp-age{height:48px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;border:1px solid #E4E4DE;background:#FFFFFF;font-size:14px;cursor:pointer;text-align:left}
.mp-age.mp-on{border:2px solid #7A1F3D;background:#F9EEF1;font-weight:700}
.mp-age.mp-full{opacity:.5}
.mp-age.mp-shake{animation:mlShakeX .4s}
.mp-dot{width:20px;height:20px;flex-shrink:0;border-radius:50%;border:2px solid #BDBDB6;box-sizing:border-box;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.mp-age.mp-on .mp-dot{border:0;background:#7A1F3D;color:#FFFFFF}
.mp-combo{height:44px;padding:0 14px;border-radius:12px;border:2px solid #151515;background:#F1F9D2;font-size:17px;font-weight:700;display:inline-flex;align-items:center;gap:10px}
.mp-combo i{font-style:normal;font-size:12px;color:#5E5E58;font-weight:500}
.mp-animals{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mp-ani{height:72px;border-radius:14px;border:1px solid #E4E4DE;background:#FFFFFF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;cursor:pointer}
.mp-ani.mp-on{border:2px solid #151515;background:#F1F9D2;font-weight:600}
.mp-ani.mp-full{opacity:.45}
.mp-q{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid #E4E4DE}
.mp-qlist{display:flex;flex-direction:column}
.mp-q.mp-ranked .mp-qn{background:#151515;color:#CDEB4B}
.mp-qn{width:22px;height:22px;flex-shrink:0;border-radius:6px;background:#F6F6F3;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.mp-qm{font-size:11px;color:#5E5E58;flex-shrink:0}
.mp-qg{display:flex;flex-direction:column;gap:6px}
.mp-ql{font-size:12px;color:#5E5E58}
.mp-imp{display:flex;align-items:center;justify-content:space-between}
.mp-imp span{font-size:12px;color:#5E5E58}
.mp-rl{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.mp-rl li{height:40px;display:flex;align-items:center;gap:10px;padding:0 4px 0 12px;border-radius:10px;border:1px solid #E4E4DE;background:#FFFFFF}
.mp-rl li:first-child{border-color:#151515;background:#FBFDF2}
.mp-rl b{flex:1;font-size:14px}
.mp-rn{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;width:16px}
.mp-mv{width:36px;height:36px;border:0;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mp-qt{display:flex;align-items:center;gap:8px}
.mp-qt b{flex:1;font-size:15px}
.mp-rank{display:flex;gap:4px}
.mp-rk{width:32px;height:32px;border-radius:9px;border:1px solid #D6D6CF;background:#FFFFFF;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;cursor:pointer}
.mp-rk.mp-on{background:#151515;border-color:#151515;color:#CDEB4B}
.mp-qr{display:flex;align-items:flex-start;gap:8px}
.mp-qr>span{width:32px;flex-shrink:0;font-size:12px;color:#5E5E58;line-height:32px}
.mp-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid #E4E4DE;font-size:14px}
.mp-row b{flex:1;font-weight:600}
.mp-row span{font-size:12px;color:#5E5E58}
.mp-add{height:44px;border-radius:12px;border:1px dashed #BDBDB6;background:#F6F6F3;font-size:14px;font-weight:600;cursor:pointer}
.mp-deep{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:#F9EEF1}
.mp-deep .mp-t{display:flex;align-items:center;gap:8px}
.mp-deep .mp-t b{font-size:15px}
.mp-tag19{height:22px;padding:0 7px;border-radius:6px;background:#7A1F3D;color:#FFFFFF;font-size:11px;font-weight:700;display:inline-flex;align-items:center}
.mp-btnw{height:44px;border-radius:999px;border:0;background:#7A1F3D;color:#FFFFFF;font-size:14px;font-weight:700;cursor:pointer}
.mp-sheetbg{position:fixed;inset:0;z-index:20;background:rgba(21,21,21,.55);display:flex;align-items:flex-end}
.mp-sheet{width:100%;background:#FFFFFF;border-radius:24px 24px 0 0;animation:mlSheet .4s cubic-bezier(.25,1,.5,1) both}
.mp-grab{display:flex;justify-content:center;padding-top:10px}.mp-grab i{width:40px;height:4px;border-radius:2px;background:#D6D6CF}
.mp-sh{padding:12px 16px 4px;display:flex;align-items:flex-start;gap:8px}
.mp-sh div{flex:1}.mp-sh b{display:block;font-size:19px;line-height:1.35}.mp-sh b span{font-size:inherit;color:inherit}.mp-sh div>span{display:block;margin-top:2px;font-size:13px;color:#5E5E58}
.mp-sb{padding:12px 16px 24px;display:flex;flex-direction:column;gap:8px}
.mp-it{width:100%;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border-radius:14px;border:1px solid #E4E4DE;background:#FFFFFF;cursor:pointer;text-align:left}
.mp-it.mp-on{border:2px solid #7A1F3D;background:#F9EEF1}
.mp-it .mp-bx{width:22px;height:22px;flex-shrink:0;border-radius:6px;border:2px solid #BDBDB6;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.mp-it.mp-on .mp-bx{border:0;background:#7A1F3D}
.mp-it>span:not(.mp-bx){flex:1;display:flex;flex-direction:column}.mp-it b{font-size:15px}.mp-it small{font-size:12px;color:#5E5E58}
.mp-gate p{margin:0;font-size:14px;line-height:1.75;color:#3A3A36}
.mp-gate .mp-it{margin-top:8px}
.mp-btn.mp-dk.mp-off{background:#E4E4DE;color:#A4A49D;cursor:not-allowed}
.mp-it small{line-height:1.5}
.mp-offbox{margin-top:6px;padding:14px;border-radius:14px;background:#F6F6F3;display:flex;flex-direction:column;gap:10px;animation:mlFold .3s both}
.mp-offbox p{margin:0;font-size:13px;line-height:1.7;color:#3A3A36}
.mp-two{display:flex;gap:6px}
.mp-btn{flex:1;height:44px;border-radius:999px;border:1px solid #D6D6CF;background:#FFFFFF;font-size:13px;font-weight:600;cursor:pointer}
.mp-btn.mp-w{flex:1.5;border:0;background:#7A1F3D;color:#FFFFFF;font-weight:700}
.mp-btn.mp-dk{flex:none;height:48px;border:0;background:#151515;color:#FFFFFF;font-size:15px;font-weight:700}
.mp-toast{position:fixed;left:0;right:0;top:68px;z-index:30;display:flex;justify-content:center;pointer-events:none}
.mp-toast>div{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 12px;border-radius:20px;background:#FFFFFF;border:2px solid #151515;box-shadow:0 18px 40px rgba(21,21,21,.22)}
.mp-toast b{font-family:'Space Grotesk','IBM Plex Sans KR',sans-serif;font-size:18px}.mp-toast span{font-size:12px;color:#3A3A36}
.mp-sheetbg{z-index:80;justify-content:center}.mp-sheet{max-width:480px;max-height:90vh;overflow:auto}
.mp-stack{padding-bottom:40px}
@keyframes mlTipPop{0%{opacity:0;transform:translateY(6px) scale(.96)}100%{opacity:1;transform:none}}