html:has(> body.fanfick-app), body.fanfick-app { overscroll-behavior-x: none; }
body.fanfick-app { background: radial-gradient(1100px 680px at 50% -10%, #16131f, #0a0a0d 62%) no-repeat fixed #0a0a0d; color: #e8e6f0; }
body.fanfick-app header.pc { background: #121016; border-bottom: 1px solid #23202e; }
body.fanfick-app header.pc .logo img { filter: brightness(0) invert(1); opacity: .92; }
body.fanfick-app footer { background: #0c0b10; border-top: 1px solid #23202e; color: #6f6f77; }
body.fanfick-app footer a, body.fanfick-app footer .footer-link ul li a { color: #9a93b2; }
body.fanfick-app footer .footer-link ul li:not(:last-child)::after { background: #2c2740; }
body.fanfick-app input, body.fanfick-app textarea, body.fanfick-app input[readonly] { background: #1c1a26; border-color: #2c2740; color: #e8e6f0; }
body.fanfick-app input[readonly] { color: #9a93b2; }
@media (min-width: 1000px) {
	body.fanfick-app.pc-deco:has(.pc-shell) header.pc { display: none !important; }
	body.fanfick-app.pc-deco main:has(.pc-shell) { display: block; max-width: none; margin: 0; min-height: 0; }
	body.fanfick-app.pc-deco .pc-shell .mypage-frame { flex: 1 1 auto; min-width: 0; max-width: 1480px; width: auto; height: 92vh; overflow-y: auto; margin: 0; padding: 20px 34px 40px; border: 1px solid #26262f; border-radius: 20px; background: transparent; box-shadow: 0 24px 70px rgba(0,0,0,.55); box-sizing: border-box; scrollbar-width: none; }
	body.fanfick-app.pc-deco .pc-shell .mypage-frame::-webkit-scrollbar { display: none; }
	.mp-hero-point { display: flex; align-items: center; justify-content: center; flex-direction: column; }
}

label {cursor:auto;}
input {max-width:300px;}

.subscribed-models { display: flex; gap: 14px; overflow-x: auto; padding: 2px 0 4px; -webkit-overflow-scrolling: touch; }
.subscribed-models::-webkit-scrollbar { display: none; }
.subscribed-model-item { display: flex; flex-direction: column; align-items: center; gap: 3px; text-decoration: none; flex-shrink: 0; }
.subscribed-model-avatar { width: 32px; height: 32px; border-radius: 50%; overflow: hidden; border: 1.5px solid #e9c46a; }
.subscribed-model-avatar img { width: 100%; height: 100%; object-fit: cover; }
.subscribed-model-name { font-size: 9px; color: #e8e6f0; font-weight: 600; max-width: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.subscribed-model-days { font-size: 9px; color: #e9c46a; font-weight: 500; }

.mypage-section { padding-top: 20px; border-top: 1px solid #23202e; }

.all-model-grid { display: none; grid-template-columns: repeat(5, 1fr); gap: 18px 8px; padding: 8px 0 4px; }
.all-model-grid.open { display: grid; }
.all-model-item { display: flex; flex-direction: column; align-items: center; gap: 5px; text-decoration: none; }
.all-model-item.hidden { display: none !important; }
.all-model-avatar { width: 52px; height: 52px; border-radius: 50%; overflow: hidden; border: 2px solid #2c2740; transition: border-color 0.2s; }
.all-model-avatar img { width: 100%; height: 100%; object-fit: cover; }
.all-model-item:active .all-model-avatar { border-color: #e9c46a; }
.all-model-name { font-size: 10px; color: #9a93b2; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; max-width: 56px; }

.mypage-tabs { display: flex; margin-bottom: 0; gap: 0; }
.mypage-tabs a { display: inline-flex; align-items: center; padding: 14px 20px; font-size: 12px; font-weight: 700; color: #9a93b2; text-decoration: none; letter-spacing: 0.3px; transition: color 0.15s; }
.mypage-tabs a:hover, .mypage-tabs a.active { color: #e9c46a; }

.mypage-container, .profile-container { position: relative; padding: 0 13px; }
.mypage-container::before, .profile-container::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #e9c46a, #e0b455); }
.mypage-header { display: flex; align-items: baseline; gap: 12px; padding: 22px 0 18px; border-bottom: 1px solid #23202e; letter-spacing: 1px; }
.mypage-header .section-title { font-size: 14px; font-weight: 700; color: #e8e6f0; }
.mypage-header span { font-size: 11px; color: #6f6f77; }

.form-body { padding: 4px 0 0; }
.form-row {padding-left:0;padding-right:0;border-bottom-color:#23202e;}
.form-row.mypage {font-size:13px;}
.form-row.upload {align-items: flex-start;}
.form-row.upload label {padding-top:3px;}

.upload-content { display: flex; flex-direction: column; gap: 7px; flex: 1; }
.upload-content img, .upload-content video { width: 140px; height: auto; border: 1px solid #2c2740; display: block; }

.mypage-badge { display: inline-block; background: rgba(233,196,106,0.14); color: #e9c46a; border: 1px solid #4a4023; border-radius: 20px; padding: 2px 12px; font-size: 12px; font-weight: 600; letter-spacing: 0.01em; }
.mypage-point { font-weight: 700; color: #e9c46a; padding-right: 3px; }
.mypage-point-unit { font-size: 12px; color: #9a93b2; }
.mypage-form-control { flex: 1; }
.mypage-form-text { font-size: 13px; color: #e8e6f0; }
.price-wrap { display: flex; align-items: center; gap: 8px; }
.price-input { width: 120px; }
.price-unit { font-size: 13px; color: #e9c46a; font-weight: 600; }

.exch-overview { display: flex; gap: 12px; padding: 12px 0 16px; }
.exch-overview dl { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 8px; margin: 0; }
.exch-overview dt { font-size: 10px; color: #9a93b2; font-weight: 600; }
.exch-overview dd { font-size: 14px; font-weight: 700; color: #e9c46a; margin: 0; }

.doc-row { display: flex; align-items: center; gap: 8px; padding: 10px 0 6px; }
.doc-chip { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 20px; font-size: 11px; font-weight: 600; background: #23202e; color: #9a93b2; }
.doc-chip.ok { background: rgba(46,125,50,0.2); color: #6cc47f; }

.mypage-help-box { margin: 0 28px 18px; padding: 14px 16px; background: #17151f; border: 1px solid #2c2740; border-radius: 10px; }
.mypage-help-box strong { display: block; margin-bottom: 6px; font-size: 12px; color: #e8e6f0; }
.mypage-help-box p { margin: 0; font-size: 12px; color: #9a93b2; line-height: 1.7; }
.mypage-warning-box { margin: 8px 0 16px; padding: 16px 18px; background: rgba(231,76,60,0.08); border: 1px solid #5a2b2b; border-radius: 10px; }
.mypage-warning-box ul { padding:4px 8px; }
.mypage-warning-box li { font-size: 12px; color: #d9a9a9; line-height: 1.8; }
.mypage-leave-label {cursor:pointer;color:#b8b2c8;}
.mypage-leave-label {display:flex;width:100%;justify-content:flex-start;}
.mypage-leave-label input[type="checkbox"] {width:20px;height:20px;}

.model-gender-wrap { display: flex; justify-content: center; gap: 8px; margin-bottom: 14px; }
.model-gender-btn { padding: 6px 12px; border: 1.5px solid #2c2740; border-radius: 20px; font-size: 10px; font-weight: 600; background: #1c1a26; color: #9a93b2; cursor: pointer; transition: all 0.2s; -webkit-tap-highlight-color: transparent; }
.model-gender-btn.active-male   { border-color: #5e9fff; background: #5e9fff; color: #fff; }
.model-gender-btn.active-female { border-color: #e9c46a; background: #e9c46a; color: #241d07; }

.btn-row {justify-content:flex-start;padding: 20px 0 28px;}
.btn-row > button { display: inline-flex; align-items: center; justify-content: center; min-width: 128px; height: 42px; border-radius: 8px; font-size: 12px; font-weight: 600; text-decoration: none; cursor: pointer; transition: all 0.15s; }
.btn-row.mypage .m {display:none;}
.mypage-frame:has(.mp-hero) .btn-row.mypage {padding-top:0;}

.doc-form-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 10px 0 16px; font-size: 12px; color: #9a93b2; }
.doc-form-row label { display: flex; align-items: center; gap: 6px; }
.doc-form-row input[type=file] { max-width: 180px; }

.exch-input { width: 170px; }

.badge.exch-pending { display: inline-block; padding: 2px 8px; font-size: 12px; border-radius: 3px; background: rgba(233,196,106,0.15); color: #e9c46a; }
.badge.exch-done    { display: inline-block; padding: 2px 8px; font-size: 12px; border-radius: 3px; background: rgba(46,125,50,0.2); color: #6cc47f; }

.sales-table { width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 8px; }
.sales-table th { text-align:center; padding: 8px 10px; background: #1c1a26; color: #e9c46a; font-weight: 700; border-bottom: 2px solid #2c2740; }
.sales-table td { text-align:center; padding: 8px 10px; border-bottom: 1px solid #23202e; color: #d8d4e6; }
.sales-empty { font-size: 12px; color: #9a93b2; padding: 20px 0; text-align: center; }
.sales-actions { white-space: nowrap; }

.badge.expired { display: inline-block; padding: 2px 8px; font-size: 12px; color: #9a93b2; background: #23202e; border-radius: 3px; }
.badge.refunded { display: inline-block; padding: 2px 8px; font-size: 12px; color: #ff6b6b; background: rgba(231,76,60,0.12); border-radius: 3px; }

.sales-actions { white-space: nowrap; display: flex; align-items: center; gap: 5px; }
.btn-action { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 4px; font-size: 11px; font-weight: 600; letter-spacing: 0.3px; border: 1px solid; cursor: pointer; background: transparent; }
.btn-action.refund  { color: #ff6b6b; border-color: #e74c3c; }
.btn-action.refund:hover  { background: #e74c3c; color: #fff; }
.btn-action.extend  { color: #e9c46a; border-color: #e9c46a; }
.btn-action.extend:hover  { background: #e9c46a; color: #241d07; }

@media (max-width:999px) {
	.mypage-tabs {display: flex;width: 100%;}
	.mypage-tabs a {flex: 1;justify-content: center;padding: 12.5px 8px;}
	.mypage-tabs a:hover {color:#9a93b2;}
	.mypage-header {padding-top:18px;padding-bottom:13px;}
	.mypage-header .section-title {font-size:13px;}

	.form-row.upload {border:0;}
	.form-row.upload {flex-direction:column;gap:8px;padding-top:8px;padding-bottom:8px;}
	.upload-content img, .upload-content video { width: 120px; }

	.mypage-warning-box { margin: 15px 0; }
	.mypage-warning-box ul {padding:0 4px;}

	.exch-overview { padding: 16px 0 4px; }

	.btn-row {justify-content:center;}
	.btn-row.mypage .m {display:flex;}

	.floating-wrap {display:flex;}

	.sales-table th:nth-child(3), .sales-table td:nth-child(3) { display: none; }
}
a.doc-chip.ok { text-decoration: none; cursor: pointer; }
a.doc-chip.ok:hover { background: rgba(46,125,50,0.3); }
.doc-form-row { gap: 8px; padding: 6px 0; }
.doc-form-row > label:first-child { min-width: 56px; font-weight: 600; }
label.doc-upload-btn { min-width: auto; cursor: pointer; }
.doc-filename { font-size: 11px; color: #9a93b2; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prompt-input { width: 100%; max-width: 100%; box-sizing: border-box; min-height: 92px; padding: 10px 12px; border: 1px solid #2c2740; border-radius: 8px; font-size: 13px; line-height: 1.6; color: #e8e6f0; background: #1c1a26; resize: vertical; }
.prompt-input:focus { outline: none; border-color: #e9c46a; box-shadow: 0 0 0 3px rgba(233,196,106,0.14); }

.mp-hero { display: flex; align-items: center; gap: 16px; margin: 18px 0 18px; padding: 20px; background: linear-gradient(135deg, #1c1826 0%, #141019 62%); border: 1px solid #2c2740; border-radius: 14px; }
.mp-hero-avatar { width: 64px; height: 64px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: linear-gradient(135deg, #ecc977, #e0b455); display: flex; align-items: center; justify-content: center; color: #241d07; font-size: 26px; font-weight: 700; }
.mp-hero-avatar img { width: 100%; height: 100%; object-fit: cover; }
.mp-hero-meta { flex: 1; min-width: 0; }
.mp-hero-name { font-size: 17px; font-weight: 700; color: #e8e6f0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mp-hero-id { font-size: 12px; color: #9a93b2; margin-top: 2px; }
.mp-hero-point { text-align: right; flex-shrink: 0; }
.mp-hp-label { font-size: 11px; color: #9a93b2; }
.mp-hp-val { font-size: 13px; font-weight: 800; color: #e9c46a; margin-top:3px; }
.mp-hp-val span { font-size: 12px; font-weight: 600; }
.mp-hp-btn { margin-top: 7px; height: 30px; padding: 0 14px; border: none; border-radius: 16px; background: #e9c46a; color: #241d07; font-size: 12px; font-weight: 700; cursor: pointer; }
.mp-hp-btn:hover { background: #e0b455; }
.mp-card { margin-bottom: 16px; padding: 4px; border-radius: 12px; }
.mp-card-title { padding: 14px 0 12px; font-size: 13px; font-weight: 700; color: #e8e6f0; border-bottom: 1px solid #23202e; }
.mp-field { display: flex; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid #23202e; font-size: 13px; }
.mp-field:last-child { border-bottom: 0; }
.mp-field.col { flex-direction: column; align-items: flex-start; gap: 9px; }
.mp-label { width: 86px; flex-shrink: 0; color: #9a93b2; font-weight: 600; }
.mp-field.col .mp-label { width: auto; }
.mp-grade-note { display: block; margin-top: 4px; font-size: 12px; color: #e0407f; }
.mp-grade-note b { font-weight: 700; }
.mp-field.col .mp-hint { font-size: 12px; color: #7d7690; margin-top: -4px; }
.mp-field.col textarea.mp-input { width: 100%; resize: vertical; min-height: 76px; }
.mp-value { color: #e8e6f0; flex: 1; min-width: 0; word-break: break-all; }
.mp-value.mp-refcode { color: #f4c95d; font-weight: 800; letter-spacing: .1em; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.mp-field input[type=text] { flex: 1; max-width: none; height: 38px; }

.mp-hero-avatar { position: relative; overflow: visible; cursor: pointer; }
.mp-hero-avatar img { border-radius: 50%; }
.mp-hero-avatar.uploading { opacity: .5; pointer-events: none; }
.mp-avatar-cam { position: absolute; right: -2px; bottom: -2px; width: 22px; height: 22px; border-radius: 50%; background: #e9c46a; border: 2px solid #17151f; display: flex; align-items: center; justify-content: center; color: #241d07; font-size: 10px; }
.mp-edit-btn { flex-shrink: 0; height: 28px; padding: 0 13px; border: 1px solid #e9c46a; border-radius: 14px; background: transparent; color: #e9c46a; font-size: 12px; font-weight: 700; cursor: pointer; transition: background .15s, color .15s; }
.mp-edit-btn:hover { background: #e9c46a; color: #241d07; }

.mp-modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.6); z-index: 99990; align-items: center; justify-content: center; padding: 24px; }
.mp-modal-overlay.open { display: flex; }
.mp-modal { width: 100%; max-width: 320px; background: #17151f; border: 1px solid #2c2740; border-radius: 14px; padding: 22px 22px 18px; box-shadow: 0 20px 60px rgba(0,0,0,.5); }
.mp-modal-title { font-size: 15px; font-weight: 700; color: #e8e6f0; margin-bottom: 14px; }
.mp-modal-avatar { position: relative; width: 88px; height: 88px; margin: 4px auto 12px; border-radius: 50%; overflow: visible; background: linear-gradient(135deg, #ecc977, #e0b455); display: flex; align-items: center; justify-content: center; color: #241d07; font-size: 34px; font-weight: 700; cursor: pointer; }
.mp-modal-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.mp-modal-avatar.uploading { opacity: .5; pointer-events: none; }
.mp-modal-cam { position: absolute; right: 0; bottom: 0; width: 26px; height: 26px; border-radius: 50%; background: #e9c46a; border: 2px solid #17151f; display: flex; align-items: center; justify-content: center; color: #241d07; font-size: 11px; }
.mp-modal-photo-btn { display: block; margin: 0 auto 16px; height: 32px; padding: 0 16px; border: 1px solid #e9c46a; border-radius: 16px; background: transparent; color: #e9c46a; font-size: 12px; font-weight: 700; cursor: pointer; }
.mp-modal-photo-btn:hover { background: #e9c46a; color: #241d07; }
.mp-modal-lab { display: block; font-size: 12px; font-weight: 600; color: #9a93b2; margin-bottom: 6px; }
.mp-modal input { width: 100%; max-width: none; height: 44px; padding: 0 13px; border: 1px solid #2c2740; border-radius: 9px; font-size: 14px; color: #e8e6f0; background: #1c1a26; }
.mp-modal input:focus { outline: none; border-color: #e9c46a; box-shadow: 0 0 0 3px rgba(233,196,106,.14); }
.mp-modal-msg { min-height: 17px; margin-top: 8px; font-size: 12px; color: #ff6b6b; }
.mp-modal-actions { display: flex; gap: 8px; margin-top: 16px; }
.mp-modal-btn { flex: 1; height: 44px; border: none; border-radius: 9px; font-size: 14px; font-weight: 700; cursor: pointer; }
.mp-modal-btn.cancel { background: #23202e; color: #b8b2c8; }
.mp-modal-btn.ok { background: #e9c46a; color: #241d07; }
.mp-modal-btn.ok:disabled { opacity: .6; cursor: default; }

.mp-field.col > .mp-label { width: auto; }
.mp-input { width: 100%; max-width:300px; font-size: 14px; color: #e8e6f0; outline: none; box-sizing: border-box; }
.mp-input:focus { border-color: #e9c46a; background: #1c1a26; box-shadow: 0 0 0 3px rgba(233,196,106,.14); }
.mp-textarea { width: 100%; max-width: 100%; box-sizing: border-box; min-height: 100px; padding: 11px 14px; background: #1c1a26; border: 1px solid #2c2740; border-radius: 11px; font-size: 14px; line-height: 1.6; color: #e8e6f0; outline: none; resize: vertical; }
.mp-textarea:focus { border-color: #e9c46a; background: #1c1a26; box-shadow: 0 0 0 3px rgba(233,196,106,.14); }
.mp-card .exch-overview { padding: 14px 0 6px; }
.mp-card .doc-form-row { padding: 8px 0; }
.mp-card .sales-table { margin-top: 6px; }
.mp-card .sales-empty { padding: 18px 0; }
.mp-card-note { padding: 12px 0 4px; font-size: 12px; color: #9a93b2; }

@media (max-width:999px) {
	.mp-hero { gap: 12px; padding: 16px; }
	.mp-hero-avatar { width: 54px; height: 54px; font-size: 22px; }
	.mp-hero-name { font-size: 15px; }
	.mp-card { padding: 2px 14px; }
	.mp-label { width: 74px; }
	.mp-hp-val { margin-top:5px; }
	.mp-hp-btn { font-size: 11px; }
}

/* ── 마이페이지 통합 (mp2) ── */
.mp2 { --mp2-gold: #e8c468; --mp2-gold-hi: #fff6d4; --mp2-mut: #8b8794; --mp2-card: #17131c; --mp2-line: rgba(232,196,104,.22); --mp2-pop: cubic-bezier(.25,1.4,.4,1); max-width: 560px; margin: 0 auto; padding: 0 0 40px; }
@media (max-width:999px) { .mp2 { padding-left: 13px; padding-right: 13px; } }
.mp2 .alert { margin: 10px 0 0; }
.mp2-top { display: flex; align-items: center; justify-content: space-between; padding: 14px 2px 10px; }
.mp2-title { font-size: 18px; font-weight: 800; letter-spacing: 1px; color: #f2eee6; }
.mp2-title small { margin-left: 8px; font-size: 11px; color: var(--mp2-mut); letter-spacing: 3px; font-weight: 600; }

@keyframes mp2In { 0% { opacity: 0; transform: translateY(18px); } 100% { opacity: 1; transform: translateY(0); } }

.mp2-hero { position: relative; margin-top: 4px; border-radius: 22px; padding: 20px 18px 18px; background: linear-gradient(155deg, #221b2a, #120e17 70%); border: 1px solid var(--mp2-line); overflow: hidden; animation: mp2In .5s var(--mp2-pop) both; }
.mp2-hero::before { content: ''; position: absolute; top: 0; bottom: 0; left: -70%; width: 45%; background: linear-gradient(105deg, transparent, rgba(255,246,212,.09), transparent); transform: skewX(-18deg); }
.mp2-hero-top { position: relative; display: flex; align-items: center; gap: 14px; }
.mp2-av { position: relative; width: 76px; height: 76px; flex: none; cursor: pointer; }
.mp2-av.uploading { opacity: .5; }
.mp2-av-img { position: absolute; inset: 5px; border-radius: 50%; overflow: hidden; background: radial-gradient(circle at 40% 30%, #5a4050, #2a1e28); display: flex; align-items: center; justify-content: center; font-size: 26px; color: #f2eee6; font-weight: 700; }
.mp2-av-img img { width: 100%; height: 100%; object-fit: cover; }
.mp2-av-cam { position: absolute; right: -2px; bottom: -2px; width: 22px; height: 22px; border-radius: 50%; background: linear-gradient(135deg, #f0ce74, #c79b3b); display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1a1408; border: 2px solid #17131c; }
.mp2-hero-info { flex: 1; min-width: 0; }
.mp2-nick { font-size: 19px; font-weight: 800; display: flex; align-items: center; gap: 7px; color: #f2eee6; }
.mp2-chip { font-size: 9.5px; font-weight: 900; letter-spacing: 1px; padding: 2.5px 8px; border-radius: 8px; }
.mp2-chip.u { background: rgba(232,196,104,.14); color: var(--mp2-gold); border: 1px solid rgba(232,196,104,.4); }
.mp2-chip.m { background: linear-gradient(135deg, #f0ce74, #c79b3b); color: #1a1408; }
.mp2-hid { margin-top: 3px; font-size: 12px; color: var(--mp2-mut); }
.mp2-nick-edit { flex: none; font-size: 11px; color: var(--mp2-gold); background: none; border: 1px solid rgba(232,196,104,.5); border-radius: 12px; padding: 4px 10px; cursor: pointer; }

.mp2-wallet { position: relative; margin-top: 16px; display: flex; align-items: center; gap: 10px; background: rgba(232,196,104,.07); border: 1px solid var(--mp2-line); border-radius: 16px; padding: 13px 14px; }
.mp2-wl { flex: 1; min-width: 0; }
.mp2-pass-wl { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.mp2-pass-wl:active { opacity: .75; }
.mp2-wl .k { font-size: 10.5px; color: var(--mp2-mut); letter-spacing: 1px; }
.mp2-wl .v { margin-top: 3px; font-size: 22px; font-weight: 900; color: var(--mp2-gold-hi); font-variant-numeric: tabular-nums; }
.mp2-wl .v small { font-size: 12px; font-weight: 700; color: var(--mp2-gold); margin-left: 2px; }
.mp2-wl .d { margin-top: 3px; font-size: 11px; color: var(--mp2-mut); font-variant-numeric: tabular-nums; }
.mp2-grade { flex: none; display: flex; gap: 6px; }
.mp2-gr { font-size: 12.5px; font-weight: 900; letter-spacing: .5px; padding: 6px 12px; border-radius: 999px; }
.mp2-gr.sv { background: linear-gradient(135deg, #9aa0a8, #5f646c); color: #f4f6f8; }
.mp2-gr.gd { background: linear-gradient(135deg, #f0ce74, #c79b3b); color: #1a1408; }
.mp2-gr.st { background: rgba(240,206,116,.1); color: #f3d98a; border: 1px solid rgba(240,206,116,.6); }
.mp2-wdiv { width: 1px; height: 34px; background: var(--mp2-line); }
.mp2-gold { flex: none; border: none; font-family: inherit; font-size: 13px; font-weight: 800; color: #1a1408; background: linear-gradient(135deg, #f6da95, #e8c468 55%, #c79b3b); border-radius: 14px; padding: 11px 18px; cursor: pointer; box-shadow: 0 3px 14px rgba(232,196,104,.35); transition: transform .16s var(--mp2-pop); }
.mp2-gold:active { transform: scale(.94); }
.mp2-wide { width: 100%; margin-top: 12px; padding: 12px; border-radius: 13px; font-size: 13.5px; }

.mp2-quick { margin-top: 14px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; animation: mp2In .5s var(--mp2-pop) .08s both; }
.mp2-qt { background: var(--mp2-card); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 13px 4px 11px; display: flex; flex-direction: column; align-items: center; gap: 6px; cursor: pointer; transition: transform .16s var(--mp2-pop), border-color .2s; }
.mp2-qt:active { transform: scale(.93); }
.mp2-qt .qi { font-size: 20px; line-height: 1; color: #cfcad6; }
.mp2-qt.hot .qi { color: var(--mp2-gold); }
.mp2-qt .ql { font-size: 10.5px; color: #cfcad6; font-weight: 600; }
.mp2-qt.hot { border-color: rgba(232,196,104,.45); background: linear-gradient(155deg, #241d14, #17131c); }
.mp2-qt.hot .ql { color: var(--mp2-gold); }

.mp2-earn { margin-top: 14px; border-radius: 18px; padding: 16px; background: linear-gradient(155deg, #241d14, #151017); border: 1px solid rgba(232,196,104,.4); animation: mp2In .5s var(--mp2-pop) .1s both; }
.mp2-earn-t { font-size: 13px; font-weight: 800; color: var(--mp2-gold); display: flex; align-items: center; gap: 7px; }
.mp2-earn-t span { margin-left: auto; font-size: 10px; color: var(--mp2-mut); font-weight: 600; }
.mp2-earn-grid { margin-top: 12px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mp2-earn-grid .eg { background: rgba(0,0,0,.3); border-radius: 12px; padding: 10px 8px; text-align: center; }
.mp2-earn-grid .k { font-size: 10px; color: var(--mp2-mut); }
.mp2-earn-grid .v { margin-top: 4px; font-size: 15px; font-weight: 900; color: var(--mp2-gold-hi); font-variant-numeric: tabular-nums; }
.mp2-earn-warn { margin-top: 12px; font-size: 11.5px; color: #f0b06a; line-height: 1.5; }

.mp2-sec { margin-top: 14px; background: var(--mp2-card); border: 1px solid rgba(255,255,255,.08); border-radius: 18px; overflow: hidden; animation: mp2In .5s var(--mp2-pop) .12s both; }
.mp2-head { display: flex; align-items: center; gap: 10px; padding: 15px 16px; cursor: pointer; }
.mp2-head .si { font-size: 16px; }
.mp2-head .st { flex: 1; font-size: 14px; font-weight: 700; color: #f2eee6; }
.mp2-head .sub { font-size: 11px; color: var(--mp2-mut); margin-right: 2px; }
.mp2-head .chev { width: 8px; height: 8px; border-right: 1.6px solid var(--mp2-gold); border-bottom: 1.6px solid var(--mp2-gold); transform: rotate(45deg); transition: transform .3s var(--mp2-pop), margin .3s var(--mp2-pop); margin-top: -4px; }
.mp2-sec.open .mp2-head .chev { transform: rotate(-135deg); margin-top: 4px; }
.mp2-bw { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .38s cubic-bezier(.3,.8,.3,1); }
.mp2-sec.open .mp2-bw { grid-template-rows: 1fr; }
.mp2-bi { overflow: hidden; }
.mp2-bp { padding: 2px 16px 16px; }

.mp2-row { display: flex; align-items: center; gap: 8px; padding: 11px 0; border-top: 1px solid rgba(255,255,255,.06); }
.mp2-row:first-child { border-top: none; }
.mp2-row .rk { width: 76px; flex: none; font-size: 12px; color: var(--mp2-mut); }
.mp2-row .rv { flex: 1; min-width: 0; font-size: 13.5px; color: #f2eee6; word-break: break-all; }
.mp2-row .ra { flex: none; font-size: 11px; color: var(--mp2-gold); background: none; border: 1px solid rgba(232,196,104,.5); border-radius: 11px; padding: 4px 10px; cursor: pointer; }
.mp2 .mp2-inp { display: block; width: 100%; max-width: none; background: #0e0b12; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; color: #f2eee6; font-family: inherit; font-size: 13px; padding: 11px 12px; margin-top: 8px; }
.mp2 .mp2-inp:focus { outline: none; border-color: rgba(232,196,104,.6); }

.mp2-sub { display: flex; align-items: center; gap: 11px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.06); text-decoration: none; }
.mp2-sub:first-child { border-top: none; }
.mp2-sub .sav { width: 40px; height: 40px; border-radius: 50%; flex: none; overflow: hidden; border: 1.5px solid rgba(232,196,104,.5); background: radial-gradient(circle at 40% 30%, #5a4050, #2a1e28); }
.mp2-sub .sav img { width: 100%; height: 100%; object-fit: cover; }
.mp2-sub .sn { flex: 1; min-width: 0; }
.mp2-sub .sn .n1 { display: block; font-size: 13.5px; font-weight: 700; color: #f2eee6; }
.mp2-sub .sn .n2 { display: block; font-size: 11px; color: var(--mp2-mut); margin-top: 2px; }
.mp2-sub .until { font-size: 11px; color: var(--mp2-gold); }
.mp2-empty { padding: 14px 0 4px; text-align: center; font-size: 12.5px; color: var(--mp2-mut); }

.mp2-danger .mp2-head .st { color: #cfcad6; }
.mp2-out { width: 100%; margin-top: 6px; border: 1px solid rgba(232,90,79,.55); background: none; color: #f08a81; font-family: inherit; font-size: 13px; font-weight: 700; border-radius: 13px; padding: 11px; cursor: pointer; }
.mp2-bye { display: block; margin-top: 12px; text-align: center; font-size: 11.5px; color: #6e6977; text-decoration: underline; }

.mp2-mask { position: fixed; inset: 0; z-index: 99990; background: rgba(0,0,0,.6); opacity: 0; pointer-events: none; transition: opacity .25s; }
.mp2-mask.open { opacity: 1; pointer-events: auto; }
.mp2-sheet { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99991; max-width: 560px; margin: 0 auto; border-radius: 24px 24px 0 0; background: #17131c; border-top: 1px solid var(--mp2-line, rgba(232,196,104,.22)); padding: 18px 18px 28px; transform: translateY(105%); transition: transform .35s cubic-bezier(.25,1.4,.4,1); }
.mp2-sheet.open { transform: translateY(0); }
.mp2-sheet-h { text-align: center; font-size: 15px; font-weight: 800; color: #f2eee6; }
.mp2-sheet-d { text-align: center; font-size: 11.5px; color: #8b8794; margin-top: 4px; }
.mp2-frames { margin-top: 16px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.mp2-fopt { display: flex; flex-direction: column; align-items: center; gap: 7px; cursor: pointer; background: none; border: none; padding: 0; }
.mp2-fopt[disabled] { opacity: .45; cursor: default; }
.mp2-fopt .fprev { position: relative; width: 58px; height: 58px; }
.mp2-fopt .fav { position: absolute; inset: 4px; border-radius: 50%; overflow: hidden; background: radial-gradient(circle at 40% 30%, #5a4050, #2a1e28); display: flex; align-items: center; justify-content: center; font-size: 19px; color: #f2eee6; font-weight: 700; }
.mp2-fopt .fav img { width: 100%; height: 100%; object-fit: cover; }
.mp2-fopt .fn { font-size: 10.5px; color: #cfcad6; }
.mp2-fopt.sel .fn { color: #e8c468; font-weight: 800; }
.mp2-fopt.sel .fprev::after { content: ''; position: absolute; right: -3px; top: -3px; width: 17px; height: 17px; border-radius: 50%; display: block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1408' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5 10 18 19.5 6.5'/%3E%3C/svg%3E") center/10px no-repeat, linear-gradient(135deg, #f0ce74, #c79b3b); }

/* 프로필 프레임 (아바타 노출 지점 공용) */
.ffr-none, .ffr-gold, .ffr-star, .ffr-rose, .ffr-neon, .ffr-crown { position: absolute; inset: 0; border-radius: 50%; pointer-events: none; }
.ffr-none { border: 2px solid rgba(255,255,255,.18); }
.ffr-gold { border: 2.5px solid transparent; background: conic-gradient(#fff6d4, #e8c468, #8a6512, #e8c468, #fff6d4) border-box; -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.ffr-star { border: 2.5px solid rgba(232,196,104,.85); }
.ffr-star::after { content: ''; width: 13px; height: 13px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat; position: absolute; right: -3px; top: -3px; color: #fff6d4; text-shadow: 0 0 8px rgba(232,196,104,1); }
.ffr-rose { border: 2.5px dashed #ff6fa5; box-shadow: 0 0 14px rgba(255,111,165,.55), inset 0 0 10px rgba(255,111,165,.3); }
.ffr-neon { border: 2.5px solid #ff6fa5; box-shadow: 0 0 11px #ff6fa5, 0 0 25px rgba(255,111,165,.62), inset 0 0 11px rgba(255,111,165,.42); }
.ffr-crown { border: 2.5px solid #e8c468; box-shadow: 0 0 16px rgba(232,196,104,.7), inset 0 0 12px rgba(232,196,104,.4); }
.ffr-crown::after { content: ''; width: 16px; height: 16px; background: #e9c46a; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 8.5 6 11l5-6.5L16 11l3.5-2.5L18 18.5H5L2.5 8.5zM5 20h13v1.8H5V20z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 8.5 6 11l5-6.5L16 11l3.5-2.5L18 18.5H5L2.5 8.5zM5 20h13v1.8H5V20z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat; position: absolute; top: -13px; left: 50%; transform: translateX(-50%); font-size: 15px; filter: drop-shadow(0 0 6px rgba(255,246,212,.9)); }
.mp2-fopt .fring.ffr-crown::after { top: -11px; width: 13px; height: 13px; }

@media (prefers-reduced-motion: reduce) {
	.mp2-hero, .mp2-quick, .mp2-earn, .mp2-sec, .mp2-hero::before,
	.ffr-gold, .ffr-rose, .ffr-neon, .ffr-star::after { animation: none; }
	.mp2-bw { transition: none; }
}

.mp2-chip.t{background:rgba(255,255,255,.08);color:#cfc9dd;}
.mp2-chip.t.emp{background:linear-gradient(135deg,#ffe9a8,#c99320);color:#3a2c07;}
.mp2-menu{display:flex;flex-direction:column;gap:1px;background:rgba(255,255,255,.06);border-radius:14px;overflow:hidden;margin:12px 0;}
.mp2-mrow{display:flex;align-items:center;gap:10px;padding:15px 16px;background:#17141f;color:#e8e3f2;font-size:13.5px;}
.mp2-mrow .mi{font-size:15px;}
.mp2-mrow .mt{flex:1;}
.mp2-mrow .mc{color:#6f6a80;font-size:16px;}
.mp2-mrow:active{background:#1e1a29;}
@keyframes mpRingSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes mpAura{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes mpSheen{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
@keyframes mpBreath{0%,100%{filter:drop-shadow(0 1px 4px rgba(0,0,0,.85)) drop-shadow(0 0 6px rgba(212,175,55,.2))}50%{filter:drop-shadow(0 1px 4px rgba(0,0,0,.85)) drop-shadow(0 0 12px rgba(241,214,126,.45))}}
@keyframes mpSpring{0%{transform:scale(.97)}50%{transform:scale(1.02)}100%{transform:scale(1)}}
@keyframes mpMote{0%{opacity:0;transform:translateY(0)}12%{opacity:.75}55%{opacity:.45}85%{opacity:0}100%{opacity:0;transform:translateY(-44px) translateX(4px)}}
@keyframes mpShard{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}
@keyframes mpHalo{0%{opacity:.9;transform:scale(.5)}100%{opacity:0;transform:scale(3.6)}}
@keyframes mpBloom{0%{transform:scale(.82) rotate(-8deg)}55%{transform:scale(1.2) rotate(4deg)}100%{transform:scale(1)}}
@keyframes mpGlow{0%,100%{opacity:0}50%{opacity:1}}

.mp2-cta2{display:flex;gap:10px;margin-top:14px;}
.mp2-cta2 .mp2-charge{flex:1;min-width:0;margin-top:0;}
.mp2-charge .tw{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;}
.mp2-charge .s{font-size:10.5px;letter-spacing:.02em;color:#8a8378;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.mp2-cta2 .mp2-charge .t{font-size:14px;letter-spacing:.12em;padding-left:.12em;}
.mp2-pass .ic-ticket{position:relative;z-index:1;width:21px;height:21px;color:#d4af37;flex:none;}
.mp2-charge{position:relative;width:100%;height:66px;margin-top:14px;padding:0;border:none;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-family:inherit;background:linear-gradient(180deg,#171208,#100c07 70%);transition:transform .12s var(--mp2-pop);}
.mp2-charge:active{transform:scale(.97);}
.mp2-charge.fire{animation:mpSpring .5s cubic-bezier(.3,1.8,.4,1);}
.mp2-ring{position:absolute;inset:-1px;padding:1px;pointer-events:none;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;}
.mp2-ring::before{content:'';position:absolute;left:50%;top:50%;aspect-ratio:1;animation:mpRingSpin linear infinite;}
.mp2-charge .mp2-ring{border-radius:17px;}
.mp2-charge .mp2-ring::before{width:125%;background:conic-gradient(rgba(212,175,55,.08),rgba(241,214,126,.85) 10%,rgba(212,175,55,.08) 24%,rgba(212,175,55,.08) 52%,rgba(212,175,55,.4) 63%,rgba(212,175,55,.08) 75%);animation-duration:5.1s;}
.mp2-charge::after{content:'';position:absolute;left:14%;right:14%;top:50%;height:38px;transform:translateY(-50%);pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,rgba(241,214,126,.12),transparent 72%);filter:blur(8px);animation:mpAura 5.1s ease-in-out infinite;}
.mp2-charge .mote{position:absolute;bottom:6px;width:2.5px;height:2.5px;border-radius:50%;background:rgba(241,214,126,.7);filter:blur(.5px);opacity:0;pointer-events:none;animation:mpMote ease-in-out infinite;}
.mp2-charge .mote.m1{left:20%;animation-duration:12s;}
.mp2-charge .mote.m2{left:50%;animation-duration:15s;animation-delay:-6s;scale:.8;}
.mp2-charge .mote.m3{left:78%;animation-duration:13.5s;animation-delay:-3s;}
.mp2-charge .songi{position:relative;z-index:1;}
.mp2-charge .songi svg{animation:songiBreath 3.4s ease-in-out infinite;}
.mp2-charge.fire .songi svg{animation:mpBloom .42s cubic-bezier(.3,1.7,.4,1);}
.mp2-charge .t{position:relative;font-family:'Noto Serif KR','Nanum Myeongjo',Georgia,serif;font-weight:600;font-size:16.5px;letter-spacing:.3em;padding-left:.3em;background:linear-gradient(105deg,#d4af37 15%,#f1d67e 44%,#fff3c4 52%,#f1d67e 60%,#d4af37 85%);background-size:230% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mpSheen 6.8s ease-in-out infinite,mpBreath 3.4s ease-in-out infinite;}
.mp2-charge .fx{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;}
.mp2-charge .fx i{position:absolute;width:3px;height:3px;border-radius:1px;background:#f1d67e;opacity:0;}
.mp2-charge .fx i:nth-child(even){background:#fff3c4;border-radius:50%;}
.mp2-charge.fire .fx i{animation:mpShard .55s cubic-bezier(.2,.7,.4,1);}
.mp2-charge .halo{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px;border-radius:50%;border:1px solid rgba(241,214,126,.85);opacity:0;pointer-events:none;transform:scale(.5);}
.mp2-charge.fire .halo{animation:mpHalo .55s ease-out;}
.mp2-lotto{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:9px;padding:11px 0;border:1px solid rgba(232,196,104,.3);border-radius:14px;background:var(--mp2-card);color:var(--mp2-gold);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:transform .16s var(--mp2-pop);}
.mp2-lotto .ic{width:15px;height:15px;}
.mp2-lotto:active{transform:scale(.97);}

.mp2-emp{position:relative;margin:14px 0;padding:30px 22px 26px;border-radius:18px;text-align:center;background:linear-gradient(180deg,#161109,#0e0b07 70%);}
.mp2-emp .mp2-ring{border-radius:19px;}
.mp2-emp .mp2-ring::before{width:150%;background:conic-gradient(rgba(212,175,55,.1),rgba(241,214,126,.55) 12%,rgba(212,175,55,.1) 28%);animation-duration:8.5s;}
.mp2-emp::after{content:'';position:absolute;left:50%;top:42%;width:220px;height:110px;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,rgba(241,214,126,.09),transparent 74%);filter:blur(12px);animation:mpAura 6.8s ease-in-out infinite;}
.mp2-emp-defs{position:absolute;width:0;height:0;}
.mp2-emp-crown{position:relative;display:block;margin:0 auto 12px;line-height:0;}
.mp2-emp-crown .ic{width:34px;height:34px;stroke:url(#mpEmpCrownGrad) #f1d67e;stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(212,175,55,.3));}
.mp2-emp-crown .gl{position:absolute;left:50%;top:0;margin-left:-17px;filter:drop-shadow(0 0 10px rgba(241,214,126,.55));opacity:0;animation:mpGlow 5.1s ease-in-out infinite;}
.mp2-emp-t{position:relative;font-family:'Noto Serif KR','Nanum Myeongjo',Georgia,serif;font-weight:600;font-size:17px;letter-spacing:.4em;padding-left:.4em;background:linear-gradient(105deg,#d4af37 15%,#f1d67e 46%,#fff3c4 52%,#f1d67e 58%,#d4af37 85%);background-size:230% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mpSheen 6.8s ease-in-out infinite;}
.mp2-emp-cp{position:relative;margin-top:12px;font-family:'Noto Serif KR','Nanum Myeongjo',Georgia,serif;font-weight:500;font-size:14.5px;letter-spacing:.12em;color:#9a8f7d;}
.mp2-emp-cp b{font-weight:600;color:#f1d67e;text-shadow:0 0 10px rgba(241,214,126,.3);animation:mpBreath 3.4s ease-in-out infinite;}
.mp2-emp-cta{position:relative;margin-top:20px;height:44px;padding:0 34px;border-radius:12px;border:1px solid rgba(212,175,55,.42);font-family:inherit;font-size:13.5px;font-weight:700;letter-spacing:.16em;color:#f1d67e;cursor:pointer;background:linear-gradient(180deg,rgba(212,175,55,.2),rgba(140,110,35,.12) 60%,rgba(90,70,20,.16));box-shadow:0 1px 0 rgba(241,214,126,.16) inset,0 0 7px rgba(212,175,55,.08);transition:transform .12s var(--mp2-pop);}
.mp2-emp-cta::before{content:'';position:absolute;inset:-1px;border-radius:12px;pointer-events:none;box-shadow:0 0 13px rgba(241,214,126,.2);opacity:0;animation:mpGlow 3.4s ease-in-out infinite;}
.mp2-emp-cta:active{transform:scale(.95);}
.mp2-emp-cta.fire{animation:mpSpring .5s cubic-bezier(.3,1.8,.4,1);}
.mypage-frame{padding-bottom:78px;}
@media (prefers-reduced-motion:reduce){.mp2-charge,.mp2-ring::before,.mp2-charge::after,.mp2-charge .mote,.mp2-charge .songi svg,.mp2-charge .t,.mp2-charge .fx i,.mp2-charge .halo,.mp2-emp::after,.mp2-emp-crown .gl,.mp2-emp-t,.mp2-emp-cp b,.mp2-emp-cta,.mp2-emp-cta::before{animation:none;}}

.mypage-frame .tp-bottomnav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;z-index:60;padding-bottom:env(safe-area-inset-bottom);}
@media (min-width:1000px){body.fanfick-app.pc-deco .pc-shell .mypage-frame .tp-bottomnav{display:none;}body.fanfick-app.pc-deco .pc-shell .mypage-frame{padding-bottom:40px;}}

.mp2-dresshint{display:flex;align-items:center;gap:6px;margin-top:11px;padding:0;border:0;background:none;font-size:11px;color:#8d8577;cursor:pointer;font-family:inherit;}
.mp2-dresshint b{color:#d8b45c;font-weight:700;}
.mp2-dresshint .ic{width:13px;height:13px;color:#d8b45c;}
.mp-leave-reason .mp-label em{font-style:normal;font-weight:600;color:#E9C46A}
.mp-leave-reason .mp-textarea{min-height:84px}
.mp-leave-picks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}
.mp-leave-pick{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#1c1a26;border:1px solid #2c2740;border-radius:11px;font-size:14px;color:#e8e6f0;cursor:pointer}
.mp-leave-pick input{accent-color:#e9c46a;width:16px;height:16px;flex:none;margin:0}
.mp-leave-pick:has(input:checked){border-color:#e9c46a;background:#221f2e}
.mp-leave-pick:has(input:focus-visible){box-shadow:0 0 0 3px rgba(233,196,106,.14)}
@media (max-width:400px){.mp-leave-picks{grid-template-columns:1fr}}
.doc-upload{margin-top:14px;padding-top:14px;border-top:1px solid #23202e;}
.doc-upload .exch-file{flex:1;min-width:0;color:#c9c3d8;font-size:12.5px;}
.doc-state{margin-left:8px;font-size:11.5px;font-weight:700;color:#8b849f;}
.doc-state.on{color:#e9c46a;}
.doc-note{margin:10px 0 0;font-size:11.5px;color:#8b849f;line-height:1.6;}

.exch-page .mp-card { padding: 4px 18px; }
.exch-page .doc-form-row { flex-wrap: nowrap; align-items: center; gap: 10px; padding: 9px 0; }
.exch-page .doc-form-row label { color: #c9c3d8; }
.exch-page .doc-label { flex: 0 0 88px; color: #c9c3d8; font-size: 13px; font-weight: 600; white-space: nowrap; }
.exch-page .doc-pick { display: inline-flex; align-items: center; flex: 0 0 auto; height: 38px; padding: 0 14px; border: 1px solid #3a3547; border-radius: 9px; background: #241f30; color: #e8e6f0; font-size: 13px; font-weight: 700; cursor: pointer; }
.exch-page .doc-pick:hover { background: #2f2940; border-color: #4a4258; }
.exch-page .doc-filename { flex: 1 1 0; min-width: 0; color: #a49dba; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.exch-page .doc-form-row .doc-state { flex: 0 0 auto; margin-left: 0; white-space: nowrap; }
.exch-page .exch-input { flex: 1 1 0; width: 100%; min-width: 0; max-width: 220px; height: 38px; }
.exch-page .exch-overview dt { font-size: 11.5px; color: #a49dba; }
.exch-page .doc-note { color: #a49dba; }
.exch-page .doc-upload .doc-form-row:last-of-type { padding-bottom: 2px; }
.exch-page .doc-submit { padding-top: 4px; }
@media (max-width:999px) {
	.exch-page .mp-card { padding: 2px 16px; }
	.exch-page .doc-label { flex: 0 0 72px; font-size: 12.5px; }
	.exch-page .doc-form-row { gap: 8px; }
	.exch-page .doc-pick { padding: 0 12px; }
}
.exch-page .exch-pct { margin-left: 5px; color: #8b849f; font-size: 11px; }
.exch-page .exch-net { color: #e9c46a; font-weight: 700; }
.exch-page .sales-table.exch-table th:nth-child(3), .exch-page .sales-table.exch-table td:nth-child(3) { display: table-cell; }
.exch-page .sales-table.exch-table th, .exch-page .sales-table.exch-table td { padding-left: 4px; padding-right: 4px; white-space: nowrap; }
.exch-page .doc-pick.busy { pointer-events: none; opacity: .55; }
.exch-page .sales-table th:nth-child(3), .exch-page .sales-table td:nth-child(3) { display: table-cell; }
.exch-page .sales-table th, .exch-page .sales-table td { padding-left: 5px; padding-right: 5px; white-space: nowrap; }
.exch-page .exch-overview dl.hi dd { font-size: 19px; }
.exch-page .exch-overview dl.hi dt { color: #e9c46a; }
.exch-page .doc-sum { margin-left: 8px; font-size: 11.5px; font-weight: 700; color: #8b849f; }
.exch-page .doc-sum.on { color: #e9c46a; }
.exch-page .exch-request { padding-top: 14px; border-top: 1px solid #23202e; }
@media (max-width:999px) {
	.exch-page .sales-table .m-hide { display: none; }
	.exch-page .sales-table th, .exch-page .sales-table td { padding-left: 3px; padding-right: 3px; font-size: 12px; }
}
.exch-page .exch-flash { margin: 10px 13px 0; padding: 11px 14px; border-radius: 10px; background: #1f2a24; border: 1px solid #2f6b52; color: #b7e3cd; font-size: 12.5px; line-height: 1.6; }
.exch-page .exch-flash.bad { background: #2a1f24; border-color: #6b2f3d; color: #f0bcc7; }

.mp2-charge .mp2-ring::before,
.mp2-charge::after,
.mp2-charge .mote,
.mp2-charge .songi svg{animation:none;}
.mp2-charge .t{animation:none;background-size:100% 100%;}

.mp2-pass-tm{margin:10px auto 0;padding:4px 10px}
.mp2-pass-tm .l{color:var(--mp2-sub,#7a7368)}