:root{--text:#83766a;--text-h:#3d3128;--bg:#f5faf1;--surface:#fff;--surface-muted:#f3f0e8;--border:#e9e2d6;--accent:#ff8b65;--accent-hover:#f0714a;--accent-soft:#ffe0d2;--accent-ink:#fff;--danger:#d64545;--mok:#8fcb7a;--mok-soft:#e3f4dc;--hwa:#f5a25e;--hwa-soft:#fde7d2;--to:#c99a5e;--to-soft:#f1e1c9;--geum:#c7a63f;--geum-soft:#f1e7c4;--su:#6fa8d8;--su-soft:#dcebf7;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--shadow-color:120, 72, 30;--shadow-soft:0 8px 20px rgba(var(--shadow-color), .1);--shadow-lift:0 14px 32px rgba(var(--shadow-color), .16);--font-body:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-display:"Jua", -apple-system, sans-serif;font:18px/145% var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#b6a896;--text-h:#f3e9dd;--bg:#221c17;--surface:#2c2620;--surface-muted:#362e26;--border:#423728;--accent:#ff9b7a;--accent-hover:#ffb08f;--accent-soft:#4a2e20;--accent-ink:#241608;--danger:#ff6b6b;--mok:#7fbf6c;--mok-soft:#33402d;--hwa:#e0925a;--hwa-soft:#46352a;--to:#bc8f58;--to-soft:#3e3226;--geum:#c7a63f;--geum-soft:#3e3722;--su:#6fa0d0;--su-soft:#263845;--shadow-color:0, 0, 0}}#root{box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--font-display);color:var(--text-h);font-weight:400}h1{margin:1rem 0 .5rem;font-size:2.75rem}@media (width<=1024px){h1{font-size:2.1rem}}h2{margin:0 0 .5rem;font-size:1.4rem}p{margin:0}.app{text-align:center;max-width:32rem;margin:0 auto;padding:1rem}button,.kakao-login-button,.chat-room-card{transition:transform .12s ease-out}button:active,.kakao-login-button:active,.chat-room-card:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){button,.kakao-login-button,.chat-room-card{transition:none}button:active,.kakao-login-button:active,.chat-room-card:active{transform:none}}.app-page-loading{text-align:center;color:var(--text);padding:2rem}.app-notice{color:var(--text);margin-bottom:1.5rem;font-size:.85rem}.compatibility-form{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.person-input-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.person-input-form legend{padding:0 .25rem;font-weight:600}.field{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.field>span:first-child{min-width:4.5rem;color:var(--text);font-size:.9rem}.compatibility-form button[type=submit]{font-family:var(--font-display);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-soft);cursor:pointer;border:none;padding:.85rem;font-size:1.1rem;font-weight:400}.compatibility-form button[type=submit]:hover{background:var(--accent-hover)}.my-profile-form-actions{gap:.75rem;display:flex}.my-profile-form-actions button{flex:1}.my-profile-form-actions button[type=button]{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;padding:.85rem;font-weight:600}.my-profile-form-actions button[type=button]:hover{background:var(--surface-muted)}[role=alert]{color:var(--danger)}.result-view{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.score-gauge{width:160px;height:160px;position:relative}.score-gauge svg{transform:rotate(-90deg)}.score-gauge-track{fill:none;stroke:var(--accent-soft);stroke-width:10px}.score-gauge-fill{fill:none;stroke:var(--accent);stroke-width:10px;stroke-linecap:round}.score-gauge-value{font-family:var(--font-display);color:var(--text-h);justify-content:center;align-items:center;font-size:2.5rem;font-weight:400;display:flex;position:absolute;inset:0}.confetti-burst{pointer-events:none;position:absolute;inset:0}.confetti-burst-particle{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.character-interaction{border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.character-interaction-image{object-fit:contain;background:var(--surface-muted);border-radius:50%;width:5.5rem;height:5.5rem}.character-interaction-message{width:100%;color:var(--text);font-size:.85rem}.character-interaction-hap{background:linear-gradient(135deg, var(--hwa-soft), var(--geum-soft));gap:.5rem}.character-interaction-chung{background:var(--surface-muted);gap:2.5rem}.character-interaction-chung .character-interaction-image{filter:saturate(.7)}.result-summary{max-width:28rem;font-size:1.05rem}.result-accuracy-note{color:var(--text);font-size:.85rem}.saju-chart-table{border-collapse:collapse;width:100%;font-size:.9rem}.saju-chart-table caption{margin-bottom:.5rem;font-weight:600}.saju-chart-table th,.saju-chart-table td{border:1px solid var(--border);text-align:center;padding:.4rem .6rem}.rule-result-list{text-align:left;flex-direction:column;gap:.75rem;width:100%;display:flex}.rule-result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:.9rem 1.1rem}.rule-result-card h3{margin:0 0 .35rem;font-size:1rem}.rule-score{color:var(--accent);font-weight:700}.rule-highlights{color:var(--text);margin:.35rem 0 0;padding-left:1.1rem;font-size:.85rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.result-actions button{border-radius:var(--radius-md);border:1px solid var(--accent);background:var(--surface);color:var(--accent);cursor:pointer;padding:.6rem 1.1rem;font-weight:600}.result-actions button:hover{background:var(--accent-soft)}.disclaimer{color:var(--text);border-top:1px solid var(--border);padding-top:.75rem;font-size:.8rem}.recommendation-detail-meta{color:var(--text);margin:0}.recommendation-detail-action{flex-direction:column;align-items:center;gap:.5rem;display:flex}.recommendation-detail-action button{border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);box-shadow:var(--shadow-soft);cursor:pointer;border:none;padding:.7rem 1.6rem;font-size:1.05rem;font-weight:400}.recommendation-detail-action button:disabled{background:var(--accent-soft);box-shadow:none;cursor:not-allowed}.recommendation-detail-chat-button{border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);box-shadow:var(--shadow-soft);padding:.7rem 1.6rem;font-size:1.05rem;font-weight:400;text-decoration:none;display:inline-block}.recommendation-detail-matched{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.app-nav{text-align:center;margin-top:1.5rem}.app-nav a,.app-nav-back{color:var(--accent);font-weight:600;text-decoration:none}.app-nav a:hover,.app-nav-back:hover{text-decoration:underline}.app-nav-back{margin-top:1.5rem;display:inline-block}.login-page,.oauth-callback-page,.recommendations-page,.recommendation-detail-page,.matches-page,.chat-rooms-page,.region-ranking-page,.payment-checkout-page,.payment-result-page,.admin-funnel-page,.admin-reports-page,.my-character-page{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:32rem;margin:0 auto;padding:1rem;display:flex}.payment-success-celebration,.my-character-page-reveal{flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative}.character-image{object-fit:contain;border-radius:var(--radius-lg);background:var(--surface-muted);width:12rem;height:12rem}.my-saju-chart{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.my-saju-chart-table{border-collapse:collapse;text-align:center;width:100%;font-size:.9rem}.my-saju-chart-table caption{margin-bottom:.5rem;font-weight:600}.my-saju-chart-table th,.my-saju-chart-table td{border:1px solid var(--border);padding:.5rem .4rem}.my-saju-chart-table th[scope=row]{background:var(--surface-muted);font-size:.8rem;font-weight:600}.saju-cell-mok{background:var(--mok-soft);color:var(--mok);font-weight:700}.saju-cell-hwa{background:var(--hwa-soft);color:var(--hwa);font-weight:700}.saju-cell-to{background:var(--to-soft);color:var(--to);font-weight:700}.saju-cell-geum{background:var(--geum-soft);color:var(--geum);font-weight:700}.saju-cell-su{background:var(--su-soft);color:var(--su);font-weight:700}.my-saju-ohaeng-summary{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ohaeng-chip{border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:600}.ohaeng-chip-mok{background:var(--mok-soft);color:var(--mok)}.ohaeng-chip-hwa{background:var(--hwa-soft);color:var(--hwa)}.ohaeng-chip-to{background:var(--to-soft);color:var(--to)}.ohaeng-chip-geum{background:var(--geum-soft);color:var(--geum)}.ohaeng-chip-su{background:var(--su-soft);color:var(--su)}.my-saju-missing-ohaeng{color:var(--text);margin:0;font-size:.85rem}.my-character-edit-button{border-radius:var(--radius-md);border:1px solid var(--accent);background:var(--surface);color:var(--accent);cursor:pointer;padding:.6rem 1.1rem;font-weight:600}.my-character-edit-button:hover{background:var(--accent-soft)}.my-character-edit-blocked{flex-direction:column;align-items:center;gap:.5rem;display:flex}.character-label{font-family:var(--font-display);font-size:1.2rem;font-weight:400}.my-character-like-count{color:var(--text);margin:0;font-size:.85rem}.stat-tile-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);text-align:left;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.stat-tile-label{color:var(--text);font-size:.8rem}.stat-tile-value{font-family:var(--font-display);color:var(--accent);font-size:1.75rem;font-weight:400}.admin-report-list{text-align:left;flex-direction:column;gap:.6rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.admin-report-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:.75rem 1rem}.admin-report-item-header{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.admin-report-reason{color:var(--danger);font-weight:700}.admin-report-date{color:var(--text);font-size:.75rem}.admin-report-parties{color:var(--text);margin:.3rem 0 0;font-size:.85rem}.admin-report-detail{background:var(--surface-muted);border-radius:var(--radius-sm);color:var(--text-h);margin:.4rem 0 0;padding:.5rem .6rem;font-size:.85rem}.payment-checkout-page{align-items:stretch}.payment-checkout-page button{border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);box-shadow:var(--shadow-soft);cursor:pointer;border:none;padding:.85rem;font-size:1.02rem;font-weight:400}.payment-checkout-page button:disabled{background:var(--accent-soft);box-shadow:none;cursor:not-allowed}.chat-room-page{box-sizing:border-box;flex-direction:column;gap:.75rem;max-width:32rem;height:100vh;margin:0 auto;padding:1rem;display:flex}.chat-room-page-header{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding-bottom:.5rem;display:flex}.chat-room-page-header h1{flex:1;margin:0;font-size:1.1rem}.chat-report-open-button{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;padding:.35rem .7rem;font-size:.8rem}.chat-report-open-button:hover{border-color:var(--danger);color:var(--danger)}.chat-report-done-label{color:var(--text);font-size:.8rem}.chat-report-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);flex-direction:column;gap:.6rem;padding:.75rem;font-size:.85rem;display:flex}.chat-report-panel label{color:var(--text-h);flex-direction:column;gap:.3rem;font-weight:600;display:flex}.chat-report-panel select,.chat-report-panel textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-h);font:inherit;resize:vertical;padding:.5rem .6rem;font-weight:400}.chat-report-panel-actions{gap:.5rem;display:flex}.chat-report-panel-actions button[type=submit]{border-radius:var(--radius-sm);background:var(--danger);color:#fff;cursor:pointer;border:none;padding:.5rem 1rem;font-weight:600}.chat-report-panel-actions button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.chat-report-panel-actions button[type=button]{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;padding:.5rem 1rem}.login-character-preview{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.login-character-preview-item{flex-direction:column;align-items:center;gap:.3rem;display:flex}.login-character-preview-item img{object-fit:contain;background:var(--surface-muted);border-radius:50%;width:3.25rem;height:3.25rem}.login-character-preview-item span{color:var(--text);font-size:.75rem}.login-character-preview-caption{color:var(--text);margin:0;font-size:.85rem}.kakao-login-button{border-radius:var(--radius-md);color:#191600;background:#fee500;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;display:inline-block}.kakao-login-button:hover{background:#f5da00}.recommendation-card-list{text-align:left;flex-direction:column;gap:.75rem;width:100%;display:flex}.recommendation-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);color:inherit;padding:.9rem 1.1rem;text-decoration:none;display:block}.recommendation-card:hover{border-color:var(--accent)}.card-avatar{object-fit:contain;background:var(--surface-muted);border-radius:50%;flex-shrink:0;width:2.75rem;height:2.75rem}.recommendation-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.recommendation-card-heading{flex:1;min-width:0}.recommendation-card-header h3{margin:0}.recommendation-card-meta{color:var(--text);margin:.15rem 0 0;font-size:.85rem}.recommendation-card-score{font-family:var(--font-display);color:var(--accent);flex-shrink:0;font-size:1.2rem;font-weight:400}.recommendation-card-summary{margin:.5rem 0 0}.match-card-list{text-align:left;flex-direction:column;gap:.75rem;width:100%;display:flex}.match-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:.9rem 1.1rem}.match-card-new{border-color:var(--accent);position:relative}.match-card-new .match-card-date{color:var(--accent);font-weight:700}.match-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.match-card-heading{flex:1;min-width:0}.match-card-header h3{margin:0}.match-card-meta{color:var(--text);margin:.15rem 0 0;font-size:.85rem}.match-card-date{color:var(--text);flex-shrink:0;font-size:.85rem}.chat-room-card-list{text-align:left;flex-direction:column;gap:.75rem;width:100%;display:flex}.chat-room-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);color:inherit;padding:.9rem 1.1rem;text-decoration:none;display:block}.chat-room-card:hover{border-color:var(--accent)}.chat-room-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.chat-room-card-heading{flex:1;min-width:0}.chat-room-card-header h3{margin:0}.chat-room-card-meta{color:var(--text);margin:.15rem 0 0;font-size:.85rem}.chat-room-card-badge{background:var(--danger);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;font-size:.8rem;font-weight:700;display:flex}.chat-room-card-preview{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:.5rem 0 0;overflow:hidden}.chat-room-card-time{color:var(--text);margin-top:.25rem;font-size:.75rem;display:block}.chat-message-list{flex-direction:column;flex:1;gap:.5rem;padding:.5rem 0;display:flex;overflow-y:auto}.chat-message-empty{color:var(--text);margin:auto;font-size:.9rem}.chat-message-system{background:var(--surface-muted);border-radius:var(--radius-md);text-align:center;align-self:center;max-width:85%;padding:.6rem .9rem;font-size:.9rem}.chat-message-system p{margin:0}.chat-message-row{justify-content:flex-start;align-items:flex-end;gap:.4rem;display:flex}.chat-message-row-mine{justify-content:flex-end}.chat-message-avatar{object-fit:contain;background:var(--surface-muted);border-radius:50%;flex-shrink:0;width:1.75rem;height:1.75rem}.chat-message-bubble{border-radius:var(--radius-md);background:var(--surface-muted);max-width:75%;box-shadow:var(--shadow-soft);border-bottom-left-radius:.3rem;padding:.55rem .8rem}.chat-message-row-mine .chat-message-bubble{border-bottom-left-radius:var(--radius-md);background:var(--accent-soft);border-bottom-right-radius:.3rem}.chat-message-bubble p{white-space:pre-wrap;word-break:break-word;margin:0}.chat-message-time{color:var(--text);text-align:right;margin-top:.2rem;font-size:.7rem;display:block}.chat-message-read{color:var(--accent);margin-right:.35rem;font-weight:600}.chat-message-form{border-top:1px solid var(--border);gap:.5rem;padding-top:.5rem;display:flex}.chat-message-form input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-h);flex:1;padding:.6rem .75rem;font-size:1rem}.chat-message-form button{border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;padding:.6rem 1rem;font-weight:600}.chat-message-form button:disabled{background:var(--accent-soft);cursor:not-allowed}.chat-limit-notice{border-top:1px solid var(--border);text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:.6rem;padding:.75rem;font-size:.85rem;display:flex}.chat-limit-cta{border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}