:root{--text-color:#1e293b;--text-muted:#64748b;--card-bg:#ffffff;--card-border:#e2e8f0;--couple-primary:#e11d48;--couple-secondary:#f43f5e;--couple-bg:#fff1f2;--nt-color:#8B5CF6;--nf-color:#10B981;--sj-color:#3B82F6;--sp-color:#F59E0B}body{color:var(--text-color)}.custom-card{background:var(--card-bg);border:1px solid var(--card-border)}.type-badge-area{text-align:center;margin-bottom:1.5rem}.type-code-badge{display:inline-block;font-size:2.5rem;font-weight:900;letter-spacing:.08em;padding:.5rem 1.5rem;border-radius:1rem;color:#fff;margin-bottom:.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.2);position:relative;overflow:hidden}.type-code-badge::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);transform:skewX(-25deg);animation:3s infinite shine}@keyframes shine{0%{left:-100%}100%,20%{left:200%}}.type-code-badge.nt{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.type-code-badge.nf{background:linear-gradient(135deg,#10b981,#059669)}.type-code-badge.sj{background:linear-gradient(135deg,#3b82f6,#2563eb)}.type-code-badge.sp{background:linear-gradient(135deg,#f59e0b,#d97706)}.type-nickname{font-size:1.5rem;font-weight:800;margin-bottom:.25rem}.type-group-label{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:.25rem}.type-emoji{font-size:2rem;margin-bottom:.5rem}.type-summary{font-size:.9375rem;color:#475569;line-height:1.6;max-width:500px;margin:0 auto 1.5rem}.dimension-bars{margin-bottom:2rem}.dimension-bar-wrap{margin-bottom:1rem}.dimension-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem;font-size:.8125rem;font-weight:600}.dimension-bar{height:.625rem;background:#e2e8f0;border-radius:1rem;overflow:hidden;position:relative}.dimension-fill{height:100%;border-radius:1rem;transition:width .8s;background:var(--couple-primary)}.disclaimer-text{font-size:.75rem;color:var(--text-muted);text-align:center;margin:1rem 0}.preview-item{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(225,29,72,.1)}.preview-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.preview-label{font-size:.75rem;font-weight:700;color:var(--couple-primary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.03em}.preview-teaser{font-size:.9375rem;color:#64748b;margin-bottom:0;line-height:1.5}.loading-step.active{animation:1s ease-in-out infinite bounce-subtle}@keyframes bounce-subtle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.ai-overlay-card{background:var(--card-bg)}.ai-thank-you-title{color:var(--text-color)}.ai-thank-you-sub{color:var(--text-muted)}@media (prefers-color-scheme:dark){:root{--primary-color:#fb7185;--secondary-color:#fda4af;--bg-color:#0f172a;--text-color:#f8fafc;--text-muted:#94a3b8;--card-bg:#1e293b;--card-border:#334155;--couple-primary:#fb7185;--couple-secondary:#fda4af;--couple-bg:#1c1017;--nt-color:#a78bfa;--nf-color:#34d399;--sj-color:#60a5fa;--sp-color:#fbbf24}.ai-progress-bar{background:#374151}.type-summary{color:var(--text-muted)}.dimension-bar{background:#334155}}@media (max-width:767px){.type-code-badge{font-size:2rem}.type-nickname{font-size:1.25rem}}.couple-flow-steps{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.flow-step{display:flex;flex-direction:column;align-items:center;gap:4px}.flow-step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--couple-primary);color:#fff;font-weight:700;font-size:.85rem}.flow-step-text{font-size:.8rem;color:var(--text-muted);font-weight:500}.flow-arrow{color:var(--text-muted);font-size:1.2rem;margin-top:-16px}.couple-invite-cta{background:var(--couple-bg);border-radius:16px;padding:24px;border:1px solid var(--card-border)}.couple-type-cards{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0}.couple-type-card{flex:1;max-width:160px;background:var(--couple-bg);border-radius:16px;padding:20px 12px;text-align:center;border:1px solid var(--card-border)}.couple-type-label{font-size:.75rem;font-weight:700;color:var(--couple-primary);text-transform:uppercase;margin-bottom:10px}.couple-type-code{font-size:1.3rem;font-weight:800;color:var(--text-color);margin-bottom:6px}.couple-type-name{font-size:.9rem;color:var(--text-muted);font-weight:500}.couple-heart{display:flex;align-items:center;flex-shrink:0}.couple-score-area{padding:20px 0}.couple-score-circle{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--couple-primary),var(--couple-secondary));color:#fff;margin:0 auto;box-shadow:0 10px 25px rgba(225,29,72,.25)}.couple-score-number{font-size:2.5rem;font-weight:800;line-height:1}.couple-score-unit{font-size:1rem;font-weight:600;margin-left:2px}.couple-compat-label{font-size:1.3rem;font-weight:700;color:var(--text-color)}.couple-grade{font-size:1rem;font-weight:600}.couple-detail-section{margin:20px 0}.couple-detail-item{background:var(--card-bg);border-radius:12px;padding:18px 16px;margin-bottom:14px;border:1px solid var(--card-border);box-shadow:0 4px 12px rgba(0,0,0,.03)}.couple-detail-item.strength-box{background:rgba(225,29,72,.02)}.couple-detail-item.conflict-box{background:rgba(245,158,11,.02)}.couple-detail-item.tip-box{background:rgba(16,185,129,.02)}.couple-detail-item h4{font-size:.95rem;font-weight:700;margin-bottom:10px;display:flex;align-items:center}.couple-detail-item p{font-size:.9rem;color:var(--text-color);opacity:.9;margin-bottom:0;line-height:1.7}.couple-ai-summary{background:var(--couple-bg);border-radius:12px;padding:20px;margin-top:20px;border:1px solid var(--card-border);box-shadow:0 4px 12px rgba(225,29,72,.05)}.couple-ai-text{font-size:.9375rem;color:var(--text-color);line-height:1.7}#screen-couple-result .ai-markdown pre{background:#faf5eb;border:1px solid #e8dcc8;border-radius:16px;padding:0;margin:16px 0;font-size:.875rem;line-height:1;position:relative;overflow:hidden}#screen-couple-result .ai-markdown pre::before{content:'💬 카톡 재현';display:block;background:#e8dcc8;padding:6px 14px;font-size:.75rem;font-weight:600;color:#8b7355;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}#screen-couple-result .ai-markdown pre code{display:block;padding:14px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:.85rem;line-height:2;white-space:pre-wrap;word-break:break-word;color:#1e293b;background:0 0}#screen-couple-result .ai-markdown code{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:0 0;padding:0;font-size:inherit;color:inherit}@media (prefers-color-scheme:dark){#screen-couple-result .ai-markdown pre{background:#2a2318;border-color:#4a3d2e}#screen-couple-result .ai-markdown pre::before{background:#4a3d2e;color:#c4a97d}#screen-couple-result .ai-markdown pre code{color:#f8fafc}#couple-ai-content{background:var(--couple-bg)!important;border-color:var(--card-border)!important}#couple-ai-content .text-primary{color:var(--couple-primary)!important}#couple-ai-content .text-secondary{color:var(--text-color)!important}}.couple-ai-loading{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.875rem;padding:8px 0}.loader-inline{width:18px;height:18px;border:2px solid var(--card-border);border-top-color:var(--couple-primary);border-radius:50%;animation:1s linear infinite spin;flex-shrink:0}.typing-dots::after{content:'';animation:1.5s steps(4,end) infinite typing-dots}@keyframes typing-dots{0%,100%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}#screen-waiting .loader{width:48px;height:48px;border:4px solid var(--card-border);border-top-color:var(--couple-primary);border-radius:50%;animation:1s linear infinite spin;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.type-code-badge.nt{background:var(--nt-color);color:#fff}.type-code-badge.nf{background:var(--nf-color);color:#fff}.type-code-badge.sj{background:var(--sj-color);color:#fff}.type-code-badge.sp{background:var(--sp-color);color:#fff}@media (max-width:480px){.couple-type-card{padding:14px 8px}.couple-type-code{font-size:1.1rem}.couple-score-circle{width:100px;height:100px}.couple-score-number{font-size:2rem}.flow-step-num{width:24px;height:24px;font-size:.75rem}.flow-step-text{font-size:.7rem}}