*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}#root{width:100%;max-width:600px}.container{background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 60px #0000004d}h1{font-size:2rem;margin-bottom:24px;text-align:center;color:#333}h2{font-size:1.5rem;margin-bottom:16px;color:#333}button{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s;width:100%;margin-top:12px}button:hover{background:#5568d3}button:disabled{background:#ccc;cursor:not-allowed}button.danger{background:#e74c3c}button.danger:hover{background:#c0392b}button.success{background:#27ae60}button.success:hover{background:#229954}input[type=range]{width:100%;margin:16px 0}input[type=checkbox]{margin-right:8px;transform:scale(1.2)}label{display:flex;align-items:center;margin:16px 0;cursor:pointer;font-size:1rem}.status{padding:16px;border-radius:8px;margin:16px 0;background:#f8f9fa;border-left:4px solid #667eea}.passcode-display{font-size:3rem;text-align:center;padding:32px;background:#f8f9fa;border-radius:8px;margin:24px 0;letter-spacing:8px;font-weight:700;color:#667eea}.instruction{font-size:1.2rem;padding:16px;background:#fff3cd;border-radius:8px;margin:8px 0;border-left:4px solid #ffc107}.countdown{font-size:2rem;text-align:center;padding:16px;color:#e74c3c;font-weight:700}.question{font-size:1.1rem;line-height:1.6;padding:24px;background:#f8f9fa;border-radius:8px;margin:24px 0;border-left:4px solid #667eea}.slider-container{margin:24px 0}.slider-value{text-align:center;font-size:1.2rem;margin-top:8px;color:#667eea;font-weight:700}