body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page{background:#f2f3f5;box-sizing:border-box;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100dvh;overflow-y:auto;width:100%}@media (max-width:768px){.page-center-center{align-items:center;justify-content:center;padding:5px}.page-top-center{justify-content:center}.page-top-center,.page-top-left{align-items:flex-start;padding:5px}.page-top-left{justify-content:flex-start}.page-top-right{align-items:flex-start;justify-content:flex-end;padding:5px}}@media (min-width:769px){.page-center-center{align-items:center;justify-content:center;padding:20px}.page-top-center{justify-content:center}.page-top-center,.page-top-left{align-items:flex-start;padding:20px}.page-top-left{justify-content:flex-start}.page-top-right{align-items:flex-start;justify-content:flex-end;padding:20px}}.title-center{margin-bottom:10px;margin-top:5px;text-align:center;transform:translateX(-16px)}.card{background:#fff;border:1px solid #3b82f6;border-radius:16px;box-shadow:0 8px 24px #0000000f,0 0 0 8px #00000008;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:420px;padding:24px;position:relative;width:100%}.card.loading{border:3px solid #d1d5db80}.card.question,.card.select_quiz{border:3px solid #3b82f680}.card.answered_correct{border:3px solid #4caf5080}.card.answered_false{border:3px solid #f4433680}.card.error{animation:fadeIn .4s ease-out;background:#fff;border:3px solid #ef444480;border-radius:16px;max-width:420px;padding:32px;text-align:center;width:90%}.header{color:#777;display:flex;font-size:14px;justify-content:space-between}.answered_correct,.answered_false,.finished,.question,.select_quiz{font-size:20px;margin:0}.options{display:flex;flex-direction:column;gap:10px}.option{border:1px solid #ddd;border-radius:10px;cursor:pointer;font-size:16px;padding:12px;text-align:left;transition:all .2s}.feedback{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:10px}.button-primary{background:#3f95f5}.button-primary,.button-secondary{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;padding:16px 20px}.button-secondary{background:#555}.dark{background:#3a3a3a;color:#f5f5f5}.dark .card{background:#1e1e1e;color:#f5f5f5}.dark .header{color:#bbb}.dark .question{color:#0c0c0c}.dark .option{background:#2a2a2a;border:1px solid #444;color:#0c0c0c}.dark .option:hover{background:#333}.dark .button-primary{background:#4caf50;color:#fff}.dark .button-secondary{background:#555;color:#fff}.panel{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000026;color:#000;display:flex;flex-direction:column;gap:8px;margin:0 auto 2px;max-width:380px;padding:3px;width:360px}.dark .panel{background:#1e1e1e;box-shadow:0 4px 15px #0006;color:#f5f5f5}.panel-title{padding:6px 0}.panel-control{width:100%}.panel-full{grid-column:1/-1}.panel-toggle{align-items:center;display:flex;font-size:12px;gap:6px}.panel-grid{grid-gap:10px 20px;background:#ffffff80;border:1px solid #0000001f;border-radius:10px;display:grid;gap:10px 20px;grid-template-columns:1fr 1fr;margin-bottom:1px;padding:12px}.panel-title{background:#00000008;border:1px solid #0000001a;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;grid-column:1/-1;padding:8px 10px;text-align:center;transition:background .15s ease;-webkit-user-select:none;user-select:none}.panel-title:hover{background:#0000000f}.panel-button{cursor:pointer;font-size:12px;padding:6px 8px}.tooltip-wrapper{display:flex;flex-direction:column;gap:10px}.tooltip{animation:fadeIn .5s forwards;background:#333;border-radius:6px;color:#fff;font-size:12px;padding:6px 8px;white-space:nowrap;z-index:9999}.error-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#eef2ff);display:flex;font-family:system-ui,sans-serif;height:100vh;justify-content:center}.error-card{animation:fadeIn .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:420px;padding:32px;text-align:center;width:90%}.error-icon{animation:pulse 1.5s infinite;font-size:48px;margin-bottom:10px}.error-card h1{color:#111827;font-size:22px;margin:10px 0}.error-card p{color:#6b7280;font-size:14px;line-height:1.5}.error-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.retry-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 14px;transition:.2s}.retry-button:hover{background:#2563eb;transform:translateY(-1px)}.secondary-button{background:#0000;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;padding:10px 14px;transition:.2s}.secondary-button:hover{background:#f3f4f6}.error-hint{color:#9ca3af;font-size:12px;margin-top:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.radio{border:2px solid #9ca3af;border-radius:50%;display:inline-block;flex-shrink:0;height:16px;margin-right:10px;transition:all .15s ease;width:16px}.radio.selected{background:#3b82f6;border-color:#3b82f6;box-shadow:inset 0 0 0 3px #fff}.checkbox{border:2px solid #9ca3af;border-radius:4px;display:inline-block;flex-shrink:0;height:16px;margin-right:10px;transition:all .15s ease;width:16px}.checkbox.selected{background:#3b82f6;border-color:#3b82f6;position:relative}.progress-bar{background:#eee;border-radius:5px;height:6px;overflow:hidden}.progress-bar-fill{background:#3b82f6;border-radius:5px;height:100%;transition:width .3s ease}.password-wrapper{align-items:center;display:flex;gap:8px}.password-wrapper input{flex:1 1}.input-primary{background:#fff;border:1px solid #cfd8e3;border-radius:10px;color:#1f2937;font-size:16px;outline:none;padding:16px 20px;transition:border-color .2s ease,box-shadow .2s ease}.input-primary:focus{border-color:#3f95f5;box-shadow:0 0 0 3px #3f95f533}.input-primary::placeholder{color:#94a3b8}.show-password-toggle{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:16px;margin-top:10px}.button-row{display:flex;gap:12px;justify-content:space-between}.error-text div{line-height:1.2;margin:10px 0}
/*# sourceMappingURL=main.b07953a8.css.map*/