:root{--purple:#3b2457;--lav:#76558f;--gold:#b99655;--ivory:#fbf8f1;--ink:#2f2635;--line:#e7dfd1}
*{box-sizing:border-box} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at top,#f1e9f6 0,#fbf8f1 38%,#f5efe6 100%);min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#b9965540 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#0008,transparent 70%)}
.shell{width:min(720px,100%);margin:auto;padding:22px 16px 48px}.screen{display:none}.screen.active{display:block;animation:fade .35s ease}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hero-card,.result-card,.question-card{background:#fffdf9dd;border:1px solid #e8dcc9;border-radius:28px;box-shadow:0 20px 60px #38254c14;padding:28px;text-align:center;backdrop-filter:blur(12px)}
.logo{width:min(390px,92%);border-radius:24px;display:block;margin:0 auto 10px}.hero-card h1{font-family:Georgia,serif;color:var(--purple);font-size:clamp(28px,7vw,42px);margin:8px 0 14px}.hero-card p{line-height:1.65}
.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:20px 0}.chips span{background:#f2eaf6;border:1px solid #dfcfea;padding:8px 12px;border-radius:999px;font-size:14px}
button,.linkbtn{font:inherit}.primary,.secondary,.ghost,.linkbtn{border-radius:16px;padding:14px 18px;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}
.primary{border:0;background:linear-gradient(135deg,var(--purple),#65457e);color:white;font-weight:800;box-shadow:0 9px 22px #3b24572b}.secondary{border:1px solid #d9c8e2;background:white;color:var(--purple);font-weight:700}.ghost{border:0;background:transparent;color:#6d5b72}.small,.disclaimer{font-size:12px;color:#776b79}.disclaimer{margin-top:22px}
.topline{display:flex;justify-content:space-between;font-size:13px;color:#75677c;margin:8px 4px}.progress{height:8px;background:#eadff0;border-radius:99px;overflow:hidden;margin-bottom:18px}.progress div{height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--lav));transition:width .25s}
.question-card{min-height:420px;display:flex;flex-direction:column;justify-content:center}.question-card h2{font-family:Georgia,serif;color:var(--purple);font-size:clamp(23px,5.5vw,32px);line-height:1.35}.moon{font-size:38px}.answers{display:grid;gap:10px;margin-top:20px}.answer{border:1px solid #dfd2e6;background:#fff;border-radius:16px;padding:15px;color:#45354f;font-weight:650;cursor:pointer}.answer:hover,.answer.selected{background:#efe5f4;border-color:#8a6b9d}.compact{margin-top:12vh}.bigicon,.orb{font-size:58px}.loader{width:54px;height:54px;border:5px solid #e8deeb;border-top-color:var(--gold);border-radius:50%;margin:24px auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.result-card{text-align:left}.eyebrow{text-align:center;color:#7d6a84;letter-spacing:.12em;font-size:12px;font-weight:800}.type-icon{text-align:center;font-size:54px;margin-top:10px}.result-card>h1{text-align:center;font-family:Georgia,serif;color:var(--purple);font-size:40px;margin:4px 0}.hook{text-align:center;font-family:Georgia,serif;font-style:italic;font-size:18px;color:#624b6d}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0}.summary-grid div{background:#f4edf6;border-radius:16px;padding:14px}.summary-grid small{display:block;font-size:9px;letter-spacing:.08em;color:#806d88}.summary-grid strong{display:block;margin-top:6px;color:#40294e;font-size:13px}.result-card section{border-top:1px solid var(--line);padding:17px 2px}.result-card h3{color:#4b315c;margin:0 0 7px}.result-card section p{line-height:1.65;margin:0}.notice{background:#fff5dc;border:1px solid #ead39a!important;border-radius:16px;padding:16px!important}.hidden{display:none}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
@media(max-width:520px){.hero-card,.result-card,.question-card{padding:20px;border-radius:22px}.summary-grid{grid-template-columns:1fr}.actions{grid-template-columns:1fr}.question-card{min-height:390px}}
.utility-bar{position:fixed;z-index:30;top:14px;right:16px;display:flex;gap:10px;align-items:center}
.lang-switch,.music-btn{background:#fffdf5e8;border:1px solid #e2d4bd;border-radius:999px;box-shadow:0 6px 18px #3b245716;backdrop-filter:blur(8px)}
.lang-switch{display:flex;align-items:center;padding:5px 9px;gap:4px}.lang{border:0;background:transparent;color:#796b7d;padding:5px 7px;font-weight:800;cursor:pointer}.lang.active{color:#3b2457}.music-btn{padding:9px 13px;color:#3b2457;font-weight:800;cursor:pointer}
@media(max-width:520px){.utility-bar{top:8px;right:9px}.lang-switch{padding:3px 6px}.music-btn{padding:7px 10px}}


/* v2.4 — compact bilingual PDF/print export */
.result-print-logo{display:none}
@page{size:A4 portrait;margin:0}
@media print{
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  html,body{background:#fff!important;width:210mm;height:297mm;margin:0!important;padding:0!important}
  body:before,.utility-bar{display:none!important}
  .shell{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  .screen{display:none!important}
  #result.active{display:block!important;animation:none!important}
  .result-card{width:100%!important;max-width:none!important;margin:0!important;padding:9mm 10mm 8mm!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;transform:none!important}
  .result-print-logo{display:block!important;width:58mm!important;max-height:33mm!important;object-fit:contain!important;margin:0 auto 3mm!important;border-radius:3mm}
  .eyebrow{font-size:9pt!important;line-height:1.1!important;margin:0!important}
  .type-icon{font-size:29pt!important;line-height:1!important;margin:1mm 0 0!important}
  .result-card>h1{font-size:26pt!important;line-height:1.05!important;margin:1mm 0!important}
  .hook{font-size:11pt!important;line-height:1.25!important;margin:1.5mm 0 3mm!important}
  .summary-grid{gap:2.5mm!important;margin:3mm 0 3.5mm!important}
  .summary-grid div{padding:2.8mm 3mm!important;border-radius:2.5mm!important}
  .summary-grid small{font-size:6.5pt!important;line-height:1!important}
  .summary-grid strong{font-size:8.5pt!important;line-height:1.15!important;margin-top:1mm!important}
  .result-card section{padding:3.6mm 0!important;break-inside:avoid!important}
  .result-card h3{font-size:10.5pt!important;line-height:1.1!important;margin:0 0 1.3mm!important}
  .result-card section p{font-size:9.2pt!important;line-height:1.38!important;margin:0!important}
  .notice{padding:2.8mm!important;border-radius:2mm!important}
  .actions{display:none!important}
  .disclaimer{font-size:7.6pt!important;line-height:1.25!important;margin:3mm 0 0!important}
}

/* v2.6 final PDF polish: edge-to-edge print page prevents browser header/footer reservation; internal padding preserves A4 margins */
@media print{body.pdf-export{overflow:hidden!important} body.pdf-export #result{min-height:297mm!important}}

/* v3.7: show the official THE HIDDEN YOU logo on every question screen */
.quiz-logo{width:min(300px,72%);max-height:145px;object-fit:contain;display:block;margin:0 auto 8px;border-radius:18px}
@media(max-width:520px){.quiz-logo{width:min(260px,78%);max-height:125px;margin-bottom:6px}.question-card{min-height:390px}}