nav{display:none!important}footer{display:none!important}#quiz-app{max-width:700px;margin:0 auto;padding:2rem 0 4rem;min-height:100vh;transition:max-width .3s ease}#quiz-app.wide{max-width:1180px;padding-left:1.5rem;padding-right:1.5rem}.quiz-step{display:none}.quiz-step.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.progress-bar{height:4px;background:#e5e7eb;border-radius:2px;margin-bottom:2rem;overflow:hidden}.progress-fill{height:100%;background:#6366f1;border-radius:2px;transition:width .4s ease}.step-label{font-size:.8rem;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.quiz-header{text-align:center;margin-bottom:3rem;padding-top:3rem}.quiz-header h1{font-size:2rem;letter-spacing:-.02em;margin-bottom:.75rem}.quiz-subtitle{color:#666;font-size:1rem}.focus-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.focus-card{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.75rem!important;padding:2.5rem 1.5rem!important;border:2px solid #e5e7eb!important;border-radius:12px!important;background:#fff!important;cursor:pointer!important;transition:all .2s!important;text-align:center!important;font-family:inherit!important;-webkit-appearance:none!important;appearance:none!important}.focus-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.focus-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#4facfe,#6366f1);color:#fff;font-weight:800;font-size:1.1rem}.focus-label{font-size:1.1rem;font-weight:700;color:#1a1a1a}.focus-desc{font-size:.85rem;color:#888}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:600;color:#555;margin-bottom:.4rem}.form-group select,.form-group input,.form-group textarea{width:100%;padding:.7rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-family:inherit;color:#1a1a1a;background:#fff;appearance:auto;-webkit-appearance:auto}.form-group textarea{resize:vertical;min-height:96px}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.optional{font-weight:400;color:#999}.consent-group{margin-top:1.5rem}.consent-label{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;font-weight:400;color:#555;font-size:.85rem;line-height:1.4}.consent-label input[type=checkbox]{width:18px;height:18px;margin-top:1px;flex-shrink:0;accent-color:#6366F1;cursor:pointer}.consent-label a{color:#6366f1;text-decoration:underline}.hint{font-weight:400;font-size:.85rem;color:#999}.quiz-step h2{margin-bottom:.75rem}.lead-note{color:#888;font-size:.9rem;margin-bottom:1.5rem}.quiz-nav{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}.quiz-nav .btn{min-width:120px;text-align:center;font-family:inherit;cursor:pointer;font-size:.9rem}.quiz-nav .btn:disabled{opacity:.4;cursor:not-allowed}.quiz-nav .btn.primary{background:#6366f1;color:#fff;border:none;padding:.7rem 1.4rem;border-radius:5px;font-weight:600}.quiz-nav .btn.primary:hover:not(:disabled){background:#4f46e5}.quiz-nav .btn.ghost{background:none;border:1px solid #ddd;color:#555;padding:.7rem 1.4rem;border-radius:5px;font-weight:600}.quiz-nav .btn.ghost:hover{border-color:#999}.scored-hint{color:#888;font-size:.9rem;margin-top:-.5rem;margin-bottom:1.5rem;font-style:italic}.radio-cards{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.radio-card{display:flex!important;align-items:center!important;gap:1rem!important;padding:1.25rem 1.5rem!important;border:2px solid #e5e7eb!important;border-radius:10px!important;background:#fff!important;cursor:pointer!important;transition:all .2s!important;text-align:left!important;font-family:inherit!important;font-size:1rem!important;color:#333!important;width:100%!important;min-height:68px!important;-webkit-appearance:none!important;appearance:none!important;box-shadow:0 1px 3px #0000000a!important;line-height:1.4!important}.radio-card:hover{border-color:#c7d2fe!important;background:#fafaff!important;transform:translateY(-1px);box-shadow:0 2px 8px #6366f11a!important}.radio-card.selected{border-color:#6366f1!important;background:#eef2ff!important;border-left:4px solid #6366F1!important;box-shadow:0 2px 8px #6366f126!important}.radio-dot{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:2px solid #ccc;margin-top:1px;position:relative;transition:all .15s}.radio-card.selected .radio-dot{border-color:#6366f1}.radio-card.selected .radio-dot:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#6366f1}.radio-text{flex:1;line-height:1.4;font-size:1rem}.checkbox-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.checkbox-card{display:flex!important;align-items:center!important;gap:.85rem!important;padding:1.25rem 1.5rem!important;border:2px solid #e5e7eb!important;border-radius:10px!important;background:#fff!important;cursor:pointer!important;transition:all .2s!important;text-align:left!important;font-family:inherit!important;font-size:.95rem!important;color:#444!important;min-height:64px!important;-webkit-appearance:none!important;appearance:none!important;box-shadow:0 1px 3px #0000000a!important;line-height:1.4!important}.checkbox-card:hover{border-color:#c7d2fe!important;background:#fafaff!important;transform:translateY(-1px);box-shadow:0 2px 8px #6366f11a!important}.checkbox-card.selected{border-color:#6366f1!important;background:#eef2ff!important;color:#1a1a1a!important;border-left:4px solid #6366F1!important;box-shadow:0 2px 12px #6366f126!important}.checkbox-card.selected .check-text{font-weight:600}.check-box{flex-shrink:0;width:22px;height:22px;border-radius:5px;border:2px solid #ccc;position:relative;transition:all .15s}.checkbox-card.selected .check-box{border-color:#6366f1;background:#6366f1}.checkbox-card.selected .check-box:after{content:"";position:absolute;top:2px;left:5px;width:6px;height:10px;border:solid white;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.check-text{flex:1;line-height:1.3}.results-container{padding-top:1rem}.results-header{text-align:center;padding:2.5rem 2rem;background:linear-gradient(135deg,#4facfe,#6366f1,#8b5cf6);color:#fff;border-radius:12px;margin-bottom:2rem}.results-badge{display:inline-block;padding:.3rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-bottom:1rem}.results-header h1{font-size:2rem;margin-bottom:.5rem;color:#fff}.results-score{font-size:1.1rem;color:#ffffffe6;margin-bottom:1rem}.results-score strong{color:#fff;font-size:1.3rem}.results-desc{font-size:.95rem;color:#ffffffd9;max-width:550px;margin:0 auto}.results-section{margin-bottom:2.5rem}.results-section h2{font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.results-explain{color:#888;font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.5rem;margin-bottom:2rem;align-items:end}.ladder-step{display:flex;flex-direction:column;padding:1.25rem 1.1rem;border-radius:12px;background:#fafafa;border:1px solid #eee;transition:all .3s ease;position:relative}.ladder-gap{flex:1 1 auto;min-height:0}.ladder-step[data-level="0"]{min-height:440px;background:#fafbff}.ladder-step[data-level="1"]{min-height:500px;background:#f3f5ff}.ladder-step[data-level="2"]{min-height:560px;background:#eef1ff}.ladder-step[data-level="3"]{min-height:620px;background:#e6eaff}.ladder-step.passed{opacity:.7}.ladder-step.active{background:#fff;border:2px solid #6366F1;box-shadow:0 10px 30px #6366f140;z-index:2}.ladder-step:not(.active):not(.passed){opacity:.75}.ladder-step-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(99,102,241,.15);flex-wrap:wrap}.ladder-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#d1d5db;color:#555;font-weight:700;font-size:.9rem;flex-shrink:0}.ladder-step.passed .ladder-num{background:#c7d2fe;color:#4338ca}.ladder-step.active .ladder-num{background:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f166}.ladder-name{font-weight:700;font-size:1rem;color:#333}.ladder-step.active .ladder-name{color:#6366f1}.ladder-here{display:inline-block;padding:.2rem .55rem;background:#6366f1;color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;margin-left:auto}.ladder-tracks{display:flex;flex-direction:column;gap:1rem}.track-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888;margin-bottom:.4rem}.ladder-step.active .track-label{color:#6366f1}.ladder-track ul{list-style:none;padding:0;margin:0}.ladder-track ul li{font-size:.82rem;line-height:1.45;color:#444;padding:.28rem 0 .28rem .9rem;position:relative}.ladder-track ul li:before{content:"•";color:#6366f1;position:absolute;left:0;font-weight:700;font-size:.95rem;top:.2rem}.ladder-step.passed .ladder-track ul li:before{content:"✓";color:#10b981;font-size:.85rem;top:.25rem}.ladder-step:not(.active):not(.passed) .ladder-track ul li:before{content:"→";color:#9ca3af;font-weight:500;font-size:.9rem;top:.2rem}.dim-explanations{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-top:1.5rem}.dim-card{padding:1rem 1.25rem;border:1px solid #eee;border-radius:8px;background:#fafaff}.dim-card strong{font-size:.9rem;color:#333;display:block;margin-bottom:.3rem}.dim-card p{margin:0;font-size:.85rem;color:#666;line-height:1.4}.heatmap-legend{display:flex;gap:1.25rem;margin-top:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#888}.legend-dot{width:10px;height:10px;border-radius:3px}.key-finding{padding:1.25rem 1.5rem;border-left:4px solid #6366F1;background:#fafaff;border-radius:0 8px 8px 0}.key-finding p{margin:0;color:#333;font-size:.95rem;line-height:1.5}.recommendations{display:flex;flex-direction:column;gap:1rem}.rec-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;border:1px solid #eee;border-radius:10px;background:#fafafa}.rec-num{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#6366f1;color:#fff;font-weight:700;font-size:.9rem;margin-top:2px}.rec-card p{margin:0;color:#333;font-size:.95rem;line-height:1.6}.results-container .cta-block{margin-top:3rem}@media(max-width:768px){#quiz-app{padding:1rem 0 3rem}.quiz-header{padding-top:2rem;margin-bottom:2rem}.quiz-header h1{font-size:1.6rem}.focus-cards,.checkbox-cards{grid-template-columns:1fr}.dim-explanations{grid-template-columns:1fr 1fr}.results-header{padding:2rem 1.5rem}.results-header h1{font-size:1.5rem}.heatmap-legend{gap:.75rem}.ladder{grid-template-columns:1fr;gap:.75rem;align-items:stretch}.ladder-step[data-level]{min-height:auto;justify-content:flex-start}.ladder-step:not(.active){display:none}.ladder-step.active{order:0}}