.quiz-app{max-width:920px;margin:0 auto;padding:2rem 1rem 4rem}h1{margin-bottom:.2rem}.subtitle{margin-top:0;color:#64748b}.setup,.test{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.setup button,.history-actions button,.toolbar button,.submit-section button{height:48px;font-size:1rem;padding:0 1.2rem;border-radius:8px;border:none;background:#2563eb;color:#fff;font-weight:600;transition:background .2s;cursor:pointer}.setup button:hover,.history-actions button:hover,.toolbar button:hover,.submit-section button:hover{background:#1e40af}.setup button:disabled,.history-actions button:disabled,.toolbar button:disabled,.submit-section button:disabled{opacity:.6;cursor:not-allowed}.setup select{height:48px}.setup{display:grid;gap:.9rem}label{display:grid;gap:.35rem;font-weight:600}select,input[type=number]{height:40px;border-radius:8px;border:1px solid #cbd5e1;padding:0 .75rem;font-size:1rem}.navigation{display:flex;gap:.5rem;margin-bottom:1rem}.navigation button{flex:1;background:#f1f5f9;color:#475569;font-size:1.125rem;padding:.75rem 1rem;border-radius:12px;border:1px solid transparent;transition:background .2s,color .2s}.navigation button:hover{background:#e2e8f0}.navigation button.active{background:#2563eb;color:#fff}.navigation button.active:hover{background:#1e40af}.history{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.history-list{list-style:none;padding:0;display:grid;gap:1rem}.history-item{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;display:grid;gap:.5rem}.history-info{display:flex;gap:1rem;flex-wrap:wrap}.history-actions{display:flex;gap:.5rem;flex-wrap:wrap}.history-actions button{font-size:.875rem;padding:.5rem .75rem;height:auto}cursor: pointer; padding: 0 1rem; } button:disabled{opacity:.6;cursor:not-allowed}.muted{margin:0;color:#475569}.error{color:#b91c1c;font-weight:600}.quiz-app.login{max-width:400px;margin:4rem auto;padding:2rem 1rem;text-align:center}.login-form{display:grid;gap:.75rem}.login-form label{text-align:left}.login-form input{width:100%;height:40px;border-radius:8px;border:1px solid #cbd5e1;padding:0 .75rem}.navigation button.logout{background:#ef4444;color:#fff}.navigation button.logout:hover{background:#b91c1c}.form-info{width:100%;border-collapse:collapse;margin:1rem 0}.form-info td{border:1px solid #cbd5e1;padding:.5rem .75rem}.form-info input{width:100%;padding:.25rem .5rem;border:1px solid #cbd5e1;border-radius:4px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}ol{padding-left:1.2rem;display:grid;gap:1rem}.question-card{border:1px solid #e2e8f0;border-radius:10px;padding:.75rem}.question{font-weight:700}.options{display:grid;gap:.5rem}.option{display:flex;gap:.6rem;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;padding:.45rem .6rem;font-weight:500}.option.correct{background:#dcfce7;border-color:#86efac}.option.wrong{background:#fee2e2;border-color:#fca5a5}.result{margin-top:1rem;border-top:1px solid #e2e8f0;padding-top:1rem}:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;color:#0f172a}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f8fafc}