:root{--primary: #1e40af;--primary-dark: #1e3a8a;--primary-light: #3b82f6;--mas: #15803d;--mas-bg: #dcfce7;--menos: #b45309;--menos-bg: #fef3c7;--surface: #ffffff;--bg: #f1f5f9;--border: #e2e8f0;--text: #1e293b;--muted: #64748b;--danger: #dc2626;--radius: .5rem;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh}#root{display:flex;flex-direction:column;min-height:100dvh}.site-header{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center}.logo{display:flex;align-items:center;gap:.375rem}.logo-dot{width:.75rem;height:.75rem;background:var(--primary-light);border-radius:50%}.logo-text{font-size:1.25rem;font-weight:700;color:var(--primary);letter-spacing:-.02em}.page-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem;width:100%;max-width:580px}.spinner-wrap{display:flex;justify-content:center;align-items:center;flex:1;padding:4rem}.spinner{width:2.25rem;height:2.25rem;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar-track{background:var(--border);border-radius:9999px;height:.5rem;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);border-radius:9999px;transition:width .3s ease}.progress-label{font-size:.8125rem;color:var(--muted);text-align:right;margin-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.375rem;border-radius:var(--radius);font-size:.9375rem;font-weight:500;cursor:pointer;border:1.5px solid transparent;line-height:1.25;transition:background .15s,border-color .15s,opacity .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:not(:disabled):hover{background:var(--primary-dark)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:not(:disabled):hover{background:#eff6ff}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.875rem;font-weight:500}.form-input{padding:.625rem .875rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:1rem;color:var(--text);background:var(--surface);transition:border-color .15s,box-shadow .15s}.form-input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #3b82f61f}.form-hint{font-size:.8125rem;color:var(--muted)}.form-error{font-size:.8125rem;color:var(--danger)}.exam-list{display:flex;flex-direction:column;gap:.625rem}.exam-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:.75rem;transition:border-color .15s}.exam-row.available{border-color:var(--primary-light);background:#eff6ff}.exam-row.done{border-color:var(--mas);background:#f0fdf4}.exam-name{font-weight:500;font-size:.9375rem}.exam-badge{font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;white-space:nowrap}.badge-soon{background:#f1f5f9;color:var(--muted)}.badge-done{background:var(--mas-bg);color:var(--mas)}.badge-pending{background:#eff6ff;color:var(--primary)}.grupo-block{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.grupo-block+.grupo-block{margin-top:.75rem}.grupo-num{background:#f8fafc;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:var(--muted);letter-spacing:.03em;border-bottom:1px solid var(--border)}.palabra-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.625rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.palabra-row:last-child{border-bottom:none}.palabra-text{font-size:.9375rem}.sel-btn{width:2.75rem;height:2.75rem;border-radius:var(--radius);border:1.5px solid var(--border);background:transparent;cursor:pointer;font-size:.6875rem;font-weight:700;letter-spacing:.03em;transition:all .1s;color:var(--muted);flex-shrink:0}.sel-btn:not(:disabled):hover{background:#f1f5f9;border-color:#94a3b8}.sel-btn.sel-mas{background:var(--mas-bg);border-color:var(--mas);color:var(--mas)}.sel-btn.sel-menos{background:var(--menos-bg);border-color:var(--menos);color:var(--menos)}.sel-btn:disabled{opacity:.3;cursor:not-allowed}.lifo-row{grid-template-columns:1fr auto}.lifo-rank-group{display:flex;gap:.375rem}.kostick-block{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.kostick-block+.kostick-block{margin-top:.75rem}.kostick-num{background:#f8fafc;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:var(--muted);letter-spacing:.03em;border-bottom:1px solid var(--border)}.kostick-options{display:flex;flex-direction:column}.kostick-option{text-align:left;padding:.75rem 1rem;border:none;border-bottom:1px solid var(--border);background:transparent;cursor:pointer;font-size:.9375rem;color:var(--text);transition:all .1s}.kostick-option:last-child{border-bottom:none}.kostick-option:hover{background:#f1f5f9}.kostick-option-selected{background:var(--primary-bg, #eff6ff);color:var(--primary-dark);font-weight:600}.terman-item{display:flex;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.terman-item+.terman-item{margin-top:.625rem}.terman-item-num{flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:50%;background:#f8fafc;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--muted)}.terman-item-body{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.terman-enunciado{font-size:.9375rem;line-height:1.4}.terman-secuencia{font-family:DM Sans,monospace;letter-spacing:.05em;font-weight:600}.terman-opciones{display:flex;flex-direction:column;gap:.375rem}.terman-opcion{display:flex;align-items:center;gap:.5rem;text-align:left;padding:.5rem .75rem;border:1.5px solid var(--border);border-radius:var(--radius);background:transparent;cursor:pointer;font-size:.875rem;color:var(--text);transition:all .1s}.terman-opcion:hover{background:#f1f5f9;border-color:#94a3b8}.terman-opcion-letra{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:4px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--muted)}.terman-opcion-selected{background:var(--primary-bg, #eff6ff);border-color:var(--primary);color:var(--primary-dark);font-weight:600}.terman-opcion-selected .terman-opcion-letra{background:var(--primary);color:#fff}.terman-toggle{display:flex;gap:.5rem}.terman-toggle-btn{flex:1;padding:.5rem .75rem;border:1.5px solid var(--border);border-radius:var(--radius);background:transparent;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--muted);transition:all .1s}.terman-toggle-btn:hover{background:#f1f5f9}.terman-toggle-selected{background:var(--primary-bg, #eff6ff);border-color:var(--primary);color:var(--primary-dark)}.terman-input-numerico{width:100%;max-width:12rem;padding:.5rem .75rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.9375rem;color:var(--text);background:var(--surface)}.terman-input-numerico:focus{outline:none;border-color:var(--primary)}.terman-secuencia-inputs{display:flex;gap:.5rem}.terman-ejemplo{background:#fff;border:1px dashed #bfdbfe;border-radius:var(--radius);padding:.625rem .875rem}.terman-ejemplo-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:.25rem}.terman-ejemplo-texto{font-family:inherit;font-size:.8125rem;white-space:pre-wrap;color:var(--text);margin:0}.nav-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;gap:.75rem}.instruction-strip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius);padding:.875rem 1.125rem;font-size:.875rem;color:var(--primary-dark);margin-bottom:1.25rem;line-height:1.5}.stack{display:flex;flex-direction:column}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.gap-xl{gap:2rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.text-center{text-align:center}.text-muted{color:var(--muted);font-size:.9375rem}.text-sm{font-size:.875rem}.heading{font-size:1.375rem;font-weight:700;color:var(--text);line-height:1.3}.subheading{font-size:1rem;font-weight:600;color:var(--text)}