
.test-screen{position:fixed;inset:0;z-index:1750;background:radial-gradient(circle at 78% -12%,rgba(84,212,197,.18),transparent 34%),linear-gradient(145deg,#07111f,#101a27 55%,#172737);color:#f4f9f8;overflow:auto;padding:22px}
.test-shell{width:min(980px,100%);margin:auto;min-height:calc(100vh - 44px);display:flex;flex-direction:column;justify-content:center}
.test-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.test-head h1{font-size:clamp(28px,5vw,44px);font-weight:400;margin:0}.test-spacer{flex:1}
.test-back,.test-nav,.test-start{border:1px solid rgba(84,212,197,.42);background:#14262a;color:#e8fffb;border-radius:11px;padding:10px 14px;cursor:pointer;font-weight:750}.test-start{background:#183d3b;border-color:#54d4c5}.test-nav:disabled{opacity:.35;cursor:default}
.test-card{border:1px solid rgba(84,212,197,.28);background:rgba(15,22,29,.88);border-radius:20px;padding:clamp(18px,4vw,32px);box-shadow:0 24px 70px #0007}
.test-kicker{color:#8fdaca;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.test-intro{color:#c8d5d4;line-height:1.65}.test-disclaimer{margin-top:16px;padding:12px 14px;border-left:3px solid #f1b968;background:rgba(241,185,104,.07);color:#d9cdb9}
.test-progressrow{display:flex;align-items:center;gap:12px;margin-bottom:20px}.test-progress{flex:1;height:8px;background:#26323a;border-radius:99px;overflow:hidden}.test-progress>span{display:block;height:100%;background:#54d4c5}.test-count{color:#9eb0b1;font-variant-numeric:tabular-nums}
.test-question{font-size:clamp(21px,3vw,29px);line-height:1.42;margin:18px 0 25px}.test-answers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.test-answer{min-height:82px;border:1px solid #3b4b53;background:#151d23;color:#eef6f5;border-radius:14px;padding:15px 18px;text-align:left;cursor:pointer;font:inherit;font-size:16px}.test-answer:hover,.test-answer.selected{border-color:#54d4c5;background:#183331}.test-answer.selected{box-shadow:inset 0 0 0 1px rgba(84,212,197,.28)}
.test-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}
.test-results{display:grid;gap:16px}.test-results h2{font-size:30px;margin:0}.test-result-note{color:#aebdbc;line-height:1.55}
.test-profile{display:grid;gap:9px}.test-profile-row{display:grid;grid-template-columns:minmax(180px,1.1fr) 2fr 48px;gap:10px;align-items:center}.test-profile-name{font-size:13px;color:#dce8e7}.test-profile-bar{height:12px;background:#26323a;border-radius:99px;overflow:hidden}.test-profile-bar span{display:block;height:100%;background:linear-gradient(90deg,#2b958b,#54d4c5);border-radius:99px}.test-profile-score{text-align:right;color:#8fdaca;font-weight:800}
.test-derived{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.test-derived-item{border:1px solid #314048;background:#10171c;border-radius:12px;padding:13px}.test-derived-item b{display:block;color:#e8f5f3}.test-derived-item strong{display:block;color:#8fdaca;font-size:22px;margin-top:4px}.test-derived-item small{display:block;color:#87999a;margin-top:5px;line-height:1.4}
.test-section-title{font-size:16px;color:#dff9f4;margin:8px 0 0}.test-finish-actions{display:flex;gap:9px;flex-wrap:wrap}.test-finish-actions button{border:1px solid #3a5152;background:#152321;color:#e6fbf8;border-radius:10px;padding:11px 13px;cursor:pointer;font-weight:700}
@media(max-width:700px){.test-screen{padding:10px}.test-answers{grid-template-columns:1fr}.test-profile-row{grid-template-columns:1fr 48px}.test-profile-bar{grid-column:1/-1;grid-row:2}.test-derived{grid-template-columns:1fr}}

/* 1.26.3 · metafora feliratok kontrasztja */
.metaphor-stage{background:#12171b!important;color:#edf2f2!important}
.metaphor-stage h2,.metaphor-stage .reflection-kicker{color:#edf2f2!important}
.metaphor-candidate,.metaphor-choice{background:#141c21!important;color:#fff1d6!important;border-color:#42535a!important}
.metaphor-candidate strong,.metaphor-choice strong{color:#fff1d6!important}
.metaphor-candidate small{color:#aebdbc!important}
.metaphor-lead{color:#cbd6d5!important}
.metaphor-selected{background:#171816!important;color:#edf2f2!important}
.metaphor-selected .metaphor-name{color:#ffe1ad!important}
.metaphor-questions{background:#10161a!important}
.metaphor-questions div{color:#dce8e7!important}

