#dohwaTest{max-width:760px;margin:0 auto;padding:20px 14px;font-family:’Noto Sans KR’,system-ui,sans-serif;color:#111}
#dohwaTest *{box-sizing:border-box}
.dt-card{background:#fff;padding:28px 18px;border-radius:24px;box-shadow:0 4px 20px rgba(0,0,0,.08)}
.dt-title{font-size:30px;font-weight:900;line-height:1.35;text-align:center;margin-bottom:12px;word-break:keep-all}
.dt-desc{font-size:16px;line-height:1.8;text-align:center;color:#555;margin-bottom:24px;word-break:keep-all}
.dt-input{width:100%;padding:16px;border:2px solid #eee;border-radius:16px;font-size:17px;margin-bottom:12px}
.dt-btn{width:100%;padding:18px;border:none;border-radius:18px;margin-bottom:12px;font-size:17px;font-weight:900;cursor:pointer}
.dt-main{background:#111;color:#fff}
.dt-answer{background:#f5f5f5;color:#111}
.dt-answer:hover{background:#ffe4df}
.dt-progress{height:10px;background:#eee;border-radius:999px;overflow:hidden;margin-bottom:24px}
.dt-bar{height:10px;background:#f08f82;width:0%;transition:.3s}
.dt-question{font-size:23px;font-weight:900;line-height:1.5;text-align:center;margin-bottom:24px;word-break:keep-all}
.result-check{border:3px solid #111;padding:14px;text-align:center;font-size:22px;font-weight:900;margin:20px 0}
.ad-area{margin:20px 0;text-align:center;overflow:hidden}
.report{background:#fff8ed;border:2px solid #111;padding:16px;margin:0 auto 24px;max-width:520px;color:#111}
.report-inner{border:1px dashed #111;padding:12px}
.report-head{display:flex;justify-content:space-between;border:1px solid #111;margin-bottom:12px}
.report-head div{padding:8px 10px;font-weight:900}
.report-badge{background:#f6c8bd;border-left:1px solid #111}
.report-main{display:grid;grid-template-columns:140px 1fr;gap:14px;margin-bottom:14px}
.report-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#f6b8af,#fff1d6);border:2px solid #111;margin:auto}
.report-type small{color:#c54636;font-weight:900;letter-spacing:2px}
.report-type h2{font-size:34px;line-height:1.1;margin:8px 0;word-break:keep-all}
.report-temp{display:flex;border:1px solid #111;margin:10px 0}
.report-temp div{padding:10px;font-weight:900;border-right:1px solid #111}
.report-temp div:last-child{border-right:none}
.tag-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}
.tag-row div{border:1px solid #111;background:#ffe3d6;text-align:center;padding:8px;font-weight:900;font-size:13px}
.point-box{border:1px solid #111;margin:12px 0}
.point-title{background:#f6c8bd;border-bottom:1px solid #111;padding:8px;font-weight:900}
.point-line{display:flex;justify-content:space-between;padding:7px 10px;border-bottom:1px solid #ddd;font-weight:800}
.point-line:last-child{border-bottom:none}
.report-text{border:1px solid #111;padding:14px;line-height:1.7;font-weight:700;margin:12px 0;white-space:pre-line}
.two-box{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.two-box div{border:1px solid #111;padding:10px;text-align:center;font-weight:900;background:#fff7e7}
.save-btn{background:#f08f82;color:#fff}
.copy-btn{background:#111;color:#fff}
.retry-btn{background:#eee;color:#111}
.other-test{margin-top:30px;text-align:left}
.other-link{display:block;background:#f5f5f5;padding:16px;border-radius:16px;margin-bottom:10px;text-decoration:none;color:#111;font-weight:900;text-align:center}
@media(max-width:600px){
#dohwaTest{padding:0}
.dt-card{padding:24px 14px;border-radius:0;box-shadow:none}
.dt-title{font-size:26px}
.dt-question{font-size:21px}
.report{padding:10px}
.report-main{grid-template-columns:1fr}
.report-type h2{text-align:center;font-size:30px}
.report-circle{width:110px;height:110px}
.tag-row{grid-template-columns:repeat(2,1fr)}
}
const dohwaQuestions=[
{q:”When I meet someone for the first time, I…”,a:[[“Hang back and read the room”,”mystic”],[“Smile naturally and keep the conversation flowing”,”warm”],[“Talk a lot and bring the energy”,”spark”],[“Make an impression with my eyes and expressions”,”deep”]]},
{q:”People often describe me as…”,a:[[“Easy to be around”,”warm”],[“Mysteriously magnetic”,”mystic”],[“Fun”,”spark”],[“Unforgettable”,”deep”]]},
{q:”When I start liking someone, I…”,a:[[“Let things develop slowly”,”warm”],[“Try not to make it too obvious”,”mystic”],[“Say something right away”,”spark”],[“Think about it for a long time on my own”,”deep”]]},
{q:”My biggest source of charm is…”,a:[[“My thoughtfulness”,”warm”],[“My mysterious vibe”,”mystic”],[“My upbeat energy”,”spark”],[“The feeling I leave behind”,”deep”]]},
{q:”Someone starts falling for me when…”,a:[[“They see how I look after people”,”warm”],[“They realize there’s more to me than meets the eye”,”mystic”],[“They have a great time with me”,”spark”],[“They can feel that I’m genuine”,”deep”]]},
{q:”My romantic energy is…”,a:[[“Warm and steady”,”warm”],[“Quiet but intense”,”mystic”],[“Bright and exciting”,”spark”],[“Deep and hard to forget”,”deep”]]},
{q:”In a group, I’m the one who…”,a:[[“Quietly keeps an eye on everyone”,”warm”],[“Stands out without saying much”,”mystic”],[“Keeps the party going”,”spark”],[“Has a powerful presence”,”deep”]]},
{q:”My kind of magnetic charm is…”,a:[[“Growing warmer the closer you get”,”warm”],[“Making people curious from across the room”,”mystic”],[“Turning heads at first sight”,”spark”],[“Staying on someone’s mind long after we meet”,”deep”]]}
];
const dohwaResults={
warm:{
name:”The Warm Charmer”,eng:”AQUA MILK”,sub:”Your warmth grows the closer people get”,temp:”59℃”,tags:[“Thoughtful”,”Remembering Details”,”Steady”,”Quiet Sparks”],
text:”The Warm Charmer may not grab attention at first glance, but your appeal grows the closer people get.\n\nThe little things you remember and the thoughtful ways you show up stay with people—and before they know it, comfort starts to feel like a crush.”,
match:”The Head-Turner / The Lasting Impression”,caution:”Your friendliness may be mistaken for a romantic signal”,scores:[2,5,3,2]
},
mystic:{
name:”The Head-Turner”,eng:”MOON SHADE”,sub:”You can hold someone’s attention without saying much”,temp:”66℃”,tags:[“Mystery”,”Atmosphere”,”Perceptive”,”Magnetic”],
text:”The Head-Turner draws attention without needing to say much.\n\nYou’re quiet but oddly unforgettable, with a vibe that makes people even more curious the more they get to know you.”,
match:”The Warm Charmer / The Lasting Impression”,caution:”People may mistake your quietness for being cold”,scores:[5,3,2,4]
},
spark:{
name:”The Firecracker”,eng:”SPARK RED”,sub:”Your energy makes an impact from the very first meeting”,temp:”83℃”,tags:[“First Impression”,”High Energy”,”Expressive”,”Popular”],
text:”The Firecracker has a strong presence from the moment they walk into a room.\n\nYour bright energy and lively reactions lift the mood fast, leaving people with a powerful first impression.”,
match:”The Warm Charmer / The Perfect Balance”,caution:”Watch out for being mistaken as someone who isn’t serious”,scores:[4,2,5,3]
},
deep:{
name:”The Lasting Impression”,eng:”DEEP ROSE”,sub:”You’re the type people keep thinking about”,temp:”74℃”,tags:[“Afterglow”,”Sincerity”,”Intensity”,”Depth”],
text:”The Lasting Impression is impossible to forget once you’ve crossed paths.\n\nYour emotional depth speaks louder than words, and you have a way of making people think back on you long after you’ve met.”,
match:”The Head-Turner / The Warm Charmer”,caution:”Your intensity may sometimes feel a little heavy”,scores:[3,4,2,5]
}
};
let current=0;
let selected=[];
let score={warm:0,mystic:0,spark:0,deep:0};
let birth=””;
function renderStart(){
document.getElementById(“dohwaTest”).innerHTML=`
Dohwa Charisma Test
Discover your hidden magnetic charm with your birthday and 8 quick questions
`;
}
function startDohwa(){
birth=document.getElementById(“birthInput”).value;
if(!birth){alert(“Please select your date of birth.”);return;}
current=0;
score={warm:0,mystic:0,spark:0,deep:0};
selected=dohwaQuestions;
renderQuestion();
}
function renderQuestion(){
let q=selected[current];
let progress=(current/selected.length)*100;
let html=`
${current+1}. ${q.q}
`;
q.a.forEach(item=>{
html+=``;
});
html+=`
`;
document.getElementById(“dohwaTest”).innerHTML=html;
}
function selectDohwa(type){
score[type]+=1;
current++;
if(current>=selected.length){renderAd();}
else{renderQuestion();}
}
function renderAd(){
document.getElementById(“dohwaTest”).innerHTML=`
Analyzing your charisma…
We’re creating your personal charm profile.
▼ YOUR RESULT IS READY ▼
`;
try{(adsbygoogle=window.adsbygoogle||[]).push({});}catch(e){}
}
function showResult(){
let top=Object.keys(score).reduce((a,b)=>score[a]>=score[b]?a:b);
let r=dohwaResults[top];
let birthText=birth.replaceAll(“-“,”.”);
let report=`
