@font-face{font-family:Pretendard;font-weight:300;font-display:swap;src:url(/fonts/Pretendard-Light.subset.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:400;font-display:swap;src:url(/fonts/Pretendard-Regular.subset.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:500;font-display:swap;src:url(/fonts/Pretendard-Medium.subset.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:600;font-display:swap;src:url(/fonts/Pretendard-SemiBold.subset.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:700;font-display:swap;src:url(/fonts/Pretendard-Bold.subset.woff2) format("woff2")}:root{--bg: #FAF8F5;--bg-section: #F5F0EA;--surface: #FFFFFF;--white: #FFFFFF;--text: #2C2A28;--text2: #6B6560;--text3: #8A847E;--pink: #C9908A;--pink-dark: #A06B65;--pink-light: #F5ECEA;--sand: #E8DCC4;--sand-light: #F2EBD9;--border: rgba(201, 144, 138, .15);--border2: rgba(201, 144, 138, .25);--kakao: #FEE500;--kakao-text: #191919;--r: 20px;--rs: 12px;--shadow: 0 8px 40px rgba(160, 107, 101, .1);--shadow-hover: 0 16px 48px rgba(160, 107, 101, .18);--font-serif: "Nanum Myeongjo", serif;--font-sans: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans KR,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.mp-auth-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:9999}.mp-spinner{width:32px;height:32px;border:2px solid var(--border2);border-top-color:var(--pink);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mp-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.mp-nav-logo{font-family:"Noto Serif KR",serif;font-size:18px;font-weight:600;color:var(--text);text-decoration:none;letter-spacing:.08em}.mp-nav-right{display:flex;align-items:center;gap:12px}.mp-nav-user{font-size:13px;color:var(--text3)}.mp-nav-logout{font-size:12px;color:var(--text3);background:none;border:1px solid var(--border2);border-radius:8px;padding:6px 12px;cursor:pointer;font-family:inherit;transition:all .15s}.mp-nav-logout:hover{color:var(--text);border-color:var(--text3)}.mp-nav-btn{font-size:12px;color:var(--pink);background:none;border:1px solid var(--pink);border-radius:8px;padding:6px 12px;cursor:pointer;font-family:inherit;transition:all .15s}.mp-nav-btn:hover{background:var(--pink);color:#fff}.mp-modal-bg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;align-items:center;justify-content:center;padding:1rem}.mp-modal-bg.open{display:flex}.mp-modal{background:#fff;border-radius:16px;width:100%;max-width:380px;padding:2rem;position:relative;box-shadow:0 24px 60px #0000001f;animation:mpModalIn .3s ease}@keyframes mpModalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mp-modal-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;border:1px solid var(--border2);background:none;font-size:14px;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center}.mp-modal-close:hover{background:var(--bg)}.mp-modal-title{font-family:var(--font-serif);font-size:18px;font-weight:700;margin-bottom:20px}.mp-edit-field{margin-bottom:14px}.mp-edit-label{display:block;font-size:12px;color:var(--text3);margin-bottom:5px;font-weight:500}.mp-edit-input{width:100%;padding:10px 12px;border:1.5px solid var(--border2);border-radius:8px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.mp-edit-input:focus{border-color:var(--pink)}.mp-main{max-width:640px;margin:0 auto;padding:24px 20px 32px;display:flex;flex-direction:column;gap:16px}.mp-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:4px}.mp-tab{position:relative;flex:1;padding:12px 0;background:none;border:none;font-size:14px;font-weight:500;color:var(--text3);cursor:pointer;font-family:inherit;transition:color .15s;border-bottom:2px solid transparent;margin-bottom:-2px}.mp-tab:hover{color:var(--text)}.mp-tab.active{color:var(--pink);border-bottom-color:var(--pink)}.mp-tab-dot{position:absolute;top:10px;right:calc(50% - 24px);width:6px;height:6px;background:var(--pink);border-radius:50%}.mp-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.mp-card-title{font-family:"Noto Serif KR",serif;font-size:17px;font-weight:400;margin-bottom:10px}.mp-card-desc{font-size:14px;color:var(--text2);line-height:1.8}.mp-loading-text{color:var(--text3);font-size:14px}.mp-notice{font-size:13px;color:var(--text3);background:var(--bg);border-radius:8px;padding:10px 14px;margin-top:14px;line-height:1.6}.mp-notice--red{background:#fef2f2;color:#dc2626}.mp-notice--green{background:#f0fdf4;color:#15803d}.mp-empty{text-align:center;padding:20px 0}.mp-empty-title{font-size:16px;font-weight:500;margin-bottom:8px}.mp-empty-sub{font-size:14px;color:var(--text3);margin-bottom:20px}.mp-btn-primary{display:inline-block;padding:12px 28px;background:var(--pink);color:#fff;border-radius:10px;text-decoration:none;font-size:14px;font-weight:500;transition:opacity .15s}.mp-btn-primary:hover{opacity:.85}.mp-btn-submit{width:100%;padding:14px;background:var(--pink);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;font-family:inherit;margin-top:20px;transition:opacity .15s}.mp-btn-submit:hover{opacity:.85}.mp-btn-submit:disabled{opacity:.5;cursor:not-allowed}.after-box{background:var(--pink-light);border-radius:14px;padding:14px 16px;margin-top:12px}.after-box-title{font-family:var(--font-serif);font-size:15px;color:var(--pink-dark);margin-bottom:4px}.after-box-desc{font-size:12px;color:var(--text3);margin:0 0 12px;line-height:1.5}.my-id-badge{display:inline-block;background:var(--pink-light);color:var(--pink);padding:6px 16px;border-radius:20px;font-size:14px;margin-bottom:20px}.pick-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.pick-btn{min-width:72px;padding:8px 10px;border:1.5px solid var(--border2);border-radius:12px;background:var(--surface);cursor:pointer;font-family:inherit;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:2px}.pick-num{font-size:15px;font-weight:500;color:var(--text2)}.pick-sub{font-size:10px;color:var(--text3);white-space:nowrap}.pick-btn:hover .pick-num{color:var(--pink)}.pick-btn:hover{border-color:var(--pink)}.pick-btn.selected{background:var(--pink);border-color:var(--pink)}.pick-btn.selected .pick-num{color:#fff}.pick-btn.selected .pick-sub{color:#fffc}.pick-count{font-size:13px;color:var(--text3)}.pick-public-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.pick-public-guide{background:var(--pink-light);border:1px solid var(--border2);border-radius:12px;padding:14px 16px;margin:0 0 8px;display:flex;flex-direction:column;gap:11px}.ppg-title{font-family:var(--font-serif);font-size:13px;color:var(--pink-dark);letter-spacing:.02em}.ppg-row{display:flex;gap:10px;align-items:flex-start}.ppg-icon{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 1px 4px #a06b6526}.ppg-text{margin:0;font-size:12.5px;color:var(--text2);line-height:1.65}.ppg-text b{color:var(--pink-dark);font-weight:600}.ppg-text .ppg-sub{display:inline-block;margin-top:2px;color:var(--text3);font-size:11px}.pick-public-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid var(--border2);border-radius:10px;background:var(--surface)}.pick-public-num{font-size:14px;font-weight:500;color:var(--text2)}.pick-public-toggle{border:1.5px solid var(--border2);border-radius:20px;padding:5px 14px;font-size:13px;font-family:inherit;cursor:pointer;transition:all .15s;background:var(--surface)}.pick-public-toggle.is-public{border-color:var(--pink);color:var(--pink);background:var(--pink-light)}.pick-public-toggle.is-private{border-color:var(--border2);color:var(--text3)}.mp-btn-withdraw{width:100%;padding:11px;background:none;border:1.5px solid var(--border2);border-radius:10px;font-size:13px;color:var(--text3);cursor:pointer;font-family:inherit;margin-top:14px;transition:all .15s}.mp-btn-withdraw:hover{border-color:var(--pink);color:var(--pink)}.mp-form-group{display:flex;flex-direction:column;gap:6px}.mp-form-label{font-size:12px;color:var(--text2)}.mp-textarea{width:100%;padding:12px;border:1px solid var(--border2);border-radius:10px;font-size:14px;font-family:inherit;resize:none;outline:none;background:var(--surface);color:var(--text)}.mp-textarea:focus{border-color:var(--pink)}.star-rating{display:flex;gap:6px}.star-rating .star{font-size:28px;color:var(--border2);cursor:pointer;transition:color .15s,transform .15s}.star-rating .star:hover{transform:scale(1.15)}.star-rating .star.active{color:var(--pink)}.consent-box{background:var(--bg);border-radius:10px;padding:16px;margin-top:16px}.consent-label{display:flex;align-items:flex-start;gap:8px;font-size:14px;cursor:pointer;font-weight:500;margin-bottom:8px}.consent-label input[type=checkbox]{margin-top:2px;flex-shrink:0}.consent-detail{font-size:12px;color:var(--text3);line-height:1.7}.result-no-match{text-align:center;padding:20px 0;color:var(--text2)}.result-icon{font-size:40px;margin-bottom:12px}.result-sub{font-size:13px;color:var(--text3);margin-top:6px}.cookie-badge{background:#1a237e;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.chat-box{height:280px;overflow-y:auto;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--bg);margin-bottom:10px;display:flex;flex-direction:column;gap:8px}.chat-msg{max-width:75%;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.5;word-break:break-word}.chat-msg.mine{align-self:flex-end;background:var(--pink);color:#fff;border-bottom-right-radius:4px}.chat-msg.theirs{align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-input-row{display:flex;gap:8px}.chat-input-field{flex:1;min-width:0;padding:11px 13px;border:1px solid var(--border2);border-radius:10px;font-size:14px;font-family:inherit;outline:none;background:var(--surface)}.chat-input-field:focus{border-color:var(--pink)}.chat-send-btn{padding:11px 18px;background:#1a237e;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:opacity .15s;flex-shrink:0}.chat-send-btn:hover{opacity:.85}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.vote-count-box{display:flex;align-items:baseline;gap:8px;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 24px;margin:12px 0}.vote-count-num{font-size:40px;font-weight:700;color:var(--pink);line-height:1}.vote-count-label{font-size:15px;color:var(--text2)}.received-likes{background:var(--pink-light);border-radius:14px;padding:14px 16px;margin:0 0 12px}.received-likes-title{font-size:14px;font-weight:600;color:var(--pink-dark);margin-bottom:10px}.like-list{display:flex;flex-direction:column;gap:8px}.like-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.like-badge{display:inline-block;background:var(--surface);border:1px solid var(--pink);color:var(--pink-dark);border-radius:20px;padding:5px 12px;font-size:13px;font-weight:500}.after-send-btn{border:1.5px solid var(--pink);background:var(--pink);color:#fff;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:opacity .15s}.after-send-btn:hover{opacity:.85}.after-note{font-size:12px;color:var(--text3);margin:10px 0 0;line-height:1.5}.like-anon{font-size:12px;color:var(--text3);margin:8px 0 0}.period-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:12px;transition:box-shadow .15s}.period-card:last-child{margin-bottom:0}.period-card[onclick]:hover{box-shadow:0 2px 12px #00000014}.period-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px}.period-card-left{display:flex;flex-direction:column;gap:3px}.period-name{font-size:15px;font-weight:600}.period-meta{font-size:12px;color:var(--text3)}.period-card-right{display:flex;align-items:center;gap:8px}.period-chevron{font-size:13px;color:var(--text3);transition:transform .2s}.period-chevron.open{transform:rotate(180deg)}.result-panel{display:none;border-top:1px solid var(--border);padding:16px 18px;background:var(--pink-light)}.result-panel.open{display:block}.result-panel-msg{text-align:center;color:var(--text3);font-size:13px;padding:8px 0}.match-result-list{display:flex;flex-direction:column;gap:10px}.match-result-item{background:var(--surface);border:1px solid rgba(212,83,126,.2);border-radius:12px;padding:14px 16px}.match-result-name{font-size:14px;font-weight:600;margin-bottom:10px}.btn-open-chat{width:100%;padding:10px;background:var(--pink);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.btn-open-chat:hover{opacity:.85}.btn-open-chat.open{background:#888}.chat-inline{display:none;margin-top:10px;overflow:hidden}.chat-inline.open{display:block}.chat-status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.chat-timer{font-size:12px;color:var(--pink-dark);font-weight:500}.status-badge{display:inline-block;font-size:12px;padding:4px 12px;border-radius:20px;font-weight:500;white-space:nowrap}.status--pending{background:#fff7ed;color:#c2710c}.status--confirmed{background:#f0fdf4;color:#15803d}.status--rejected{background:#fef2f2;color:#dc2626}@media(max-width:640px){.mp-main{padding:20px 14px}.mp-card{padding:18px 14px}}@media(max-width:480px){.mp-nav{padding:10px 14px}.mp-nav-logo{font-size:16px}.mp-nav-user{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-nav-logout{padding:5px 10px;font-size:11px}.mp-main{padding:10px;gap:10px}.mp-tab{font-size:13px;padding:10px 0}.mp-card{padding:14px 12px;border-radius:12px}.pick-grid{gap:5px}.pick-btn{min-width:0;flex:1 1 calc(25% - 5px);padding:8px 4px;border-radius:10px}.pick-num{font-size:14px}.pick-sub{font-size:9px}.chat-box{height:220px}.chat-input-field{font-size:16px}.chat-send-btn{padding:10px 13px;font-size:13px}.chat-msg{max-width:85%;font-size:13px}.mp-btn-submit{font-size:14px;padding:13px}.mp-btn-primary{padding:11px 20px;font-size:13px}.mp-btn-withdraw{font-size:12px;padding:10px}.btn-open-chat{font-size:12px;padding:9px}.result-icon{font-size:32px}.consent-box{padding:12px}.consent-label{font-size:13px}.consent-detail{font-size:11px}}