*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#333;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px 20px;text-align:center;box-shadow:0 2px 4px #0000001a}.masthead h1{font-size:32px;margin-bottom:8px;font-weight:600}.subtitle{font-size:16px;opacity:.95}.main-content{flex:1;max-width:900px;margin:0 auto;padding:40px 20px;width:100%}.test-content{background:#fff;padding:40px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.page-info h2{font-size:28px;color:#333;margin-bottom:8px}.page-info h3{font-size:18px;color:#666;font-weight:400;margin-bottom:20px}.page-description{font-size:16px;color:#555;margin-bottom:30px;padding:15px;background:#f9f9f9;border-left:4px solid #667eea;border-radius:4px}.questions-list{margin-bottom:30px}.question-fieldset{border:2px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px;background:#fafafa}.question-text{margin-bottom:15px;font-size:16px;color:#333}.question-original{font-weight:700;font-size:17px;line-height:1.5;margin-bottom:12px;color:#1a1a1a}.question-simplified{font-size:15px;color:#667eea;font-weight:500;margin-bottom:12px;font-style:italic}.examples-section{margin-top:15px;padding:15px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.examples-label{font-size:14px;font-weight:600;color:#555;margin-bottom:8px}.examples-list{list-style:none;padding-left:0}.example-item{font-size:14px;color:#666;padding:6px 0 6px 20px;position:relative}.example-item:before{content:"•";position:absolute;left:5px;color:#667eea;font-weight:700}.answer-options{display:flex;flex-direction:column;gap:8px;margin-top:15px}.option-label{display:flex;align-items:center;padding:10px 15px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:not-allowed;font-weight:600;opacity:.7}.option-label input[type=radio]{margin-right:12px;cursor:not-allowed}.option-label span{font-size:15px}.helper-text{margin-top:12px;padding:10px;background:#fff7ed;border-radius:4px;text-align:center;font-size:14px;color:#666}.helper-text a{color:#667eea;font-weight:600;text-decoration:none}.helper-text a:hover{text-decoration:underline}.navigation-buttons{display:flex;gap:15px;justify-content:center;margin:30px 0}.nav-btn{padding:12px 32px;font-size:16px;font-weight:600;border:2px solid #667eea;background:#fff;color:#667eea;border-radius:6px;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:#f0f3ff}.nav-btn.primary{background:#667eea;color:#fff}.nav-btn.primary:hover{background:#5568d3}.completion-note{margin-top:30px;padding:25px;background:#f0f9ff;border-radius:8px;border-left:4px solid #0ea5e9;text-align:center}.completion-note p{margin:8px 0;font-size:16px}.completion-note a{color:#667eea;font-weight:600;text-decoration:none}.completion-note a:hover{text-decoration:underline}.footer{background:#2d2d2d;color:#aaa;padding:30px 20px;text-align:center;border-top:1px solid #444}.footer a{color:#667eea;text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width: 768px){.header{padding:20px 15px}.masthead h1{font-size:24px}.subtitle{font-size:14px}.test-content{padding:25px 20px}.page-info h2{font-size:24px}.page-info h3,.question-original{font-size:16px}.question-simplified{font-size:14px}.example-item{font-size:13px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}}@media (max-width: 480px){.masthead h1{font-size:20px}.test-content{padding:20px 15px}.question-fieldset{padding:15px}.examples-section{padding:12px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}