:root{--background:#f6f0e4;--foreground:#1e1713;--ink:#211915;--paper:#fffaf1;--paper-deep:#efe2cf;--line:#c7a46d;--line-soft:#dfcfb5;--red:#9b2f27;--blue:#244b66;--green:#486b4c;--gold:#b9822d;--muted:#6f5f4d;--shadow:#1f160d24}*{box-sizing:border-box}html{background:0 0}body{background:linear-gradient(135deg, #244b661f, transparent 28%), linear-gradient(315deg, #9b2f271a, transparent 30%), var(--background);min-width:320px;color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.quiz-shell{min-height:100vh;padding:clamp(14px,3vw,28px)}.quiz-frame{background:var(--paper);width:min(100%,980px);box-shadow:0 18px 60px var(--shadow);border:1px solid #2119152e;border-radius:8px;margin:0 auto;overflow:hidden}.brand-row{border-bottom:1px solid var(--line-soft);background:var(--ink);color:#fff7e9;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-size:12px;font-weight:700;display:flex}.intro-grid{background:linear-gradient(90deg, #fffaf1f5, #fffaf1b8), var(--paper-deep);grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;padding:clamp(22px,5vw,42px);display:grid}.kicker{color:var(--red);text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}h1,h2,p{overflow-wrap:anywhere}h1{max-width:680px;color:var(--red);margin:0;font-size:clamp(38px,6.7vw,70px);font-weight:850;line-height:1}h2{color:var(--ink);margin:0;font-size:clamp(24px,4vw,38px);font-weight:820;line-height:1.12}.intro-subtitle{max-width:520px;color:var(--muted);margin:16px 0 0;font-size:clamp(16px,2.1vw,22px);font-weight:700;line-height:1.35}.portrait-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:210px;display:grid}.portrait-strip img{object-fit:cover;border:1px solid #21191538;border-radius:8px;width:100%;height:100%;min-height:210px}.progress-area{padding:0 clamp(22px,5vw,42px) 8px}.progress-copy{color:var(--muted);justify-content:space-between;gap:12px;margin:18px 0 8px;font-size:13px;font-weight:700;display:flex}.progress-track{border:1px solid var(--line-soft);background:#eadcc8;border-radius:999px;height:10px;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg, var(--red), var(--blue), var(--green));height:100%;transition:width .18s}.question-block{padding:clamp(22px,5vw,42px)}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.answer-button{border:1px solid var(--line-soft);width:100%;min-height:84px;color:var(--ink);text-align:left;cursor:pointer;background:#fffdf8;border-radius:8px;grid-template-columns:32px 1fr;align-items:center;gap:12px;padding:15px;line-height:1.35;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.answer-button span{background:var(--blue);color:#fff;border-radius:999px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:inline-grid}.answer-button:hover,.answer-button:focus-visible{border-color:var(--gold);outline:0;transform:translateY(-1px);box-shadow:0 10px 24px #2119151f}.nav-row,.result-actions{flex-wrap:wrap;gap:10px;display:flex}.nav-row{justify-content:space-between;padding:0 clamp(22px,5vw,42px) clamp(22px,5vw,42px)}.primary-button,.secondary-button,.secondary-link-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.primary-button{border:1px solid var(--red);background:var(--red);color:#fff}.secondary-button{border:1px solid var(--line);color:var(--ink);background:0 0}.secondary-link-button{border:1px solid var(--blue);background:var(--blue);color:#fff}.secondary-button:disabled{cursor:not-allowed;opacity:.45}.primary-button:hover,.primary-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible,.secondary-link-button:hover,.secondary-link-button:focus-visible{outline-offset:2px;outline:2px solid #244b6647}.result-layout{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);min-height:620px;display:grid}.result-visual{background:var(--ink);min-height:620px}.result-visual img{object-fit:cover;width:100%;height:100%;min-height:620px}.result-content{flex-direction:column;justify-content:center;padding:clamp(24px,5vw,46px);display:flex}.result-title{color:var(--blue);margin:10px 0 0;font-size:clamp(20px,3vw,28px);font-weight:850}.result-summary,.blend-note{color:#44392f;margin:18px 0 0;font-size:16px;line-height:1.65}.blend-note{border-left:4px solid var(--gold);padding-left:14px;font-weight:700}.trait-row{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.trait-row span{color:#263b2a;background:#486b4c1a;border:1px solid #486b4c73;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}blockquote{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);color:var(--red);margin:22px 0 0;padding:16px 0;font-size:18px;font-weight:850;line-height:1.35}.score-list{gap:8px;margin-top:20px;display:grid}.score-list div{border:1px solid var(--line-soft);color:#40362d;background:#ffffff7a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:750;display:flex}.score-list strong{color:var(--blue)}.result-actions{margin-top:22px}.share-panel{border:1px solid var(--line-soft);background:#fffdf8b8;border-radius:8px;flex-wrap:wrap;gap:8px;margin-top:12px;padding:10px;display:flex}.share-panel a,.share-panel button{min-height:38px;color:var(--blue);cursor:pointer;background:#fff;border:1px solid #244b6647;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;font-weight:850;line-height:1.2;text-decoration:none;display:inline-flex}.share-panel a:hover,.share-panel a:focus-visible,.share-panel button:hover,.share-panel button:focus-visible{outline-offset:2px;outline:2px solid #244b6647}.result-banner-link{border:1px solid #2119152e;border-radius:8px;margin-top:24px;display:block;overflow:hidden;box-shadow:0 10px 28px #2119151f}.result-banner-link:hover,.result-banner-link:focus-visible{outline-offset:3px;outline:2px solid #244b6661}.result-banner-link img{width:100%;height:auto;display:block}@media (max-width:760px){.quiz-shell{padding:0}.quiz-frame{border-left:0;border-right:0;border-radius:0}.brand-row{flex-direction:column;align-items:flex-start;gap:4px}.intro-grid,.result-layout{grid-template-columns:1fr}.portrait-strip{grid-template-columns:repeat(4,1fr);min-height:118px}.portrait-strip img{min-height:118px}.answer-grid{grid-template-columns:1fr}.result-visual,.result-visual img{min-height:340px;max-height:420px}}