body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;overflow-x:hidden}@media (max-width: 768px){body{max-height:none;overflow:visible}#root{height:auto;overflow:visible}}*{box-sizing:border-box}button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s ease}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media (max-width: 768px){button{padding:10px 16px;font-size:14px}}@media (max-width: 480px){button{padding:8px 12px;font-size:13px}}input{border:2px solid #ddd;border-radius:8px;padding:12px;font-size:16px;transition:border-color .2s ease}@media (max-width: 768px){input{padding:10px;font-size:14px}}@media (max-width: 480px){input{padding:8px;font-size:14px}}input:focus{outline:none;border-color:#667eea}.card{background:white;border-radius:12px;padding:16px;box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.card{padding:12px;border-radius:8px;margin:8px}}@media (max-width: 480px){.card{padding:8px;border-radius:6px;margin:4px}}.primary-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.secondary-button{background:#f8f9fa;color:#333;border:2px solid #ddd}.success-button{background:#28a745;color:#fff}.danger-button{background:#dc3545;color:#fff}.timeline-entry{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:12px;margin:8px 0;transition:all .2s ease}.timeline-entry:hover{border-color:#667eea;background:#fff}.timeline-entry.correct{border-color:#28a745;background:#d4edda}.timeline-entry.incorrect{border-color:#dc3545;background:#f8d7da}.container-responsive{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media (max-width: 768px){.container-responsive{max-width:100%;padding:0 12px}}@media (max-width: 480px){.container-responsive{padding:0 8px}}.grid-responsive{display:grid;gap:16px}@media (max-width: 768px){.grid-responsive{gap:12px}}@media (max-width: 480px){.grid-responsive{gap:8px}}.text-responsive-lg{font-size:24px}.text-responsive-md{font-size:18px}.text-responsive-sm{font-size:16px}@media (max-width: 768px){.text-responsive-lg{font-size:20px}.text-responsive-md{font-size:16px}.text-responsive-sm{font-size:14px}}@media (max-width: 480px){.text-responsive-lg{font-size:18px}.text-responsive-md{font-size:14px}.text-responsive-sm{font-size:12px}}