:root{--primary-bg: #1a1c1d;--text-color: #e0e0e0;--accent-color: #ffc400;--secondary-accent-color: #00a8ff;--danger-color: #ff4d4d;--border-color: rgba(0, 168, 255, .2);--container-bg: #2a2d2f;--button-bg: transparent;--button-hover-bg: rgba(0, 168, 255, .1);--font-body: "Roboto Mono", monospace;--font-heading: "Nunito Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary-bg);color:var(--text-color);font-family:var(--font-body);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:1rem;overflow-y:auto;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' width='80' height='80'%3e%3cpath fill='%232a2d2f' fill-opacity='0.4' d='M0 0h80v80H0z'/%3e%3cpath fill-opacity='0.1' stroke='%23333' stroke-width='1' d='M0 39.5h80M39.5 0v80'/%3e%3cpath fill-opacity='0.2' stroke='%23333' stroke-width='1.5' d='M0 19.5h80M19.5 0v80M0 59.5h80M59.5 0v80'/%3e%3c/svg%3e")}#root{width:100%;max-width:800px;border:1px solid var(--border-color);background-color:#1a1c1de6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;box-shadow:0 0 25px #00a8ff1a;animation:fadeIn 1s ease-in-out;margin:2rem 0;border-radius:4px}.app-container{display:flex;flex-direction:column;gap:1.5rem}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-color);text-align:center}h1{color:var(--accent-color);font-size:1.8rem;margin-bottom:.5rem}h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--secondary-accent-color)}h3{font-size:1.1rem;margin-bottom:1rem;color:var(--accent-color)}h4{font-size:.9rem;margin-bottom:.75rem;color:var(--text-color);opacity:.7}p{line-height:1.7;font-size:1rem;text-align:center;max-width:70ch;margin-left:auto;margin-right:auto}.welcome-screen p,.module-selection-screen p{text-align:left;white-space:pre-wrap;background-color:#0003;border:1px solid var(--border-color);padding:1rem;font-size:.9rem;margin-bottom:1rem;border-radius:4px}.module-selection-screen p{margin-bottom:0}.module-selection-screen p strong{color:var(--accent-color);font-weight:400}.question-container>p{margin:1.5rem auto;font-size:1.2rem}.disaster-selection-screen p{background-color:transparent;border:none;padding:0;margin-bottom:2rem;opacity:.8}.disaster-options{display:grid;grid-template-columns:1fr;gap:1rem}.disaster-card{background-color:var(--container-bg);border:1px solid var(--border-color);padding:1.5rem;text-align:left;font-family:var(--font-body);color:var(--text-color);cursor:pointer;transition:all .2s ease-in-out;border-radius:4px}.disaster-card:hover{background-color:var(--container-bg);transform:translateY(-4px);box-shadow:0 5px 15px #00a8ff1a;border-color:var(--secondary-accent-color)}.disaster-card h3{text-align:left;margin-bottom:.75rem;font-size:1rem}.disaster-card p{text-align:left;font-size:.9rem;line-height:1.5;opacity:.7}.test-selection-container{display:grid;grid-template-columns:1fr;gap:1rem;margin:2rem 0;text-align:left}@media (min-width: 600px){.test-selection-container{grid-template-columns:1fr 1fr}}.test-selection-item{position:relative}.test-selection-item label{display:block;background:var(--container-bg);border:1px solid var(--border-color);padding:1rem 1rem 1rem 3.5rem;cursor:pointer;transition:all .2s;font-size:.9rem;border-radius:4px}.test-selection-item label:before{content:"";position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--border-color);background-color:var(--primary-bg);border-radius:3px;transition:all .2s}.test-selection-item label:after{content:"✔";position:absolute;left:1.15rem;top:50%;transform:translateY(-50%) scale(0);width:22px;height:22px;font-weight:700;color:var(--accent-color);text-align:center;line-height:20px;font-size:1.2rem;transition:transform .2s}.test-selection-item input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.test-selection-item input[type=checkbox]:checked+label{border-color:var(--accent-color)}.test-selection-item input[type=checkbox]:checked+label:before{background-color:var(--accent-color);border-color:var(--accent-color)}.test-selection-item input[type=checkbox]:checked+label:after{transform:translateY(-50%) scale(1);color:var(--primary-bg)}.test-selection-item input[type=checkbox]:disabled+label{background:#2a2d2f80;color:#e0e0e066;cursor:not-allowed;text-decoration:line-through}.test-selection-item input[type=checkbox]:disabled+label:before{border-color:#e0e0e033;background-color:transparent}.test-selection-item input[type=checkbox]:disabled+label:after{transform:translateY(-50%) scale(0)}.start-button,.answer-button,.assess-more-button,.back-button,.restart-button{font-family:var(--font-heading);font-weight:700;background-color:var(--button-bg);color:var(--text-color);border:1px solid var(--border-color);padding:1rem;font-size:.9rem;line-height:1.4;cursor:pointer;transition:all .2s ease-in-out;text-transform:uppercase;margin-top:.5rem;width:100%;height:100%;text-align:center;border-radius:4px}.start-button{padding:1rem 2rem;font-size:1.1rem;margin-top:1rem;border-color:var(--accent-color);color:var(--accent-color)}.start-button:hover:not(:disabled){background-color:var(--accent-color);color:var(--primary-bg)}.start-button:disabled{border-color:var(--border-color);color:var(--text-color);opacity:.4;cursor:not-allowed;background-color:transparent}.answer-button:hover{background-color:var(--secondary-accent-color);border-color:var(--secondary-accent-color);color:var(--primary-bg);transform:translateY(-2px)}.question-container{animation:slideIn .5s ease-in-out}.progress-bar-container{width:100%;height:4px;background-color:var(--container-bg);border:1px solid var(--border-color);margin:2rem 0;border-radius:2px}.progress-bar{width:0%;height:100%;background-color:var(--accent-color);transition:width .3s ease-in-out;border-radius:2px}.answer-options{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2rem}@media (min-width: 700px){.answer-options{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}}.loader{font-size:1.5rem;font-family:var(--font-heading);animation:blink 1.5s infinite;min-height:300px;display:flex;align-items:center;justify-content:center;color:var(--secondary-accent-color)}.results-screen h2,.offline-results-screen h2,.error-screen h2{color:var(--accent-color);margin-bottom:2rem}.results-screen .profile-breakdown,.offline-results-screen .profile-breakdown{border:1px solid var(--border-color);background-color:#0003;padding:1.5rem;margin-bottom:2rem;text-align:left;display:flex;flex-direction:column;gap:1.5rem;border-radius:4px}.trait-analysis h4{color:var(--secondary-accent-color);border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1rem;text-align:left}.trait-score-list{list-style:none;padding:0;margin:0;display:flex;justify-content:space-around;flex-wrap:wrap;text-align:center;gap:1rem}.trait-score-list li{font-size:.8rem;text-transform:uppercase;display:flex;flex-direction:column;letter-spacing:1px;min-width:120px}.trait-score-list li span{opacity:.6}.trait-score-list li strong{font-size:1.8rem;color:var(--accent-color);margin-top:.25rem;font-family:var(--font-body)}.results-button-group{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.assess-more-button{border-color:var(--secondary-accent-color);color:var(--secondary-accent-color)}.assess-more-button:hover{background-color:var(--secondary-accent-color);color:var(--primary-bg)}.restart-button{border-color:var(--danger-color);color:var(--danger-color);margin-top:0}.restart-button:hover{background-color:#ff4d4d1a;color:#ff6b6b;border-color:#ff6b6b;box-shadow:0 0 10px #ff4d4d4d}.back-button:hover{border-color:var(--text-color)}.structured-analysis{border:1px solid var(--border-color);padding:2rem;margin:2rem 0;background:#0003;border-radius:4px}.structured-analysis h2{color:var(--accent-color);text-align:left;margin-bottom:.5rem}.structured-analysis .summary{text-align:left;margin-bottom:2rem;opacity:.9}.strengths-liabilities-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media (min-width: 600px){.strengths-liabilities-grid{grid-template-columns:1fr 1fr}}.strengths h4,.liabilities h4{text-align:left}.strengths h4{color:#2ecc71}.liabilities h4{color:#e67e22}.strengths-list,.liabilities-list{list-style-type:none;padding-left:0;text-align:left}.strengths-list li,.liabilities-list li{padding-left:1.5rem;position:relative;margin-bottom:.75rem;font-size:.9rem}.strengths-list li:before{content:"+";color:#2ecc71;position:absolute;left:0;font-weight:700}.liabilities-list li:before{content:"-";color:#e67e22;position:absolute;left:0;font-weight:700}.final-verdict{text-align:left;opacity:.8;font-style:italic;border-top:1px solid var(--border-color);padding-top:1.5rem;margin-top:1rem}.leadership-matrix-container{border:1px solid var(--border-color);padding:1.5rem;margin:2rem 0;background:#0003;border-radius:4px}.leadership-matrix-container>h4{text-align:center;color:var(--secondary-accent-color);margin-bottom:1.5rem}.matrix{position:relative;width:100%;max-width:400px;margin:0 auto;padding-bottom:100%}.matrix-grid{position:absolute;top:5%;left:5%;width:90%;height:90%;background-image:linear-gradient(rgba(0,168,255,.2) 1px,transparent 1px),linear-gradient(to right,rgba(0,168,255,.2) 1px,transparent 1px);background-size:50% 50%;border:1px solid rgba(0,168,255,.3)}.axis-label{position:absolute;font-size:.7rem;text-transform:uppercase;color:var(--text-color);opacity:.6}.y-top{top:-5px;left:50%;transform:translate(-50%)}.y-bottom{bottom:-5px;left:50%;transform:translate(-50%)}.x-left{left:-5px;top:50%;transform:translateY(-50%) rotate(-90deg)}.x-right{right:-5px;top:50%;transform:translateY(-50%) rotate(90deg)}.matrix-dot{position:absolute;width:20px;height:20px;background-color:var(--accent-color);border:2px solid var(--primary-bg);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--accent-color);transition:all .5s ease-in-out}.leadership-analysis{text-align:center;margin-top:1.5rem}.leadership-analysis h3{color:var(--accent-color)}.leadership-analysis p{font-size:.9rem;opacity:.8}.unlock-prompt{text-align:center;padding:2rem;margin:2rem 0;border:1px dashed var(--border-color);background:#00a8ff0d;border-radius:4px}.unlock-prompt h3{color:var(--secondary-accent-color)}.unlock-prompt p{opacity:.8;margin-top:.5rem}.module-selection-buttons{display:flex;flex-direction:column-reverse;gap:1rem;margin-top:1rem}@media (min-width: 600px){.module-selection-buttons{flex-direction:row;justify-content:space-between}.results-button-group{flex-direction:row;justify-content:center;gap:5rem}.results-button-group>button{width:auto;min-width:220px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}